.rs-mystery-banner[hidden] { display: none !important; }
.rs-mystery-banner { position: fixed; right: 18px; bottom: 18px; z-index: 80; width: min(360px, calc(100vw - 36px)); box-sizing: border-box; padding: 20px 22px; border: 1px solid #e8dccc; border-radius: 18px; background: #fffaf3; color: #1e2e32; box-shadow: 0 12px 38px rgba(35, 42, 39, .16); font: inherit; }
.rs-mystery-banner p { margin: 0 24px 11px 0; line-height: 1.55; }
.rs-mystery-banner .rs-mystery-eyebrow { color: #8a6350; font-size: .72rem; font-weight: 750; letter-spacing: .14em; }
.rs-mystery-banner strong { font-size: 1.05rem; }
.rs-mystery-banner a { color: #275d59; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.rs-mystery-banner a:focus-visible, .rs-mystery-close:focus-visible { outline: 3px solid #275d59; outline-offset: 3px; }
.rs-mystery-close { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; color: #324747; font-size: 1.5rem; line-height: 1; cursor: pointer; padding: 5px 8px; }
@media (max-width: 600px) { .rs-mystery-banner { right: 12px; bottom: 12px; width: min(340px, calc(100vw - 24px)); padding: 16px 18px; } }