.promo-popup{position:fixed;inset:0;width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden;border:1px solid #af8b3b;border-radius:12px;background:#fff;color:#171717;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.promo-popup[open]{display:flex;flex-direction:column;animation:promo-enter .32s ease-out both}
.promo-popup::backdrop{background:rgba(8,8,8,.78);backdrop-filter:blur(4px)}
.promo-popup-topbar,.promo-popup-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}
.promo-popup-topbar{border-bottom:1px solid #ded6bf}
.promo-popup-topbar p{margin:0;color:#765b1d;font:700 .72rem/1.3 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.promo-popup-topbar button,.promo-popup-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:#171717;cursor:pointer;font:600 .76rem/1 Manrope,sans-serif}
.promo-popup-topbar button{gap:5px}
.promo-popup-topbar button span{font-size:1.55rem;font-weight:400}
.promo-popup-topbar button:hover,.promo-popup-controls button:hover{color:#8b6b24}
.promo-popup-media{display:flex;min-height:0;overflow:hidden;align-items:center;justify-content:center;background:#fff}
.promo-popup-media a{display:block;max-width:100%;line-height:0}
.promo-popup-media img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 145px);object-fit:contain}
.promo-popup-footer{min-height:44px;border-top:1px solid #ded6bf}
.promo-popup-footer p{margin:0;color:#484640;font:500 .76rem/1.4 Manrope,sans-serif}
.promo-popup-controls{display:flex;align-items:center;gap:3px;color:#484640;font:600 .72rem/1 Manrope,sans-serif;white-space:nowrap}
.promo-popup-controls[hidden]{display:none}
.promo-popup-controls button{min-width:34px;min-height:34px;font-size:1.1rem}
body.promo-popup-open{overflow:hidden}
body.promo-popup-open .mobile-actions{display:none!important}
@keyframes promo-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.promo-popup{width:calc(100vw - 20px);max-height:calc(100dvh - 16px)}.promo-popup-topbar,.promo-popup-footer{padding:7px 11px}.promo-popup-topbar p{font-size:.67rem}.promo-popup-footer p{font-size:.7rem}.promo-popup-media img{max-height:calc(100dvh - 125px)}}
@media(prefers-reduced-motion:reduce){.promo-popup[open]{animation:none}.promo-popup::backdrop{backdrop-filter:none}}
