/* S8-R9 noninvasive mobile-first overrides */
.s8-r9-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;color:#e7c6f1}
.s8-r9-toolbar button,.s8-r9-intro button{border:1px solid #bc83dd;background:#3e2755;color:white;border-radius:12px;padding:11px 14px;cursor:pointer}
.s8-r9-settings{background:#231735;border:1px solid #78548d;border-radius:17px;padding:16px;margin:0 0 18px}
.s8-r9-settings .s8-study,.s8-r9-settings .s8-autoplay-options{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px;margin:12px 0;max-width:100%}
.s8-r9-settings .s8-study[hidden],.s8-r9-settings .s8-autoplay-options[hidden]{display:none!important}
.s8-r9-settings p{color:#dccde7}
.s8-r9-onboarding:not([hidden]){position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#0b0717dd;padding:16px}
.s8-r9-intro{background:#261834;color:#fff;border:1px solid #9662b3;border-radius:22px;padding:24px;width:min(480px,100%);max-height:90dvh;overflow:auto;box-shadow:0 18px 55px #070310aa}
.s8-r9-intro label{display:flex;align-items:center;gap:10px;margin:14px 0;line-height:1.5}
.s8-r9-intro input{width:19px;height:19px;flex-shrink:0;accent-color:#d658b0}
.s8-r9-intro button{width:100%;background:linear-gradient(110deg,#d14ca6,#7e41f2);font-weight:700;margin-top:12px;min-height:48px}
.product-shell .s8-close-player{top:9px;right:9px;left:auto;bottom:auto;min-width:40px;min-height:40px;max-width:44px;width:44px;height:44px;border-radius:12px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1;z-index:9}
.product-shell .s8-video-fallback{z-index:8}
@media(max-width:700px){
 .experience .wrap{padding-left:12px;padding-right:12px}
 .product-shell{padding:16px 12px}
 .product-shell .product-media{width:100%;min-height:0;aspect-ratio:4/3;border-radius:16px}
 .product-shell .s8-player{width:100%;height:100%}
 .product-shell .s8-autoplay-note{font-size:10px;bottom:5px;left:5px;right:5px;padding:3px 5px;max-height:32px;overflow:hidden}
 .product-shell .s8-video-fallback{left:6px;bottom:43px;max-width:40%;font-size:11px}
 .product-shell .product-info h3{font-size:clamp(26px,6vw,36px)}
 .s8-r9-toolbar{font-size:13px}
}
@media(max-width:410px){.product-shell .product-media{aspect-ratio:1/1}}

/* S8-R9B: small visual close icon, full 44px pointer and touch target. */
.product-shell .s8-close-player{top:0;right:0;left:auto;bottom:auto;min-width:44px;min-height:44px;max-width:44px;width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1;z-index:9;touch-action:manipulation;isolation:isolate;background:transparent;border:0;border-radius:10px}
.product-shell .s8-close-player::before{content:"";position:absolute;inset:6px;background:#261338ed;border:1px solid #d3a7e7;border-radius:9px;z-index:-1}
.product-shell .s8-close-player:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
.product-shell .s8-r9-failure-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#160e28;opacity:.65;z-index:0}
.product-shell .s8-r9-player-error{position:absolute;left:9%;right:9%;top:42%;z-index:3;color:#fff;background:#201233ed;text-align:center;border:1px solid #b98bc6;border-radius:12px;padding:12px 10px;font-size:13px;font-weight:700;line-height:1.4;pointer-events:none}
.product-shell .s8-player-open .s8-video-fallback{z-index:8}
/* Telegram only: content safe area and viewport fit, not identity or entitlement. */
.splurge-miniapp .top{padding-left:max(12px,var(--splurge-tg-left,0px));padding-right:max(12px,var(--splurge-tg-right,0px))}
.splurge-miniapp #discover{scroll-margin-top:calc(12px + var(--splurge-tg-top,0px))}
.splurge-miniapp .foot{padding-bottom:calc(18px + var(--splurge-tg-bottom,0px))}
.s8-r9-tg-fullscreen{display:none}
.splurge-miniapp .s8-r9-tg-fullscreen{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
@media(max-width:410px){.product-shell .s8-r9-player-error{top:34%;font-size:12px}.splurge-miniapp .s8-r9-toolbar{flex-wrap:wrap}}

/* R5D: clearly identified neutral editorial placeholders; no third-party photography. */
.s8-r5d-directory-placeholder,.s8-r5d-hero-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:radial-gradient(circle at 30% 20%,#4c2b67 0%,#27183c 50%,#130d26 100%);color:#f8eaff;letter-spacing:.02em;line-height:1.35;font-weight:750}
.s8-r5d-directory-placeholder{width:100%;height:100%;font-size:clamp(13px,1.6vw,19px);box-sizing:border-box}
.s8-r5d-hero-placeholder{font-size:clamp(23px,4.8vw,40px);box-sizing:border-box}