/* Navratri runway — everything scoped to .rw so it cannot touch the rest of the theme. */
.rw{--gold:#d8b062;--gold2:#f3dca4;--champ:#e9cf92;--iv:#f6f1e7;--verm:#e0452a;--ink:#0b0407;--dur:800ms;--dp:.6;--gap:clamp(70px,24vw,130px);
 position:relative;isolation:isolate;overflow:hidden;color:var(--iv);font-family:Inter,system-ui,sans-serif;
 background:radial-gradient(120% 70% at 50% 0,#4a1226 0,#220a14 42%,#0b0407 100%);
 padding:clamp(64px,8vw,112px) 5vw clamp(40px,5vw,72px)}
.rw *{box-sizing:border-box}
.rw h2,.rw h3{font-weight:400}
/* spotlights */
.rw-lights{position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translate3d(0,calc(var(--p,0)*-30px),0);
 background:
  conic-gradient(from 150deg at 22% -6%,transparent 0 0deg,rgba(255,224,170,.2) 13deg,transparent 28deg 360deg),
  conic-gradient(from 182deg at 78% -6%,transparent 0 0deg,rgba(255,224,170,.2) 13deg,transparent 28deg 360deg);
 -webkit-mask-image:linear-gradient(#000 30%,transparent 88%);mask-image:linear-gradient(#000 30%,transparent 88%);animation:rwBeam 9s ease-in-out infinite alternate}
@keyframes rwBeam{from{opacity:.65}to{opacity:1}}
.rw-wrap{position:relative;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
/* heading */
.rw-head{text-align:center}
.rw-eye{margin:0 0 14px;font-size:11px;letter-spacing:.34em;font-weight:600;color:var(--gold)}
.rw-h{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .28em;text-transform:uppercase;line-height:.92;
 font:400 clamp(46px,9.4vw,150px)/.92 Anton,Impact,'Arial Narrow',sans-serif;letter-spacing:.012em}
.rw-h span{color:var(--champ);-webkit-text-fill-color:var(--champ);background:none}
.rw-sub{margin:clamp(12px,2vw,22px) auto 0;max-width:46ch;font:italic 500 clamp(20px,2.4vw,32px)/1.25 'Cormorant Garamond',Georgia,'Times New Roman',serif;color:var(--gold2)}
/* stage */
.rw-stagewrap{position:relative;min-width:0}
.rw-stage{position:relative;height:min(124vw,66svh,640px);perspective:1500px;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:8px}
.rw-floor{position:absolute;left:-12%;right:-12%;bottom:0;height:34%;transform-origin:50% 100%;transform:perspective(520px) rotateX(64deg);
 background:
  linear-gradient(180deg,rgba(216,176,98,0) 0,rgba(216,176,98,.16) 100%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 84px),
  linear-gradient(180deg,#14060b,#34101c);
 border-bottom:2px solid rgba(243,220,164,.55);box-shadow:0 0 50px rgba(216,176,98,.25)}
.rw-glow{position:absolute;left:50%;bottom:1%;width:min(70%,620px);height:9%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(243,220,164,.5),transparent 70%);filter:blur(10px)}
.rw-slide{--dx:0px;--dz:0px;--ry:0deg;--sc:1;position:absolute;left:50%;top:0;height:92%;aspect-ratio:var(--ar);margin:0;opacity:0;visibility:hidden;
 transform:translate3d(calc(-50% + var(--dx)),0,var(--dz)) rotateY(var(--ry)) scale(var(--sc));
 transition:transform var(--dur) cubic-bezier(.22,.8,.22,1),opacity calc(var(--dur)*.75) ease,filter var(--dur) ease,visibility 0s;will-change:transform,opacity;cursor:pointer}
.rw-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid rgba(243,220,164,.35);box-shadow:0 30px 50px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);background:#1a0a10}
.rw-slide[data-pos="0"]{opacity:1;visibility:visible;z-index:5;cursor:default}
.rw-slide[data-pos="0"] .rw-img{box-shadow:0 36px 70px rgba(0,0,0,.65),0 0 60px rgba(216,176,98,.25)}
.rw-slide[data-pos="1"],.rw-slide[data-pos="-1"]{opacity:.62;visibility:visible;z-index:3;--sc:.8;--dz:calc(var(--dp)*-150px);filter:brightness(.62)}
.rw-slide[data-pos="1"]{--dx:var(--gap);--ry:calc(var(--dp)*-30deg)}
.rw-slide[data-pos="-1"]{--dx:calc(var(--gap)*-1);--ry:calc(var(--dp)*30deg)}
.rw-slide[data-pos="2"],.rw-slide[data-pos="-2"]{opacity:.28;visibility:visible;z-index:2;--sc:.62;--dz:calc(var(--dp)*-320px);filter:brightness(.45)}
.rw-slide[data-pos="2"]{--dx:calc(var(--gap)*1.8);--ry:calc(var(--dp)*-40deg)}
.rw-slide[data-pos="-2"]{--dx:calc(var(--gap)*-1.8);--ry:calc(var(--dp)*40deg)}
.rw-slide[data-pos="far-r"]{--dx:calc(var(--gap)*2.6);--sc:.5;--dz:calc(var(--dp)*-420px)}
.rw-slide[data-pos="far-l"]{--dx:calc(var(--gap)*-2.6);--sc:.5;--dz:calc(var(--dp)*-420px)}
.rw-slide[data-pos="far-r"],.rw-slide[data-pos="far-l"]{opacity:0;visibility:hidden;transition:none}
/* arrows */
.rw-prev,.rw-next{position:absolute;top:44%;z-index:9;width:48px;height:48px;border-radius:50%;border:1px solid rgba(243,220,164,.55);background:rgba(11,4,7,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--iv);font-size:20px;line-height:1;cursor:pointer;display:none;place-items:center;transition:background .25s,color .25s,border-color .25s}
.rw.is-js .rw-prev,.rw.is-js .rw-next{display:grid}
.rw-prev{left:0}.rw-next{right:0}
.rw-prev:hover,.rw-next:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.rw a:focus-visible,.rw button:focus-visible,.rw-stage:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
/* product preview */
.rw-info{position:relative;z-index:6;min-width:0;padding:20px;border-radius:14px;border:1px solid rgba(216,176,98,.32);background:rgba(20,7,13,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.rw-panel[hidden]{display:none}
.rw-panel.is-active{animation:rwIn calc(var(--dur)*.7) .08s both}
@keyframes rwIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rw-ph{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.rw-pmedia{flex:0 0 38%;min-width:0;max-width:170px}
.rw-ptext{flex:1 1 0;min-width:0}
.rw-pimg{display:block;width:100%;aspect-ratio:3/4;transition:box-shadow .4s,border-color .4s;border-radius:6px;overflow:hidden;border:1px solid rgba(243,220,164,.3);background:#1a0a10;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.rw-pimg img,.rw-pimg-main{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.rw-pn a{color:inherit;text-decoration:none}.rw-pn a:hover{color:var(--gold2)}
.rw-cols{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:rgba(246,241,231,.85)}.rw-cols .rw-ol{display:inline;margin:0 6px 0 0}
.rw-gal{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0;padding:0}
.rw-gb{display:block;width:34px;height:44px;padding:0;border:1px solid rgba(246,241,231,.28);border-radius:3px;overflow:hidden;background:#1a0a10;cursor:pointer;opacity:.7}
.rw-gb img{display:block;width:100%;height:100%;object-fit:cover}
.rw-gb[aria-pressed="true"]{opacity:1;border-color:var(--gold2)}
.rw-pcat{margin:0 0 6px;font-size:10px;letter-spacing:.26em;font-weight:600;color:var(--gold)}
.rw-pn{margin:0 0 8px;font:400 clamp(22px,2.2vw,30px)/1.02 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:var(--iv)}
.rw-price{margin:0;font-size:19px;font-weight:600;color:var(--iv)}
.rw-price del{opacity:.5;margin-right:6px;font-weight:400}.rw-price ins{text-decoration:none;color:var(--gold2)}
.rw-av{margin:0 0 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.rw-av.ok{color:#7fd69a}.rw-av.no{color:#ff8a72}
.rw-opts{display:grid;gap:12px;margin:0 0 16px}
.rw-ol{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(246,241,231,.7)}
.rw-opt ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.rw-chip{min-width:44px;min-height:40px;padding:0 12px;border:1px solid rgba(246,241,231,.38);background:transparent;color:var(--iv);font:600 12px Inter,sans-serif;letter-spacing:.06em;cursor:pointer;border-radius:3px;transition:background .2s,color .2s,border-color .2s}
.rw-chip:hover{border-color:var(--gold)}
.rw-chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.rw-act{display:flex;flex-wrap:wrap;gap:10px}
.rw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1.5px solid var(--gold);color:var(--gold2);background:transparent;font:600 12px Inter,sans-serif;letter-spacing:.16em;text-decoration:none;cursor:pointer;border-radius:3px;transition:background .25s,color .25s,opacity .25s}
.rw-btn:hover{background:rgba(216,176,98,.16)}
.rw-btn--solid{background:var(--gold);color:var(--ink)}
.rw-btn--solid:hover{background:var(--gold2)}
.rw-btn[disabled]{opacity:.45;cursor:not-allowed}.rw-btn--solid[disabled]:hover{background:var(--gold)}
.rw-btn.is-busy{opacity:.7;cursor:progress}
.rw-btn--ghost{min-height:38px;padding:0 16px}
.rw-msg{min-height:1.4em;margin:12px 0 0;font-size:12.5px;line-height:1.45;color:rgba(246,241,231,.8)}
.rw-msg.ok{color:#7fd69a}.rw-msg.err{color:#ff8a72}.rw-msg a{color:var(--gold2)}
.rw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* bottom bar */
.rw-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;border-top:1px solid rgba(243,220,164,.22);padding-top:18px}
.rw-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.rw-lab{font-size:10px;letter-spacing:.28em;font-weight:600;color:var(--gold)}
.rw-name{font:400 clamp(18px,1.8vw,24px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.rw-thumbs{list-style:none;margin:0;padding:4px 2px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;-webkit-overflow-scrolling:touch}
.rw-th{display:block;width:48px;height:64px;padding:0;border:1px solid rgba(246,241,231,.25);border-radius:4px;overflow:hidden;background:#1a0a10;cursor:pointer;opacity:.62;transition:opacity .25s,border-color .25s,transform .25s}
.rw-th img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.rw-th:hover{opacity:1}
.rw-th.is-active{opacity:1;border-color:var(--gold2);transform:translateY(-3px)}
.rw-tools{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:11px;letter-spacing:.2em;font-weight:600}
.rw-ct b{color:var(--gold2)}
.rw-play{min-height:38px;padding:0 14px;border:1px solid rgba(246,241,231,.4);background:transparent;color:var(--iv);font:600 11px Inter,sans-serif;letter-spacing:.14em;border-radius:3px;cursor:pointer}
/* entrance (only when JS is present, so content is never hidden without it) */
.rw.is-js .rw-head>*,.rw.is-js .rw-stagewrap,.rw.is-js .rw-info{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.8,.22,1)}
.rw.is-js .rw-h{transition-delay:.1s}.rw.is-js .rw-sub{transition-delay:.22s}.rw.is-js .rw-stagewrap{transition-delay:.3s}.rw.is-js .rw-info{transition-delay:.45s}
.rw.is-in .rw-head>*,.rw.is-in .rw-stagewrap,.rw.is-in .rw-info{opacity:1;transform:none}
.rw.is-js .rw-stage{transform:translate3d(0,calc(var(--p,0)*-16px),0)}
/* wide screens AND the narrower Customizer preview pane: stage on the left, live product preview on the right.
   (v0.3.4: the side-by-side layout used to start at 1024px, so any window narrower than that — including the Customizer preview — showed the panel BELOW the model.) */
@media(min-width:860px){
 .rw{--gap:clamp(110px,15vw,280px)}
 .rw-wrap{grid-template-columns:minmax(0,1fr) minmax(290px,360px);column-gap:3vw;row-gap:26px}
 .rw-head{grid-column:1/-1}
 .rw-h{font-size:clamp(56px,6.6vw,112px)}
 .rw-sub{font-size:clamp(21px,2vw,30px)}
 .rw-stagewrap{grid-column:1;grid-row:2;overflow-x:clip} /* side looks fade out at the column edge instead of sliding under the product panel */
 .rw-stage{height:min(66svh,700px)}
 .rw-info{grid-column:2;grid-row:2;align-self:center;padding:24px}
 .rw-pmedia{flex:0 0 36%;max-width:140px}
 .rw-gal{justify-content:center}
 .rw-bar{grid-column:1/-1}
}
@media(min-width:1024px){
 .rw{--gap:clamp(150px,17vw,280px)}
 .rw-wrap{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}
 .rw-info{padding:26px}
 .rw-bar{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);gap:24px}
 .rw-thumbs{justify-content:center;overflow:visible}
 .rw-tools{justify-content:flex-end}
 .rw-prev,.rw-next{width:54px;height:54px}
}
@media(max-width:1023px){
 .rw-slide[data-pos="2"],.rw-slide[data-pos="-2"]{opacity:0;visibility:hidden}
 .rw-thumbs{justify-content:flex-start}
 .rw-prev,.rw-next{top:42%}
}
@media(max-width:520px){.rw{padding-left:16px;padding-right:16px}.rw-info{padding:16px}.rw-prev,.rw-next{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){
 .rw{--dp:0!important} /* !important: the depth setting is written inline by PHP and must not override the user's preference */
 .rw-lights{animation:none;transform:none}
 .rw-slide{transition:opacity .01s!important}
 .rw.is-js .rw-head>*,.rw.is-js .rw-stagewrap,.rw.is-js .rw-info{opacity:1;transform:none;transition:none}
 .rw.is-js .rw-stage{transform:none}
 .rw-panel.is-active{animation:none}
}

.rw-prods{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.rw-pbtn{display:flex;align-items:center;gap:8px;max-width:100%;padding:4px 10px 4px 4px;border:1px solid rgba(246,241,231,.3);background:transparent;color:var(--iv);border-radius:4px;font:600 11px Inter,sans-serif;letter-spacing:.04em;cursor:pointer;text-align:left}
.rw-pbtn img{width:30px;height:40px;object-fit:cover;border-radius:2px;flex:none}
.rw-pbtn[aria-pressed="true"]{border-color:var(--gold2);background:rgba(216,176,98,.16)}
.rw-prod[hidden]{display:none}
.rw-cap{margin:0 0 8px;font-size:10px;letter-spacing:.26em;font-weight:600;color:var(--gold)}

/* last-resort visibility (added by the script only if the panel is on screen yet computes as invisible) */
.rw.rw-force .rw-info{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important}
.rw.rw-force .rw-panel.is-active{display:block!important;opacity:1!important;visibility:visible!important}

/* v0.3.8 product card: festive label, discount, sizes, fallback text, hover polish */
.rw-badge{display:inline-block;margin:0 0 8px;padding:4px 10px;border:1px solid rgba(243,220,164,.55);border-radius:999px;background:linear-gradient(90deg,rgba(216,176,98,.22),rgba(216,176,98,.06));font-size:9.5px;letter-spacing:.24em;font-weight:600;text-transform:uppercase;color:var(--gold2)}
.rw-pricerow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.rw-off{padding:3px 8px;border-radius:3px;background:var(--verm);color:#fff;font:700 11px Inter,sans-serif;letter-spacing:.06em}.rw-off[hidden]{display:none}
.rw-fallback{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:rgba(246,241,231,.78)}
.rw-pimg img,.rw-pimg-main{transition:transform .6s cubic-bezier(.22,.8,.22,1)}
.rw-ph:hover .rw-pimg{border-color:var(--gold2);box-shadow:0 18px 36px rgba(0,0,0,.5),0 0 28px rgba(216,176,98,.28)}
.rw-ph:hover .rw-pimg img{transform:scale(1.045)}
.rw-btn{position:relative;overflow:hidden;transition:background .25s,color .25s,opacity .25s,transform .25s,box-shadow .25s}
.rw-btn:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(216,176,98,.28)}
.rw-btn--solid:not([disabled])::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}
.rw-btn--solid:not([disabled]):hover::after{transform:translateX(130%)}
@media(prefers-reduced-motion:reduce){.rw-pimg img,.rw-pimg-main,.rw-btn,.rw-btn--solid::after{transition:none!important}.rw-ph:hover .rw-pimg img,.rw-btn:hover{transform:none!important}}