.pg-promo{border:0;padding:0;width:min(760px,calc(100vw - 28px));max-width:760px;max-height:calc(100dvh - 28px);border-radius:22px;background:#fffdf7;color:#17152b;box-shadow:0 24px 100px #0005;overflow:auto;font:16px/1.5 system-ui,sans-serif}
.pg-promo::backdrop{background:#101224b8;backdrop-filter:blur(5px)}
.pg-promo *{box-sizing:border-box}
.pg-promo-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}
.pg-promo-header strong{font-size:15px;letter-spacing:.03em}
.pg-promo-header small{display:block;color:#6b6373;font-size:11px;letter-spacing:.03em}
.pg-promo button{border:0;border-radius:999px;background:#17152b;color:white;padding:11px 17px;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.pg-promo button:focus-visible{outline:3px solid #4d78ff;outline-offset:3px}
.pg-promo-media{position:relative;aspect-ratio:16/9;background:#f7f3e8}
.pg-promo video,.pg-promo img{display:block;width:100%;height:100%;object-fit:contain}
.pg-promo video{position:absolute;inset:0}
.pg-promo-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 20px}
.pg-promo-footer p{margin:0;font-size:13px;color:#635c6c;word-break:keep-all}
.pg-promo-count{flex-shrink:0;font-size:12px;color:#635c6c;font-weight:700}
@media(max-width:480px){.pg-promo{border-radius:16px}.pg-promo-header,.pg-promo-footer{padding:13px 15px}.pg-promo-footer{align-items:flex-start}.pg-promo-footer p{font-size:12px}.pg-promo button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.pg-promo::backdrop{backdrop-filter:none}}