.bh-home-promo {
    box-sizing: border-box;
    width: min(780px, calc(100vw - 32px), calc(100vh - 110px));
    width: min(780px, calc(100vw - 32px), calc(100dvh - 110px));
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 78px 0 0;
    border: 0;
    color: #ffeac0;
    background: transparent;
    overflow: visible;
    overscroll-behavior: contain;
}
.bh-home-promo:not([open]) { display: none; }
.bh-home-promo::backdrop { background: rgb(0 0 0 / 82%); backdrop-filter: blur(4px); }
html.bh-home-promo-open { overflow: hidden; scrollbar-gutter: stable; }
.bh-home-promo__close-form { position: absolute; top: 0; right: 0; margin: 0; padding: 0; }
.bh-home-promo .bh-home-promo__close {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    box-sizing: border-box;
    width: 64px;
    height: 78px;
    min-height: 0;
    margin: 0;
    padding: 10px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff4d5;
    font-family: inherit;
    cursor: pointer;
    filter: drop-shadow(0 3px 7px #0009);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
.bh-home-promo__cloth { position: absolute; inset: 0; width: 64px; height: 78px; z-index: -1; }
.bh-home-promo__cross { font: 36px/32px Arial, sans-serif; }
.bh-home-promo__close-label { font-size: 16px; line-height: 24px; font-weight: 700; }
.bh-home-promo__close:hover { filter: brightness(1.2) drop-shadow(0 3px 7px #0009); }
.bh-home-promo__close:focus-visible { outline: 3px solid #ffe2a2; outline-offset: 3px; }
.bh-home-promo__poster { display: block; line-height: 0; border: 1px solid #ac793d; box-shadow: 0 20px 65px #0009; }
.bh-home-promo__poster:focus-visible { outline: 3px solid #ffe2a2; outline-offset: 3px; }
.bh-home-promo .bh-home-promo__poster img { display: block; width: 100%; height: auto; aspect-ratio: 1; max-width: 100%; object-fit: contain; }
@media (prefers-reduced-motion: no-preference) {
    .bh-home-promo[open] { animation: bh-home-promo-enter .22s ease-out; }
    @keyframes bh-home-promo-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}
