/* Mongrila Navratri: burgundy velvet, marigold and warm brass. */
:root { --black:#21080d; --black-2:#300c13; --black-3:#3d111a; --gold-1:#b77b27; --gold-2:#e7ae4d; --gold-3:#ffe0a2; --gold-4:#fff1ce; --line:rgba(241,185,82,.28); --gold-gradient:linear-gradient(135deg,#ba7729,#efbc64 45%,#fff0bd 72%,#cb8734); }
body { background:#21080d; }
body::before { background:radial-gradient(circle at 10% 0%,rgba(222,85,28,.18),transparent 28rem),radial-gradient(circle at 95% 45%,rgba(226,165,64,.10),transparent 30rem),linear-gradient(#21080d,#300c13 45%,#21080d); }
.site-header { background:rgba(38,7,14,.96); border-bottom:1px solid var(--line); }
.site-header::after { content:""; display:block; height:5px; background:repeating-linear-gradient(90deg,#eab045 0 7px,#b84822 7px 14px,#f5ce76 14px 21px,#70251f 21px 28px); opacity:.8; }
.announcement { color:#fff0cf; background:linear-gradient(90deg,#6d1426,#a33b24 48%,#6d1426); border-bottom:1px solid #d59a44; }
.announcement__inner { min-height:48px; }
.announcement a { color:#ffe0a2; }
.hero { background-image:linear-gradient(90deg,rgba(32,4,10,.6),transparent 70%),url('../img/navratri-hero-20261012.webp')!important; background-color:#350811; background-position:center; background-size:cover; }
.hero::before { background:linear-gradient(180deg,rgba(32,4,10,.06),transparent 65%,#21080d); }
.hero__copy { max-width:610px; }
.hero__copy h1 { font-size:clamp(3.6rem,5.7vw,5.6rem); line-height:1.02; }
.hero__copy .lead { max-width:510px; }
.hero__mountains,.hero__glow { opacity:.15; }
.page-hero,.location-hero,.region-page-hero { background:radial-gradient(ellipse at 95% 10%,rgba(232,165,46,.18),transparent 48%),linear-gradient(120deg,#25070e,#571322); border-bottom:1px solid var(--line); }
.page-hero::before { content:"NAVRATRI · MONGRILA"; display:block; color:#efbd68; font-size:.68rem; letter-spacing:.22em; margin:0 auto 18px; max-width:1180px; padding:0 24px; }
.product-card,.product-gallery,.product-gallery__thumb,.glass-card,.answer-card,.faq-item,.cart-panel,.summary-card { background-color:#300c13; border-color:var(--line); }
.product-card,.product-gallery { box-shadow:0 16px 55px rgba(9,0,3,.28); }
.product-gallery__slide img,.product-card img { border-radius:inherit; }
.product-gallery__thumbs { border-top:1px solid var(--line); padding-top:12px; }
.button--gold { box-shadow:0 7px 24px rgba(222,146,37,.16); }
.site-footer,footer { background:linear-gradient(130deg,#22080e,#401019); border-top:1px solid var(--line); }
/* Nine decorative welcome showers, clipped below the sticky header. */
.navratri-flower-shower { position:absolute; top:100%; inset-inline:0; height:min(62vh,460px); overflow:hidden; pointer-events:none; user-select:none; }
.navratri-flower { --flower:#ffb52f; --drift:28px; position:absolute; top:-24px; left:5%; width:18px; height:18px; opacity:0; background:radial-gradient(circle at 50% 50%,#be6317 0 17%,transparent 19%),radial-gradient(circle at 50% 20%,var(--flower) 0 23%,transparent 25%),radial-gradient(circle at 77% 35%,var(--flower) 0 23%,transparent 25%),radial-gradient(circle at 77% 65%,var(--flower) 0 23%,transparent 25%),radial-gradient(circle at 50% 80%,var(--flower) 0 23%,transparent 25%),radial-gradient(circle at 23% 65%,var(--flower) 0 23%,transparent 25%),radial-gradient(circle at 23% 35%,var(--flower) 0 23%,transparent 25%); animation:navratri-flower-fall 3.8s ease-in .1s 9 both; }
.navratri-festive-controls { position:absolute; top:calc(100% + 8px); right:16px; display:flex; gap:6px; }
.navratri-flowers-hide,.navratri-music-toggle { min-height:36px; padding:6px 11px; border:1px solid var(--line); border-radius:20px; background:#300c13; color:#ffe0a2; font-size:.7rem; }
.navratri-flowers-hide:focus-visible,.navratri-music-toggle:focus-visible { outline:2px solid #ffe0a2; outline-offset:3px; }
.navratri-flower-shower[hidden],.navratri-flowers-hide[hidden] { display:none!important; }
.navratri-flower:nth-child(2) { left:13%; --drift:-24px; animation-delay:.45s; width:14px; height:14px; }
.navratri-flower:nth-child(3) { left:21%; --flower:#f58b20; animation-delay:.25s; }
.navratri-flower:nth-child(4) { left:29%; --drift:-35px; animation-delay:.6s; width:16px; height:16px; }
.navratri-flower:nth-child(5) { left:37%; animation-delay:0s; }
.navratri-flower:nth-child(6) { left:45%; --flower:#f58b20; --drift:-20px; animation-delay:.4s; width:14px; height:14px; }
.navratri-flower:nth-child(7) { left:53%; animation-delay:.2s; }
.navratri-flower:nth-child(8) { left:61%; --drift:-30px; animation-delay:.55s; width:16px; height:16px; }
.navratri-flower:nth-child(9) { left:69%; --flower:#f58b20; animation-delay:.1s; }
.navratri-flower:nth-child(10) { left:77%; --drift:-22px; animation-delay:.35s; width:14px; height:14px; }
.navratri-flower:nth-child(11) { left:85%; animation-delay:.6s; }
.navratri-flower:nth-child(12) { left:93%; --flower:#f58b20; --drift:-30px; animation-delay:.25s; }
@keyframes navratri-flower-fall { 0% { opacity:0; transform:translate3d(0,0,0) rotate(0deg); } 12% { opacity:.78; } 70% { opacity:.62; } 100% { opacity:0; transform:translate3d(var(--drift),460px,0) rotate(260deg); } }
@media(prefers-reduced-motion:reduce) { .navratri-flower-shower,.navratri-flowers-hide { display:none!important; } .navratri-flower { animation:none!important; } }
@media(max-width:700px) {
 .navratri-flower:nth-child(even) { display:none; }
 .navratri-flower { width:14px; height:14px; }
 .hero { min-height:790px; padding-top:34px; align-items:flex-start; background-image:linear-gradient(180deg,#2c0710 0%,rgba(44,7,16,.96) 28%,rgba(44,7,16,.25) 53%,rgba(44,7,16,.15) 80%,#21080d),url('../img/navratri-hero-20261012.webp')!important; background-position:62% bottom; }
 .hero__copy { padding-top:0; }
 .hero__copy h1 { font-size:clamp(3rem,13vw,4.5rem); }
 .hero__copy .lead { font-size:.95rem; }
 .hero__answer,.hero__product-note { display:none; }
 .announcement__inner { font-size:.72rem; min-height:46px; }
}