html { scroll-behavior: smooth; }
body { background: #0a0a0a; }
.cv-auto { content-visibility: visible !important; contain-intrinsic-size: auto !important; }
.reveal, .reveal-scale { opacity: 1 !important; transform: none !important; visibility: visible !important; }
.bonus-crop { aspect-ratio: 1 / 1; background-size: 200% 200%; background-repeat: no-repeat; flex: none; }
.bonus-crop-1 { background-position: left top; }
.bonus-crop-2 { background-position: right top; }
.bonus-crop-3 { background-position: left bottom; }
.bonus-crop-4 { background-position: right bottom; }
.preview-checkout { cursor: not-allowed !important; }
.faq-open .faq-answer { grid-template-rows: 1fr !important; opacity: 1 !important; }
.faq-open .faq-toggle svg { transform: rotate(180deg); }
#packs { scroll-margin-top: 1.5rem; }
#promo-banner { background: #7f1d1d; animation: none !important; box-shadow: none !important; }
#basic-modal[hidden] { display: none !important; }
#basic-modal h3 { padding-inline: 1.4rem; }
#basic-modal > div { max-height: calc(100vh - 1.5rem); overflow-y: auto; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; }
}