/* ============================================================
   SK SAREES — Premium Redesign (multi-page)
   Luxury Indian theme · Maroon / Gold / White / Black
   Mobile-first · Fast · No heavy dependencies
   ============================================================ */
:root{
  --maroon:#8f1d3a; --maroon-d:#70142c; --maroon-deep:#4a0f1e; --maroon-soft:#fdf1f4;
  --gold:#c99a2e; --gold-l:#e8c66a; --gold-soft:#fdf6e3;
  --wa:#25d366; --wa-d:#1da851; --wa-soft:#e8f9ee;
  --bg:#ffffff; --card:#fff; --ink:#2b2320; --muted:#8a7a72;
  --line:#efe3d0; --green:#1d8a4e; --red:#d0342c;
  --r:16px; --r-sm:11px;
  --sh:0 8px 26px rgba(90,30,20,.10); --sh-sm:0 2px 10px rgba(90,30,20,.07);
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Tamil",Helvetica,Arial,sans-serif;
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink)}
h1,h2,h3{line-height:1.2;font-family:var(--font-display)}
.wrap{max-width:1160px;margin:0 auto;padding:0 14px}
.muted{color:var(--muted)} .small{font-size:.85rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 20px;border-radius:13px;font-weight:800;font-size:1rem;transition:transform .12s,box-shadow .12s,opacity .15s;text-align:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
/* ⚡ Buy Now — bright orange (most-liked buy color in Indian e-commerce) */
.btn-buy{background:linear-gradient(135deg,#ff9a1f,#f26a1b);color:#fff;border:0;box-shadow:0 6px 18px rgba(242,106,27,.35)}
.btn-buy:active{transform:scale(.97);box-shadow:0 3px 10px rgba(242,106,27,.3)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-sm{min-height:42px;padding:9px 14px;font-size:.88rem;border-radius:10px}
.btn-xl{min-height:56px;font-size:1.05rem}
.btn-maroon{background:linear-gradient(135deg,var(--maroon),var(--maroon-d));color:#fff;box-shadow:0 8px 18px rgba(143,29,58,.32)}
.btn-gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200;box-shadow:0 8px 18px rgba(201,154,46,.35)}
.btn-wa{background:linear-gradient(135deg,#2ee06f,var(--wa-d));color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.35)}
.btn-outline{background:#fff;border:2px solid var(--maroon);color:var(--maroon)}
.btn-ghost{background:var(--bg);color:var(--ink)}

/* ---------- Promo strip ---------- */
.promo-strip{background:linear-gradient(90deg,#70142c,var(--maroon) 30%,#a3244a 70%,var(--maroon-d));color:#ffe9b0;font-size:.78rem;font-weight:700;text-align:center;padding:7px 10px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(232,198,106,.25)}
.promo-strip span{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ---------- Header ---------- */
.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;gap:8px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.1rem;color:var(--maroon);flex:1;min-width:0}
.logo small{display:block;font-size:.6rem;color:var(--muted);font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--maroon),var(--maroon-d));display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 12px rgba(143,29,58,.35)}
.logo-badge svg{width:30px;height:30px}
.desk-nav{display:none}
.top-actions{display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;color:var(--ink)}
.icon-btn:active{background:var(--maroon-soft)}
.cart-badge{position:absolute;top:2px;right:1px;background:var(--gold);color:#4a3200;font-size:.66rem;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.lang-pill select{appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:.78rem;padding:7px 24px 7px 10px;color:var(--ink);outline:none;min-height:38px}
.lang-pill{position:relative;display:inline-flex;align-items:center}
.lang-pill::after{content:'▼';font-size:.55rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
@media(min-width:900px){
  .desk-nav{display:flex;gap:2px;margin:0 auto}
  .desk-nav a{padding:9px 13px;border-radius:10px;font-weight:700;font-size:.9rem;white-space:nowrap;color:var(--ink)}
  .desk-nav a.on{background:var(--maroon-soft);color:var(--maroon)}
  .burger{display:none}
}
.burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex:0 0 auto}

/* ---------- Drawer ---------- */
.overlay{position:fixed;inset:0;background:rgba(30,8,14,.55);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:#fff;z-index:90;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.show{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}
.drawer-head{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}
.drawer-head b{font-family:var(--font-display);font-size:1.05rem}
.drawer-nav{padding:10px 8px 30px}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;font-weight:700;font-size:.95rem}
.drawer-nav a:active{background:var(--maroon-soft)}
.drawer-nav .sub{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;padding:16px 14px 6px;font-weight:800}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;border-radius:0 0 30px 30px;background:#7c1630}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(52,8,20,.85) 0%,rgba(82,14,30,.55) 55%,rgba(124,22,48,.25) 100%)}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.4),transparent 70%);z-index:1;pointer-events:none}
.hero-in{position:relative;z-index:2;padding:38px 16px 42px;max-width:1160px;margin:0 auto}
.hero-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(232,198,106,.5);color:#ffe9b0;font-size:.74rem;font-weight:800;padding:6px 13px;border-radius:999px;letter-spacing:.4px}
.hero h1{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:14px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero h1 .gold{color:var(--gold-l)}
.hero p{color:#f6d9de;font-size:.95rem;max-width:36ch;margin-bottom:20px}
.hero-ctas{display:flex;gap:8px;flex-wrap:wrap}
.hero-ctas .btn{width:auto;flex:1 1 0;min-width:0;min-height:46px;padding:11px 15px;font-size:.9rem;border-radius:12px;white-space:nowrap}
@media(min-width:480px){.hero-ctas .btn{min-width:150px}}
.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:.78rem;color:#f3d3d9;font-weight:700}
.hero-search{display:flex;gap:8px;margin-top:18px;max-width:520px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 15px;font-size:.95rem;background:rgba(255,255,255,.97);outline:none;color:var(--ink)}
.hero-search .btn{width:auto;min-width:110px;min-height:48px}
/* Share & Earn reseller banner */
.reseller-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#8f1d3a,#70142c);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 22px rgba(143,29,58,.25)}
.rb-left{display:flex;gap:12px;align-items:center;flex:1;min-width:220px}
.rb-emoji{font-size:2rem}
.reseller-banner b{font-size:1.02rem;color:#ffe9b0}
.reseller-banner p{color:#f6d9de;margin-top:2px}
.rb-btns{display:flex;gap:8px;flex-wrap:wrap}
.hero-trust b{color:#ffe9b0}

/* ---------- Sections ---------- */
.sec{margin:28px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 14px}
.sec-head h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:9px;font-family:var(--font-display)}
.sec-head h2 .tick{width:6px;height:22px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-l))}
.sec-head a{font-size:.82rem;color:var(--maroon);font-weight:800;white-space:nowrap}
.cat-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.cat-chips::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:.86rem}
.chip.on{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 4px 12px rgba(143,29,58,.3)}

/* ---------- Category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.2;display:flex;align-items:flex-end;padding:14px;color:#fff;box-shadow:var(--sh-sm);min-height:0;transition:transform .15s}
.cat-tile:active{transform:scale(.97)}
.cat-tile .ct-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;text-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between}
.cat-tile .ct-count{font-size:.7rem;opacity:.92;font-weight:700;display:block;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(20,5,10,.72) 100%);pointer-events:none}
.cat-tile>*{position:relative;z-index:1}
.cat-tile .ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .35s}
.cat-tile:active .ct-img{transform:scale(1.08)}
.cat-tile .ct-over{position:relative;z-index:2;width:100%}
.cat-tile.c-silk{background:linear-gradient(135deg,#a3244a,#6d0f28)}
.cat-tile.c-cotton{background:linear-gradient(135deg,#2f7d5b,#1b5a3e)}
.cat-tile.c-kanchipuram{background:linear-gradient(135deg,#c2273f,#7c1020)}
.cat-tile.c-wedding{background:linear-gradient(135deg,#b57f1f,#7c5207)}
.cat-tile.c-party{background:linear-gradient(135deg,#5a3d8f,#382359)}
.cat-tile.c-georgette{background:linear-gradient(135deg,#0e8f8f,#0b5d6b)}
.cat-tile.c-daily{background:linear-gradient(135deg,#5b8db8,#2f5d8a)}
.cat-tile.c-printed{background:linear-gradient(135deg,#d4712a,#a34c12)}
.cat-tile.c-designer{background:linear-gradient(135deg,#7a4fb0,#4a2a75)}
.cat-tile.c-office{background:linear-gradient(135deg,#4a5568,#2d3748)}
.cat-tile.c-fancy{background:linear-gradient(135deg,#d63a86,#94205a)}
.cat-tile.c-half-saree{background:linear-gradient(135deg,#e05f8c,#a83058)}
.cat-tile.c-kids{background:linear-gradient(135deg,#f2a0c0,#c25b8a)}
.cat-tile.c-men-dhoti{background:linear-gradient(135deg,#6b7280,#374151)}
.cat-tile.c-blouse{background:linear-gradient(135deg,#c0566b,#8f2d43)}
.cat-tile.c-accessories{background:linear-gradient(135deg,#b8862c,#8a5f14)}
.cat-tile.c-soft-silk{background:linear-gradient(135deg,#e07a9a,#b0456a)}

/* ---------- Product grid + cards ---------- */
.prow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.prow{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.prow{grid-template-columns:repeat(4,1fr)}}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
@media(min-width:960px){.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(90,30,20,.14)}}
.pcard-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f4ede4}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:1}
.pcard-img:active img{transform:scale(1.06)}
.pcard .badge{position:absolute;top:9px;left:9px;z-index:2;background:var(--maroon);color:#fff;font-size:.64rem;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}
.pcard .badge.gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200}
.pcard .badge.green{background:var(--green);color:#fff}
.pcard .badge.red{background:var(--red);color:#fff}
.pcard .offchip{position:absolute;top:9px;left:9px;z-index:2;background:rgba(255,255,255,.95);color:var(--green);font-size:.66rem;font-weight:800;padding:4px 8px;border-radius:999px}
/* if a badge is also present (top-left), push the discount chip below it */
.pcard .badge ~ .offchip{top:38px}
/* AI-style similar saree match chip + reason */
.match-chip{position:absolute;bottom:8px;left:8px;z-index:4;background:rgba(143,29,58,.94);color:#fff;font-size:.64rem;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.3px}
.match-reason{font-size:.72rem;color:var(--maroon);font-weight:700;background:var(--maroon-soft);border-radius:8px;padding:5px 8px;margin:6px 0 8px}
/* stock urgency chip on cards */
.lowchip{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:var(--red);background:#fdecec;border:1px solid #f5c6c6;border-radius:999px;padding:5px 10px;margin:6px 0 8px;width:fit-content}
/* PIN delivery check on the product page */
.pin-check{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px}
/* Share & Earn box on the product page */
.earn-box{margin-top:12px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:1.5px dashed var(--gold);border-radius:var(--r);padding:14px}
.earn-box b{font-size:.95rem;color:var(--maroon)}
.pin-check b{font-size:.9rem}
/* share buttons under product actions */
.pd-share{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}
.pd-share .btn{min-height:42px;padding:9px 10px;font-size:.8rem;width:100%}
.pd-share .btn:last-child{grid-column:1/-1}
.lowchip.out{color:var(--muted);background:#f2f2f2;border-color:var(--line)}
.pcard .wish{position:absolute;bottom:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.pcard .wish.on{color:var(--red)}
.pcard-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px;flex:1}
.pcard-body h3{font-family:var(--font-body);font-size:.88rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.stars{font-size:.76rem;color:#b98a12;display:flex;align-items:center;gap:4px;font-weight:700}
.stars .cnt{color:var(--muted);font-weight:500}
.price-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px}
.price-row b{font-size:1.04rem;color:var(--maroon)}
.price-row s{color:var(--muted);font-size:.78rem}
.price-row .off{color:var(--green);font-size:.72rem;font-weight:800}
.pcard .p-actions{display:flex;gap:7px;margin-top:9px}
.pcard .p-actions .btn{min-height:44px;padding:8px 4px;font-size:.8rem;border-radius:10px;flex:1 1 0;white-space:nowrap}
.p-actions .btn-wa{flex:0 0 auto;width:44px;padding:0;justify-content:center;font-size:1.15rem}
@media(max-width:380px){.pcard .p-actions{gap:5px}.pcard .p-actions .btn{font-size:.74rem;padding:8px 1px}}

/* ---------- Loader (infinite scroll) ---------- */
.grid-loader{text-align:center;padding:18px 0 6px;color:var(--muted);font-size:.82rem;font-weight:700}
.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--maroon);border-radius:50%;margin:0 auto 6px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Flash sale ---------- */
.flash{background:linear-gradient(90deg,#70142c,var(--maroon) 45%,#a3244a);color:#fff;border-radius:var(--r);padding:20px 16px;margin:26px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(143,29,58,.35)}
.flash h3{font-size:1.2rem;font-weight:800;font-family:var(--font-display)}
.flash p{font-size:.8rem;opacity:.9}
.flash-timer{display:flex;gap:7px;align-items:center}
.flash-timer b{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 11px;font-size:1.15rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.flash-timer em{font-style:normal;color:var(--gold-l);font-weight:800}

/* ---------- Trust strip ---------- */
.trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 2px}
@media(min-width:760px){.trust-strip{grid-template-columns:repeat(4,1fr)}}
.trust-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:.8rem;font-weight:800}
.trust-item .t-sub{display:block;font-size:.68rem;color:var(--muted);font-weight:600}
.trust-item .ti{font-size:1.4rem}

/* ---------- Steps / why ---------- */
.steps{display:grid;gap:12px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;align-items:flex-start}
.step .n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--maroon-soft);color:var(--maroon);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.step b{font-size:.95rem}
.step p{font-size:.82rem;color:var(--muted);margin-top:2px}

/* ---------- Reviews ---------- */
.rev-grid{display:grid;gap:12px}
@media(min-width:640px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rev-grid{grid-template-columns:repeat(3,1fr)}}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--sh-sm)}
.rev-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.95rem;flex:0 0 auto}
.rev-top b{font-size:.9rem;display:block}
.rev-top small{color:var(--muted);font-size:.72rem}
.rev p{font-size:.86rem;color:#4a3f38}

/* ---------- FAQ ---------- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;font-weight:800;font-size:.92rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.2rem;color:var(--maroon);font-weight:800}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 15px 14px;font-size:.84rem;color:#4a3f38;line-height:1.6}

/* ---------- WhatsApp banner ---------- */
.wa-banner{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,#128c4a,#1da851 55%,#25d366);color:#fff;padding:22px 18px;box-shadow:0 10px 26px rgba(29,168,81,.35)}
.wa-banner::after{content:"";position:absolute;right:-40px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.14)}
.wa-banner h3{font-size:1.18rem;font-weight:800;margin-bottom:4px}
.wa-banner p{font-size:.85rem;opacity:.95;max-width:46ch}
.wa-banner .btn{width:auto;margin-top:14px;background:#fff;color:#0d7c3d;box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* ---------- Product detail ---------- */
.pd-gal{position:relative;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
/* BIG main photo — never cropped, as large as the screen allows */
.pd-gal .main{display:flex;align-items:center;justify-content:center;background:#faf7f2;min-height:360px;cursor:zoom-in}
.pd-gal .main img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;padding:10px 10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-thumbs button{width:72px;height:56px;flex:0 0 auto;border-radius:10px;overflow:hidden;border:2px solid var(--line);background:#fff;cursor:pointer}
.pd-thumbs button.on{border-color:var(--maroon)}
.pd-thumbs img{width:100%;height:100%;object-fit:cover}
/* ❤️ Like button — floating on the product photo */
.pd-heart{position:absolute;top:10px;right:10px;z-index:6}
.heart-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(60,20,20,.18);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.heart-btn:active{transform:scale(.92)}
/* ❤️ small heart on shop cards */
.card-heart{position:absolute;top:8px;right:8px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(60,20,20,.16);font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.card-heart.on{background:#fff0f3}
/* swipe hint under the main product photo */
.pd-swipe-hint{font-size:.7rem;color:var(--muted);text-align:center;padding:6px 0 2px;font-weight:700;display:block}
/* YouTube video on the product page */
.pd-video{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.pd-video h3{font-size:.95rem;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:7px}
/* video catalog (home) */
.video-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0 0 11px;box-shadow:var(--sh-sm)}
.video-card b{display:block;font-size:.82rem;font-weight:800;padding:10px 12px 0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.occ-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media(max-width:480px){.occ-grid{grid-template-columns:repeat(3,1fr)}}
.occ-tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-decoration:none;color:var(--ink);text-align:center;box-shadow:var(--sh-sm)}
.occ-tile .occ-ic{font-size:1.5rem}
.occ-tile b{font-size:.85rem}
.occ-tile small{font-size:.68rem;color:var(--muted);font-weight:700}
.occ-tile:active{transform:scale(.96)}
.weaver-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fdf6e3,#fff);border:1px solid var(--gold);border-radius:16px;padding:16px;box-shadow:var(--sh-sm)}
.weaver-img{flex:0 0 130px}
.weaver-img img{width:130px;height:130px;object-fit:cover;border-radius:14px}
.weaver-txt{flex:1;min-width:0}
.weaver-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.weaver-badges span{font-size:.68rem;font-weight:800;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px;padding:4px 10px;color:#6b4c05}
@media(max-width:520px){.weaver-card{flex-direction:column;text-align:center}.weaver-img{flex:0 0 auto}}
/* deal of the day */
.deal-day{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:2px solid var(--gold);border-radius:16px;padding:16px;margin-top:14px;box-shadow:0 8px 22px rgba(201,154,46,.18)}
.dd-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f26a1b,#ff9a1f);border-radius:999px;padding:4px 12px;letter-spacing:.5px}
.deal-day h3{font-size:1rem;font-weight:800;margin:8px 0 4px}
.deal-day .dd-img{flex:0 0 120px}
.deal-day .dd-img img{width:120px;height:100px;object-fit:cover;border-radius:12px}
@media(max-width:480px){.deal-day{flex-direction:column;text-align:center}.deal-day .dd-left{order:2}.deal-day .dd-img{order:1}.deal-day .dd-img img{width:100%;height:150px}}
/* cart upsell */
.cart-upsell{margin-top:16px}
.cart-upsell h3{font-size:.95rem;font-weight:800;margin-bottom:10px}
/* first-visit coupon popup */
 ============================================================
   SK SAREES — Premium Redesign (multi-page)
   Luxury Indian theme · Maroon / Gold / White / Black
   Mobile-first · Fast · No heavy dependencies
   ============================================================ */
:root{
  --maroon:#8f1d3a; --maroon-d:#70142c; --maroon-deep:#4a0f1e; --maroon-soft:#fdf1f4;
  --gold:#c99a2e; --gold-l:#e8c66a; --gold-soft:#fdf6e3;
  --wa:#25d366; --wa-d:#1da851; --wa-soft:#e8f9ee;
  --bg:#ffffff; --card:#fff; --ink:#2b2320; --muted:#8a7a72;
  --line:#efe3d0; --green:#1d8a4e; --red:#d0342c;
  --r:16px; --r-sm:11px;
  --sh:0 8px 26px rgba(90,30,20,.10); --sh-sm:0 2px 10px rgba(90,30,20,.07);
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Tamil",Helvetica,Arial,sans-serif;
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink)}
h1,h2,h3{line-height:1.2;font-family:var(--font-display)}
.wrap{max-width:1160px;margin:0 auto;padding:0 14px}
.muted{color:var(--muted)} .small{font-size:.85rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 20px;border-radius:13px;font-weight:800;font-size:1rem;transition:transform .12s,box-shadow .12s,opacity .15s;text-align:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
/* ⚡ Buy Now — bright orange (most-liked buy color in Indian e-commerce) */
.btn-buy{background:linear-gradient(135deg,#ff9a1f,#f26a1b);color:#fff;border:0;box-shadow:0 6px 18px rgba(242,106,27,.35)}
.btn-buy:active{transform:scale(.97);box-shadow:0 3px 10px rgba(242,106,27,.3)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-sm{min-height:42px;padding:9px 14px;font-size:.88rem;border-radius:10px}
.btn-xl{min-height:56px;font-size:1.05rem}
.btn-maroon{background:linear-gradient(135deg,var(--maroon),var(--maroon-d));color:#fff;box-shadow:0 8px 18px rgba(143,29,58,.32)}
.btn-gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200;box-shadow:0 8px 18px rgba(201,154,46,.35)}
.btn-wa{background:linear-gradient(135deg,#2ee06f,var(--wa-d));color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.35)}
.btn-outline{background:#fff;border:2px solid var(--maroon);color:var(--maroon)}
.btn-ghost{background:var(--bg);color:var(--ink)}

/* ---------- Promo strip ---------- */
.promo-strip{background:linear-gradient(90deg,#70142c,var(--maroon) 30%,#a3244a 70%,var(--maroon-d));color:#ffe9b0;font-size:.78rem;font-weight:700;text-align:center;padding:7px 10px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(232,198,106,.25)}
.promo-strip span{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ---------- Header ---------- */
.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;gap:8px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.1rem;color:var(--maroon);flex:1;min-width:0}
.logo small{display:block;font-size:.6rem;color:var(--muted);font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--maroon),var(--maroon-d));display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 12px rgba(143,29,58,.35)}
.logo-badge svg{width:30px;height:30px}
.desk-nav{display:none}
.top-actions{display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;color:var(--ink)}
.icon-btn:active{background:var(--maroon-soft)}
.cart-badge{position:absolute;top:2px;right:1px;background:var(--gold);color:#4a3200;font-size:.66rem;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.lang-pill select{appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:.78rem;padding:7px 24px 7px 10px;color:var(--ink);outline:none;min-height:38px}
.lang-pill{position:relative;display:inline-flex;align-items:center}
.lang-pill::after{content:'▼';font-size:.55rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
@media(min-width:900px){
  .desk-nav{display:flex;gap:2px;margin:0 auto}
  .desk-nav a{padding:9px 13px;border-radius:10px;font-weight:700;font-size:.9rem;white-space:nowrap;color:var(--ink)}
  .desk-nav a.on{background:var(--maroon-soft);color:var(--maroon)}
  .burger{display:none}
}
.burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex:0 0 auto}

/* ---------- Drawer ---------- */
.overlay{position:fixed;inset:0;background:rgba(30,8,14,.55);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:#fff;z-index:90;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.show{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}
.drawer-head{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}
.drawer-head b{font-family:var(--font-display);font-size:1.05rem}
.drawer-nav{padding:10px 8px 30px}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;font-weight:700;font-size:.95rem}
.drawer-nav a:active{background:var(--maroon-soft)}
.drawer-nav .sub{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;padding:16px 14px 6px;font-weight:800}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;border-radius:0 0 30px 30px;background:#7c1630}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(52,8,20,.85) 0%,rgba(82,14,30,.55) 55%,rgba(124,22,48,.25) 100%)}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.4),transparent 70%);z-index:1;pointer-events:none}
.hero-in{position:relative;z-index:2;padding:38px 16px 42px;max-width:1160px;margin:0 auto}
.hero-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(232,198,106,.5);color:#ffe9b0;font-size:.74rem;font-weight:800;padding:6px 13px;border-radius:999px;letter-spacing:.4px}
.hero h1{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:14px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero h1 .gold{color:var(--gold-l)}
.hero p{color:#f6d9de;font-size:.95rem;max-width:36ch;margin-bottom:20px}
.hero-ctas{display:flex;gap:8px;flex-wrap:wrap}
.hero-ctas .btn{width:auto;flex:1 1 0;min-width:0;min-height:46px;padding:11px 15px;font-size:.9rem;border-radius:12px;white-space:nowrap}
@media(min-width:480px){.hero-ctas .btn{min-width:150px}}
.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:.78rem;color:#f3d3d9;font-weight:700}
.hero-search{display:flex;gap:8px;margin-top:18px;max-width:520px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 15px;font-size:.95rem;background:rgba(255,255,255,.97);outline:none;color:var(--ink)}
.hero-search .btn{width:auto;min-width:110px;min-height:48px}
/* Share & Earn reseller banner */
.reseller-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#8f1d3a,#70142c);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 22px rgba(143,29,58,.25)}
.rb-left{display:flex;gap:12px;align-items:center;flex:1;min-width:220px}
.rb-emoji{font-size:2rem}
.reseller-banner b{font-size:1.02rem;color:#ffe9b0}
.reseller-banner p{color:#f6d9de;margin-top:2px}
.rb-btns{display:flex;gap:8px;flex-wrap:wrap}
.hero-trust b{color:#ffe9b0}

/* ---------- Sections ---------- */
.sec{margin:28px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 14px}
.sec-head h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:9px;font-family:var(--font-display)}
.sec-head h2 .tick{width:6px;height:22px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-l))}
.sec-head a{font-size:.82rem;color:var(--maroon);font-weight:800;white-space:nowrap}
.cat-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.cat-chips::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:.86rem}
.chip.on{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 4px 12px rgba(143,29,58,.3)}

/* ---------- Category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.2;display:flex;align-items:flex-end;padding:14px;color:#fff;box-shadow:var(--sh-sm);min-height:0;transition:transform .15s}
.cat-tile:active{transform:scale(.97)}
.cat-tile .ct-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;text-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between}
.cat-tile .ct-count{font-size:.7rem;opacity:.92;font-weight:700;display:block;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(20,5,10,.72) 100%);pointer-events:none}
.cat-tile>*{position:relative;z-index:1}
.cat-tile .ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .35s}
.cat-tile:active .ct-img{transform:scale(1.08)}
.cat-tile .ct-over{position:relative;z-index:2;width:100%}
.cat-tile.c-silk{background:linear-gradient(135deg,#a3244a,#6d0f28)}
.cat-tile.c-cotton{background:linear-gradient(135deg,#2f7d5b,#1b5a3e)}
.cat-tile.c-kanchipuram{background:linear-gradient(135deg,#c2273f,#7c1020)}
.cat-tile.c-wedding{background:linear-gradient(135deg,#b57f1f,#7c5207)}
.cat-tile.c-party{background:linear-gradient(135deg,#5a3d8f,#382359)}
.cat-tile.c-georgette{background:linear-gradient(135deg,#0e8f8f,#0b5d6b)}
.cat-tile.c-daily{background:linear-gradient(135deg,#5b8db8,#2f5d8a)}
.cat-tile.c-printed{background:linear-gradient(135deg,#d4712a,#a34c12)}
.cat-tile.c-designer{background:linear-gradient(135deg,#7a4fb0,#4a2a75)}
.cat-tile.c-office{background:linear-gradient(135deg,#4a5568,#2d3748)}
.cat-tile.c-fancy{background:linear-gradient(135deg,#d63a86,#94205a)}
.cat-tile.c-half-saree{background:linear-gradient(135deg,#e05f8c,#a83058)}
.cat-tile.c-kids{background:linear-gradient(135deg,#f2a0c0,#c25b8a)}
.cat-tile.c-men-dhoti{background:linear-gradient(135deg,#6b7280,#374151)}
.cat-tile.c-blouse{background:linear-gradient(135deg,#c0566b,#8f2d43)}
.cat-tile.c-accessories{background:linear-gradient(135deg,#b8862c,#8a5f14)}
.cat-tile.c-soft-silk{background:linear-gradient(135deg,#e07a9a,#b0456a)}

/* ---------- Product grid + cards ---------- */
.prow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.prow{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.prow{grid-template-columns:repeat(4,1fr)}}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
@media(min-width:960px){.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(90,30,20,.14)}}
.pcard-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f4ede4}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:1}
.pcard-img:active img{transform:scale(1.06)}
.pcard .badge{position:absolute;top:9px;left:9px;z-index:2;background:var(--maroon);color:#fff;font-size:.64rem;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}
.pcard .badge.gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200}
.pcard .badge.green{background:var(--green);color:#fff}
.pcard .badge.red{background:var(--red);color:#fff}
.pcard .offchip{position:absolute;top:9px;left:9px;z-index:2;background:rgba(255,255,255,.95);color:var(--green);font-size:.66rem;font-weight:800;padding:4px 8px;border-radius:999px}
/* if a badge is also present (top-left), push the discount chip below it */
.pcard .badge ~ .offchip{top:38px}
/* AI-style similar saree match chip + reason */
.match-chip{position:absolute;bottom:8px;left:8px;z-index:4;background:rgba(143,29,58,.94);color:#fff;font-size:.64rem;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.3px}
.match-reason{font-size:.72rem;color:var(--maroon);font-weight:700;background:var(--maroon-soft);border-radius:8px;padding:5px 8px;margin:6px 0 8px}
/* stock urgency chip on cards */
.lowchip{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:var(--red);background:#fdecec;border:1px solid #f5c6c6;border-radius:999px;padding:5px 10px;margin:6px 0 8px;width:fit-content}
/* PIN delivery check on the product page */
.pin-check{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px}
/* Share & Earn box on the product page */
.earn-box{margin-top:12px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:1.5px dashed var(--gold);border-radius:var(--r);padding:14px}
.earn-box b{font-size:.95rem;color:var(--maroon)}
.pin-check b{font-size:.9rem}
/* share buttons under product actions */
.pd-share{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}
.pd-share .btn{min-height:42px;padding:9px 10px;font-size:.8rem;width:100%}
.pd-share .btn:last-child{grid-column:1/-1}
.lowchip.out{color:var(--muted);background:#f2f2f2;border-color:var(--line)}
.pcard .wish{position:absolute;bottom:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.pcard .wish.on{color:var(--red)}
.pcard-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px;flex:1}
.pcard-body h3{font-family:var(--font-body);font-size:.88rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.stars{font-size:.76rem;color:#b98a12;display:flex;align-items:center;gap:4px;font-weight:700}
.stars .cnt{color:var(--muted);font-weight:500}
.price-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px}
.price-row b{font-size:1.04rem;color:var(--maroon)}
.price-row s{color:var(--muted);font-size:.78rem}
.price-row .off{color:var(--green);font-size:.72rem;font-weight:800}
.pcard .p-actions{display:flex;gap:7px;margin-top:9px}
.pcard .p-actions .btn{min-height:44px;padding:8px 4px;font-size:.8rem;border-radius:10px;flex:1 1 0;white-space:nowrap}
.p-actions .btn-wa{flex:0 0 auto;width:44px;padding:0;justify-content:center;font-size:1.15rem}
@media(max-width:380px){.pcard .p-actions{gap:5px}.pcard .p-actions .btn{font-size:.74rem;padding:8px 1px}}

/* ---------- Loader (infinite scroll) ---------- */
.grid-loader{text-align:center;padding:18px 0 6px;color:var(--muted);font-size:.82rem;font-weight:700}
.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--maroon);border-radius:50%;margin:0 auto 6px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Flash sale ---------- */
.flash{background:linear-gradient(90deg,#70142c,var(--maroon) 45%,#a3244a);color:#fff;border-radius:var(--r);padding:20px 16px;margin:26px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(143,29,58,.35)}
.flash h3{font-size:1.2rem;font-weight:800;font-family:var(--font-display)}
.flash p{font-size:.8rem;opacity:.9}
.flash-timer{display:flex;gap:7px;align-items:center}
.flash-timer b{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 11px;font-size:1.15rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.flash-timer em{font-style:normal;color:var(--gold-l);font-weight:800}

/* ---------- Trust strip ---------- */
.trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 2px}
@media(min-width:760px){.trust-strip{grid-template-columns:repeat(4,1fr)}}
.trust-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:.8rem;font-weight:800}
.trust-item .t-sub{display:block;font-size:.68rem;color:var(--muted);font-weight:600}
.trust-item .ti{font-size:1.4rem}

/* ---------- Steps / why ---------- */
.steps{display:grid;gap:12px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;align-items:flex-start}
.step .n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--maroon-soft);color:var(--maroon);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.step b{font-size:.95rem}
.step p{font-size:.82rem;color:var(--muted);margin-top:2px}

/* ---------- Reviews ---------- */
.rev-grid{display:grid;gap:12px}
@media(min-width:640px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rev-grid{grid-template-columns:repeat(3,1fr)}}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--sh-sm)}
.rev-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.95rem;flex:0 0 auto}
.rev-top b{font-size:.9rem;display:block}
.rev-top small{color:var(--muted);font-size:.72rem}
.rev p{font-size:.86rem;color:#4a3f38}

/* ---------- FAQ ---------- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;font-weight:800;font-size:.92rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.2rem;color:var(--maroon);font-weight:800}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 15px 14px;font-size:.84rem;color:#4a3f38;line-height:1.6}

/* ---------- WhatsApp banner ---------- */
.wa-banner{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,#128c4a,#1da851 55%,#25d366);color:#fff;padding:22px 18px;box-shadow:0 10px 26px rgba(29,168,81,.35)}
.wa-banner::after{content:"";position:absolute;right:-40px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.14)}
.wa-banner h3{font-size:1.18rem;font-weight:800;margin-bottom:4px}
.wa-banner p{font-size:.85rem;opacity:.95;max-width:46ch}
.wa-banner .btn{width:auto;margin-top:14px;background:#fff;color:#0d7c3d;box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* ---------- Product detail ---------- */
.pd-gal{position:relative;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
/* BIG main photo — never cropped, as large as the screen allows */
.pd-gal .main{display:flex;align-items:center;justify-content:center;background:#faf7f2;min-height:360px;cursor:zoom-in}
.pd-gal .main img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;padding:10px 10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-thumbs button{width:72px;height:56px;flex:0 0 auto;border-radius:10px;overflow:hidden;border:2px solid var(--line);background:#fff;cursor:pointer}
.pd-thumbs button.on{border-color:var(--maroon)}
.pd-thumbs img{width:100%;height:100%;object-fit:cover}
/* ❤️ Like button — floating on the product photo */
.pd-heart{position:absolute;top:10px;right:10px;z-index:6}
.heart-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(60,20,20,.18);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.heart-btn:active{transform:scale(.92)}
/* ❤️ small heart on shop cards */
.card-heart{position:absolute;top:8px;right:8px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(60,20,20,.16);font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.card-heart.on{background:#fff0f3}
/* swipe hint under the main product photo */
.pd-swipe-hint{font-size:.7rem;color:var(--muted);text-align:center;padding:6px 0 2px;font-weight:700;display:block}
/* YouTube video on the product page */
.pd-video{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.pd-video h3{font-size:.95rem;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:7px}
/* video catalog (home) */
.video-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0 0 11px;box-shadow:var(--sh-sm)}
.video-card b{display:block;font-size:.82rem;font-weight:800;padding:10px 12px 0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.occ-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media(max-width:480px){.occ-grid{grid-template-columns:repeat(3,1fr)}}
.occ-tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-decoration:none;color:var(--ink);text-align:center;box-shadow:var(--sh-sm)}
.occ-tile .occ-ic{font-size:1.5rem}
.occ-tile b{font-size:.85rem}
.occ-tile small{font-size:.68rem;color:var(--muted);font-weight:700}
.occ-tile:active{transform:scale(.96)}
.weaver-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fdf6e3,#fff);border:1px solid var(--gold);border-radius:16px;padding:16px;box-shadow:var(--sh-sm)}
.weaver-img{flex:0 0 130px}
.weaver-img img{width:130px;height:130px;object-fit:cover;border-radius:14px}
.weaver-txt{flex:1;min-width:0}
.weaver-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.weaver-badges span{font-size:.68rem;font-weight:800;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px;padding:4px 10px;color:#6b4c05}
@media(max-width:520px){.weaver-card{flex-direction:column;text-align:center}.weaver-img{flex:0 0 auto}}
/* deal of the day */
.deal-day{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:2px solid var(--gold);border-radius:16px;padding:16px;margin-top:14px;box-shadow:0 8px 22px rgba(201,154,46,.18)}
.dd-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f26a1b,#ff9a1f);border-radius:999px;padding:4px 12px;letter-spacing:.5px}
.deal-day h3{font-size:1rem;font-weight:800;margin:8px 0 4px}
.deal-day .dd-img{flex:0 0 120px}
.deal-day .dd-img img{width:120px;height:100px;object-fit:cover;border-radius:12px}
@media(max-width:480px){.deal-day{flex-direction:column;text-align:center}.deal-day .dd-left{order:2}.deal-day .dd-img{order:1}.deal-day .dd-img img{width:100%;height:150px}}
/* cart upsell */
.cart-upsell{margin-top:16px}
.cart-upsell h3{font-size:.95rem;font-weight:800;margin-bottom:10px}
/* first-visit coupon popup */
.coupon-popup{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:72;background:#fff;border:2px solid var(--gold);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.25);padding:16px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:480px;margin:0 auto}
.coupon-popup.show{opacity:1;transform:none;pointer-events:auto}
.coupon-popup .cp-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:1.05rem;color:var(--muted);cursor:pointer}
.coupon-popup .cp-badge{font-size:2rem;text-align:center}
.skin-note{margin:8px 0 2px;background:#f3e9ff;border:1px solid #dcc7f5;border-radius:10px;padding:8px 10px;font-size:.8rem;color:#5a3d8f;font-weight:700}
.try-swatch{width:52px;height:52px;border-radius:50%;border:3px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.try-swatch span{font-size:.58rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);background:rgba(0,0,0,.28);border-radius:999px;padding:2px 6px}
.try-swatch.on{border-color:var(--maroon)}
.old-price{color:var(--muted);font-size:.95rem}
.price-line{font-size:.82rem;color:var(--muted);font-weight:700;margin:2px 0}
.price-line s{color:var(--red)}
.price-line b{color:var(--green)}
.viewing-now{margin:6px 0 2px;font-size:.78rem;color:var(--green);font-weight:800}
/* social proof + size guide */
.social-proof{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:700;color:var(--maroon);background:var(--maroon-soft);border:1px solid #f2c9d4;border-radius:10px;padding:8px 10px;margin:8px 0 2px}
.social-proof .sp-ico{font-size:.85rem}
.size-guide{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}
.size-guide summary{font-size:.9rem;font-weight:800;cursor:pointer;color:var(--maroon)}
.size-table{overflow-x:auto;margin-top:8px}
.size-table table{width:100%;font-size:.8rem;border-collapse:collapse}
.size-table td,.size-table th{padding:6px 8px;border-bottom:1px dashed var(--line);text-align:center}
.size-table th{background:var(--maroon-soft);color:var(--maroon)}
/* bundle deal note */
.bundle-note{margin-top:10px;background:var(--gold-soft);border:1.5px dashed var(--gold);border-radius:10px;padding:9px 11px;font-size:.78rem;color:#6b4c05;font-weight:700}
/* PWA install banner */
.install-banner{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:71;background:#fff;border:2px solid var(--maroon);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.22);padding:12px 14px;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:520px;margin:0 auto}
.install-banner.show{opacity:1;transform:none;pointer-events:auto}
.install-banner > div{flex:1;min-width:0}
.install-banner b{font-size:.9rem;color:var(--maroon)}
/* compact welcome popup */
.coupon-popup.compact{max-width:340px;padding:14px}
.coupon-popup.compact .btn{min-height:42px}
/* header greeting */
.header-greet{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--ink);font-size:.8rem;font-weight:700;margin-right:6px;padding:5px 9px;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px}
.header-greet .hg-emoji{font-size:.95rem}
.header-greet b{color:var(--maroon)}
@media(max-width:640px){.header-greet .hg-name{display:none}}
/* ad visitor offer */
.ad-offer{margin-top:12px;background:linear-gradient(135deg,#fff3e0,#ffe8d0);border:2px solid #f26a1b;border-radius:14px;padding:13px}
.ao-badge{display:inline-block;font-size:.66rem;font-weight:800;color:#fff;background:#f26a1b;border-radius:999px;padding:3px 10px;letter-spacing:.4px;margin-bottom:6px}
.ad-offer b{font-size:.95rem}
.ad-offer b span{color:var(--maroon)}
 ============================================================
   SK SAREES — Premium Redesign (multi-page)
   Luxury Indian theme · Maroon / Gold / White / Black
   Mobile-first · Fast · No heavy dependencies
   ============================================================ */
:root{
  --maroon:#8f1d3a; --maroon-d:#70142c; --maroon-deep:#4a0f1e; --maroon-soft:#fdf1f4;
  --gold:#c99a2e; --gold-l:#e8c66a; --gold-soft:#fdf6e3;
  --wa:#25d366; --wa-d:#1da851; --wa-soft:#e8f9ee;
  --bg:#ffffff; --card:#fff; --ink:#2b2320; --muted:#8a7a72;
  --line:#efe3d0; --green:#1d8a4e; --red:#d0342c;
  --r:16px; --r-sm:11px;
  --sh:0 8px 26px rgba(90,30,20,.10); --sh-sm:0 2px 10px rgba(90,30,20,.07);
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Tamil",Helvetica,Arial,sans-serif;
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink)}
h1,h2,h3{line-height:1.2;font-family:var(--font-display)}
.wrap{max-width:1160px;margin:0 auto;padding:0 14px}
.muted{color:var(--muted)} .small{font-size:.85rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 20px;border-radius:13px;font-weight:800;font-size:1rem;transition:transform .12s,box-shadow .12s,opacity .15s;text-align:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
/* ⚡ Buy Now — bright orange (most-liked buy color in Indian e-commerce) */
.btn-buy{background:linear-gradient(135deg,#ff9a1f,#f26a1b);color:#fff;border:0;box-shadow:0 6px 18px rgba(242,106,27,.35)}
.btn-buy:active{transform:scale(.97);box-shadow:0 3px 10px rgba(242,106,27,.3)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-sm{min-height:42px;padding:9px 14px;font-size:.88rem;border-radius:10px}
.btn-xl{min-height:56px;font-size:1.05rem}
.btn-maroon{background:linear-gradient(135deg,var(--maroon),var(--maroon-d));color:#fff;box-shadow:0 8px 18px rgba(143,29,58,.32)}
.btn-gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200;box-shadow:0 8px 18px rgba(201,154,46,.35)}
.btn-wa{background:linear-gradient(135deg,#2ee06f,var(--wa-d));color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.35)}
.btn-outline{background:#fff;border:2px solid var(--maroon);color:var(--maroon)}
.btn-ghost{background:var(--bg);color:var(--ink)}

/* ---------- Promo strip ---------- */
.promo-strip{background:linear-gradient(90deg,#70142c,var(--maroon) 30%,#a3244a 70%,var(--maroon-d));color:#ffe9b0;font-size:.78rem;font-weight:700;text-align:center;padding:7px 10px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(232,198,106,.25)}
.promo-strip span{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ---------- Header ---------- */
.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;gap:8px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.1rem;color:var(--maroon);flex:1;min-width:0}
.logo small{display:block;font-size:.6rem;color:var(--muted);font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--maroon),var(--maroon-d));display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 12px rgba(143,29,58,.35)}
.logo-badge svg{width:30px;height:30px}
.desk-nav{display:none}
.top-actions{display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;color:var(--ink)}
.icon-btn:active{background:var(--maroon-soft)}
.cart-badge{position:absolute;top:2px;right:1px;background:var(--gold);color:#4a3200;font-size:.66rem;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.lang-pill select{appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:.78rem;padding:7px 24px 7px 10px;color:var(--ink);outline:none;min-height:38px}
.lang-pill{position:relative;display:inline-flex;align-items:center}
.lang-pill::after{content:'▼';font-size:.55rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
@media(min-width:900px){
  .desk-nav{display:flex;gap:2px;margin:0 auto}
  .desk-nav a{padding:9px 13px;border-radius:10px;font-weight:700;font-size:.9rem;white-space:nowrap;color:var(--ink)}
  .desk-nav a.on{background:var(--maroon-soft);color:var(--maroon)}
  .burger{display:none}
}
.burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex:0 0 auto}

/* ---------- Drawer ---------- */
.overlay{position:fixed;inset:0;background:rgba(30,8,14,.55);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:#fff;z-index:90;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.show{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}
.drawer-head{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}
.drawer-head b{font-family:var(--font-display);font-size:1.05rem}
.drawer-nav{padding:10px 8px 30px}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;font-weight:700;font-size:.95rem}
.drawer-nav a:active{background:var(--maroon-soft)}
.drawer-nav .sub{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;padding:16px 14px 6px;font-weight:800}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;border-radius:0 0 30px 30px;background:#7c1630}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(52,8,20,.85) 0%,rgba(82,14,30,.55) 55%,rgba(124,22,48,.25) 100%)}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.4),transparent 70%);z-index:1;pointer-events:none}
.hero-in{position:relative;z-index:2;padding:38px 16px 42px;max-width:1160px;margin:0 auto}
.hero-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(232,198,106,.5);color:#ffe9b0;font-size:.74rem;font-weight:800;padding:6px 13px;border-radius:999px;letter-spacing:.4px}
.hero h1{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:14px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero h1 .gold{color:var(--gold-l)}
.hero p{color:#f6d9de;font-size:.95rem;max-width:36ch;margin-bottom:20px}
.hero-ctas{display:flex;gap:8px;flex-wrap:wrap}
.hero-ctas .btn{width:auto;flex:1 1 0;min-width:0;min-height:46px;padding:11px 15px;font-size:.9rem;border-radius:12px;white-space:nowrap}
@media(min-width:480px){.hero-ctas .btn{min-width:150px}}
.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:.78rem;color:#f3d3d9;font-weight:700}
.hero-search{display:flex;gap:8px;margin-top:18px;max-width:520px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 15px;font-size:.95rem;background:rgba(255,255,255,.97);outline:none;color:var(--ink)}
.hero-search .btn{width:auto;min-width:110px;min-height:48px}
/* Share & Earn reseller banner */
.reseller-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#8f1d3a,#70142c);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 22px rgba(143,29,58,.25)}
.rb-left{display:flex;gap:12px;align-items:center;flex:1;min-width:220px}
.rb-emoji{font-size:2rem}
.reseller-banner b{font-size:1.02rem;color:#ffe9b0}
.reseller-banner p{color:#f6d9de;margin-top:2px}
.rb-btns{display:flex;gap:8px;flex-wrap:wrap}
.hero-trust b{color:#ffe9b0}

/* ---------- Sections ---------- */
.sec{margin:28px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 14px}
.sec-head h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:9px;font-family:var(--font-display)}
.sec-head h2 .tick{width:6px;height:22px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-l))}
.sec-head a{font-size:.82rem;color:var(--maroon);font-weight:800;white-space:nowrap}
.cat-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.cat-chips::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:.86rem}
.chip.on{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 4px 12px rgba(143,29,58,.3)}

/* ---------- Category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.2;display:flex;align-items:flex-end;padding:14px;color:#fff;box-shadow:var(--sh-sm);min-height:0;transition:transform .15s}
.cat-tile:active{transform:scale(.97)}
.cat-tile .ct-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;text-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between}
.cat-tile .ct-count{font-size:.7rem;opacity:.92;font-weight:700;display:block;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(20,5,10,.72) 100%);pointer-events:none}
.cat-tile>*{position:relative;z-index:1}
.cat-tile .ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .35s}
.cat-tile:active .ct-img{transform:scale(1.08)}
.cat-tile .ct-over{position:relative;z-index:2;width:100%}
.cat-tile.c-silk{background:linear-gradient(135deg,#a3244a,#6d0f28)}
.cat-tile.c-cotton{background:linear-gradient(135deg,#2f7d5b,#1b5a3e)}
.cat-tile.c-kanchipuram{background:linear-gradient(135deg,#c2273f,#7c1020)}
.cat-tile.c-wedding{background:linear-gradient(135deg,#b57f1f,#7c5207)}
.cat-tile.c-party{background:linear-gradient(135deg,#5a3d8f,#382359)}
.cat-tile.c-georgette{background:linear-gradient(135deg,#0e8f8f,#0b5d6b)}
.cat-tile.c-daily{background:linear-gradient(135deg,#5b8db8,#2f5d8a)}
.cat-tile.c-printed{background:linear-gradient(135deg,#d4712a,#a34c12)}
.cat-tile.c-designer{background:linear-gradient(135deg,#7a4fb0,#4a2a75)}
.cat-tile.c-office{background:linear-gradient(135deg,#4a5568,#2d3748)}
.cat-tile.c-fancy{background:linear-gradient(135deg,#d63a86,#94205a)}
.cat-tile.c-half-saree{background:linear-gradient(135deg,#e05f8c,#a83058)}
.cat-tile.c-kids{background:linear-gradient(135deg,#f2a0c0,#c25b8a)}
.cat-tile.c-men-dhoti{background:linear-gradient(135deg,#6b7280,#374151)}
.cat-tile.c-blouse{background:linear-gradient(135deg,#c0566b,#8f2d43)}
.cat-tile.c-accessories{background:linear-gradient(135deg,#b8862c,#8a5f14)}
.cat-tile.c-soft-silk{background:linear-gradient(135deg,#e07a9a,#b0456a)}

/* ---------- Product grid + cards ---------- */
.prow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.prow{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.prow{grid-template-columns:repeat(4,1fr)}}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
@media(min-width:960px){.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(90,30,20,.14)}}
.pcard-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f4ede4}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:1}
.pcard-img:active img{transform:scale(1.06)}
.pcard .badge{position:absolute;top:9px;left:9px;z-index:2;background:var(--maroon);color:#fff;font-size:.64rem;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}
.pcard .badge.gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200}
.pcard .badge.green{background:var(--green);color:#fff}
.pcard .badge.red{background:var(--red);color:#fff}
.pcard .offchip{position:absolute;top:9px;left:9px;z-index:2;background:rgba(255,255,255,.95);color:var(--green);font-size:.66rem;font-weight:800;padding:4px 8px;border-radius:999px}
/* if a badge is also present (top-left), push the discount chip below it */
.pcard .badge ~ .offchip{top:38px}
/* AI-style similar saree match chip + reason */
.match-chip{position:absolute;bottom:8px;left:8px;z-index:4;background:rgba(143,29,58,.94);color:#fff;font-size:.64rem;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.3px}
.match-reason{font-size:.72rem;color:var(--maroon);font-weight:700;background:var(--maroon-soft);border-radius:8px;padding:5px 8px;margin:6px 0 8px}
/* stock urgency chip on cards */
.lowchip{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:var(--red);background:#fdecec;border:1px solid #f5c6c6;border-radius:999px;padding:5px 10px;margin:6px 0 8px;width:fit-content}
/* PIN delivery check on the product page */
.pin-check{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px}
/* Share & Earn box on the product page */
.earn-box{margin-top:12px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:1.5px dashed var(--gold);border-radius:var(--r);padding:14px}
.earn-box b{font-size:.95rem;color:var(--maroon)}
.pin-check b{font-size:.9rem}
/* share buttons under product actions */
.pd-share{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}
.pd-share .btn{min-height:42px;padding:9px 10px;font-size:.8rem;width:100%}
.pd-share .btn:last-child{grid-column:1/-1}
.lowchip.out{color:var(--muted);background:#f2f2f2;border-color:var(--line)}
.pcard .wish{position:absolute;bottom:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.pcard .wish.on{color:var(--red)}
.pcard-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px;flex:1}
.pcard-body h3{font-family:var(--font-body);font-size:.88rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.stars{font-size:.76rem;color:#b98a12;display:flex;align-items:center;gap:4px;font-weight:700}
.stars .cnt{color:var(--muted);font-weight:500}
.price-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px}
.price-row b{font-size:1.04rem;color:var(--maroon)}
.price-row s{color:var(--muted);font-size:.78rem}
.price-row .off{color:var(--green);font-size:.72rem;font-weight:800}
.pcard .p-actions{display:flex;gap:7px;margin-top:9px}
.pcard .p-actions .btn{min-height:44px;padding:8px 4px;font-size:.8rem;border-radius:10px;flex:1 1 0;white-space:nowrap}
.p-actions .btn-wa{flex:0 0 auto;width:44px;padding:0;justify-content:center;font-size:1.15rem}
@media(max-width:380px){.pcard .p-actions{gap:5px}.pcard .p-actions .btn{font-size:.74rem;padding:8px 1px}}

/* ---------- Loader (infinite scroll) ---------- */
.grid-loader{text-align:center;padding:18px 0 6px;color:var(--muted);font-size:.82rem;font-weight:700}
.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--maroon);border-radius:50%;margin:0 auto 6px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Flash sale ---------- */
.flash{background:linear-gradient(90deg,#70142c,var(--maroon) 45%,#a3244a);color:#fff;border-radius:var(--r);padding:20px 16px;margin:26px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(143,29,58,.35)}
.flash h3{font-size:1.2rem;font-weight:800;font-family:var(--font-display)}
.flash p{font-size:.8rem;opacity:.9}
.flash-timer{display:flex;gap:7px;align-items:center}
.flash-timer b{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 11px;font-size:1.15rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.flash-timer em{font-style:normal;color:var(--gold-l);font-weight:800}

/* ---------- Trust strip ---------- */
.trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 2px}
@media(min-width:760px){.trust-strip{grid-template-columns:repeat(4,1fr)}}
.trust-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:.8rem;font-weight:800}
.trust-item .t-sub{display:block;font-size:.68rem;color:var(--muted);font-weight:600}
.trust-item .ti{font-size:1.4rem}

/* ---------- Steps / why ---------- */
.steps{display:grid;gap:12px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;align-items:flex-start}
.step .n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--maroon-soft);color:var(--maroon);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.step b{font-size:.95rem}
.step p{font-size:.82rem;color:var(--muted);margin-top:2px}

/* ---------- Reviews ---------- */
.rev-grid{display:grid;gap:12px}
@media(min-width:640px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rev-grid{grid-template-columns:repeat(3,1fr)}}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--sh-sm)}
.rev-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.95rem;flex:0 0 auto}
.rev-top b{font-size:.9rem;display:block}
.rev-top small{color:var(--muted);font-size:.72rem}
.rev p{font-size:.86rem;color:#4a3f38}

/* ---------- FAQ ---------- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;font-weight:800;font-size:.92rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.2rem;color:var(--maroon);font-weight:800}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 15px 14px;font-size:.84rem;color:#4a3f38;line-height:1.6}

/* ---------- WhatsApp banner ---------- */
.wa-banner{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,#128c4a,#1da851 55%,#25d366);color:#fff;padding:22px 18px;box-shadow:0 10px 26px rgba(29,168,81,.35)}
.wa-banner::after{content:"";position:absolute;right:-40px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.14)}
.wa-banner h3{font-size:1.18rem;font-weight:800;margin-bottom:4px}
.wa-banner p{font-size:.85rem;opacity:.95;max-width:46ch}
.wa-banner .btn{width:auto;margin-top:14px;background:#fff;color:#0d7c3d;box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* ---------- Product detail ---------- */
.pd-gal{position:relative;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
/* BIG main photo — never cropped, as large as the screen allows */
.pd-gal .main{display:flex;align-items:center;justify-content:center;background:#faf7f2;min-height:360px;cursor:zoom-in}
.pd-gal .main img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;padding:10px 10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-thumbs button{width:72px;height:56px;flex:0 0 auto;border-radius:10px;overflow:hidden;border:2px solid var(--line);background:#fff;cursor:pointer}
.pd-thumbs button.on{border-color:var(--maroon)}
.pd-thumbs img{width:100%;height:100%;object-fit:cover}
/* ❤️ Like button — floating on the product photo */
.pd-heart{position:absolute;top:10px;right:10px;z-index:6}
.heart-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(60,20,20,.18);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.heart-btn:active{transform:scale(.92)}
/* ❤️ small heart on shop cards */
.card-heart{position:absolute;top:8px;right:8px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(60,20,20,.16);font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.card-heart.on{background:#fff0f3}
/* swipe hint under the main product photo */
.pd-swipe-hint{font-size:.7rem;color:var(--muted);text-align:center;padding:6px 0 2px;font-weight:700;display:block}
/* YouTube video on the product page */
.pd-video{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.pd-video h3{font-size:.95rem;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:7px}
/* video catalog (home) */
.video-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0 0 11px;box-shadow:var(--sh-sm)}
.video-card b{display:block;font-size:.82rem;font-weight:800;padding:10px 12px 0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.occ-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media(max-width:480px){.occ-grid{grid-template-columns:repeat(3,1fr)}}
.occ-tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-decoration:none;color:var(--ink);text-align:center;box-shadow:var(--sh-sm)}
.occ-tile .occ-ic{font-size:1.5rem}
.occ-tile b{font-size:.85rem}
.occ-tile small{font-size:.68rem;color:var(--muted);font-weight:700}
.occ-tile:active{transform:scale(.96)}
.weaver-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fdf6e3,#fff);border:1px solid var(--gold);border-radius:16px;padding:16px;box-shadow:var(--sh-sm)}
.weaver-img{flex:0 0 130px}
.weaver-img img{width:130px;height:130px;object-fit:cover;border-radius:14px}
.weaver-txt{flex:1;min-width:0}
.weaver-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.weaver-badges span{font-size:.68rem;font-weight:800;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px;padding:4px 10px;color:#6b4c05}
@media(max-width:520px){.weaver-card{flex-direction:column;text-align:center}.weaver-img{flex:0 0 auto}}
/* deal of the day */
.deal-day{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:2px solid var(--gold);border-radius:16px;padding:16px;margin-top:14px;box-shadow:0 8px 22px rgba(201,154,46,.18)}
.dd-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f26a1b,#ff9a1f);border-radius:999px;padding:4px 12px;letter-spacing:.5px}
.deal-day h3{font-size:1rem;font-weight:800;margin:8px 0 4px}
.deal-day .dd-img{flex:0 0 120px}
.deal-day .dd-img img{width:120px;height:100px;object-fit:cover;border-radius:12px}
@media(max-width:480px){.deal-day{flex-direction:column;text-align:center}.deal-day .dd-left{order:2}.deal-day .dd-img{order:1}.deal-day .dd-img img{width:100%;height:150px}}
/* cart upsell */
.cart-upsell{margin-top:16px}
.cart-upsell h3{font-size:.95rem;font-weight:800;margin-bottom:10px}
/* first-visit coupon popup */
 ============================================================
   SK SAREES — Premium Redesign (multi-page)
   Luxury Indian theme · Maroon / Gold / White / Black
   Mobile-first · Fast · No heavy dependencies
   ============================================================ */
:root{
  --maroon:#8f1d3a; --maroon-d:#70142c; --maroon-deep:#4a0f1e; --maroon-soft:#fdf1f4;
  --gold:#c99a2e; --gold-l:#e8c66a; --gold-soft:#fdf6e3;
  --wa:#25d366; --wa-d:#1da851; --wa-soft:#e8f9ee;
  --bg:#ffffff; --card:#fff; --ink:#2b2320; --muted:#8a7a72;
  --line:#efe3d0; --green:#1d8a4e; --red:#d0342c;
  --r:16px; --r-sm:11px;
  --sh:0 8px 26px rgba(90,30,20,.10); --sh-sm:0 2px 10px rgba(90,30,20,.07);
  --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Tamil",Helvetica,Arial,sans-serif;
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:16px;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink)}
h1,h2,h3{line-height:1.2;font-family:var(--font-display)}
.wrap{max-width:1160px;margin:0 auto;padding:0 14px}
.muted{color:var(--muted)} .small{font-size:.85rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 20px;border-radius:13px;font-weight:800;font-size:1rem;transition:transform .12s,box-shadow .12s,opacity .15s;text-align:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
/* ⚡ Buy Now — bright orange (most-liked buy color in Indian e-commerce) */
.btn-buy{background:linear-gradient(135deg,#ff9a1f,#f26a1b);color:#fff;border:0;box-shadow:0 6px 18px rgba(242,106,27,.35)}
.btn-buy:active{transform:scale(.97);box-shadow:0 3px 10px rgba(242,106,27,.3)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-sm{min-height:42px;padding:9px 14px;font-size:.88rem;border-radius:10px}
.btn-xl{min-height:56px;font-size:1.05rem}
.btn-maroon{background:linear-gradient(135deg,var(--maroon),var(--maroon-d));color:#fff;box-shadow:0 8px 18px rgba(143,29,58,.32)}
.btn-gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200;box-shadow:0 8px 18px rgba(201,154,46,.35)}
.btn-wa{background:linear-gradient(135deg,#2ee06f,var(--wa-d));color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.35)}
.btn-outline{background:#fff;border:2px solid var(--maroon);color:var(--maroon)}
.btn-ghost{background:var(--bg);color:var(--ink)}

/* ---------- Promo strip ---------- */
.promo-strip{background:linear-gradient(90deg,#70142c,var(--maroon) 30%,#a3244a 70%,var(--maroon-d));color:#ffe9b0;font-size:.78rem;font-weight:700;text-align:center;padding:7px 10px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(232,198,106,.25)}
.promo-strip span{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ---------- Header ---------- */
.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;gap:8px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.1rem;color:var(--maroon);flex:1;min-width:0}
.logo small{display:block;font-size:.6rem;color:var(--muted);font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.logo-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--maroon),var(--maroon-d));display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 4px 12px rgba(143,29,58,.35)}
.logo-badge svg{width:30px;height:30px}
.desk-nav{display:none}
.top-actions{display:flex;align-items:center;gap:2px}
.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;color:var(--ink)}
.icon-btn:active{background:var(--maroon-soft)}
.cart-badge{position:absolute;top:2px;right:1px;background:var(--gold);color:#4a3200;font-size:.66rem;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
.lang-pill select{appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-weight:800;font-size:.78rem;padding:7px 24px 7px 10px;color:var(--ink);outline:none;min-height:38px}
.lang-pill{position:relative;display:inline-flex;align-items:center}
.lang-pill::after{content:'▼';font-size:.55rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
@media(min-width:900px){
  .desk-nav{display:flex;gap:2px;margin:0 auto}
  .desk-nav a{padding:9px 13px;border-radius:10px;font-weight:700;font-size:.9rem;white-space:nowrap;color:var(--ink)}
  .desk-nav a.on{background:var(--maroon-soft);color:var(--maroon)}
  .burger{display:none}
}
.burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex:0 0 auto}

/* ---------- Drawer ---------- */
.overlay{position:fixed;inset:0;background:rgba(30,8,14,.55);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:#fff;z-index:90;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.show{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}
.drawer-head{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,var(--maroon),var(--maroon-deep));color:#fff}
.drawer-head b{font-family:var(--font-display);font-size:1.05rem}
.drawer-nav{padding:10px 8px 30px}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;font-weight:700;font-size:.95rem}
.drawer-nav a:active{background:var(--maroon-soft)}
.drawer-nav .sub{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;padding:16px 14px 6px;font-weight:800}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;border-radius:0 0 30px 30px;background:#7c1630}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(52,8,20,.85) 0%,rgba(82,14,30,.55) 55%,rgba(124,22,48,.25) 100%)}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.4),transparent 70%);z-index:1;pointer-events:none}
.hero-in{position:relative;z-index:2;padding:38px 16px 42px;max-width:1160px;margin:0 auto}
.hero-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);border:1px solid rgba(232,198,106,.5);color:#ffe9b0;font-size:.74rem;font-weight:800;padding:6px 13px;border-radius:999px;letter-spacing:.4px}
.hero h1{font-family:var(--font-display);font-size:2rem;font-weight:800;margin:14px 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero h1 .gold{color:var(--gold-l)}
.hero p{color:#f6d9de;font-size:.95rem;max-width:36ch;margin-bottom:20px}
.hero-ctas{display:flex;gap:8px;flex-wrap:wrap}
.hero-ctas .btn{width:auto;flex:1 1 0;min-width:0;min-height:46px;padding:11px 15px;font-size:.9rem;border-radius:12px;white-space:nowrap}
@media(min-width:480px){.hero-ctas .btn{min-width:150px}}
.hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:.78rem;color:#f3d3d9;font-weight:700}
.hero-search{display:flex;gap:8px;margin-top:18px;max-width:520px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 15px;font-size:.95rem;background:rgba(255,255,255,.97);outline:none;color:var(--ink)}
.hero-search .btn{width:auto;min-width:110px;min-height:48px}
/* Share & Earn reseller banner */
.reseller-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#8f1d3a,#70142c);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 22px rgba(143,29,58,.25)}
.rb-left{display:flex;gap:12px;align-items:center;flex:1;min-width:220px}
.rb-emoji{font-size:2rem}
.reseller-banner b{font-size:1.02rem;color:#ffe9b0}
.reseller-banner p{color:#f6d9de;margin-top:2px}
.rb-btns{display:flex;gap:8px;flex-wrap:wrap}
.hero-trust b{color:#ffe9b0}

/* ---------- Sections ---------- */
.sec{margin:28px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 14px}
.sec-head h2{font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:9px;font-family:var(--font-display)}
.sec-head h2 .tick{width:6px;height:22px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-l))}
.sec-head a{font-size:.82rem;color:var(--maroon);font-weight:800;white-space:nowrap}
.cat-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.cat-chips::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:.86rem}
.chip.on{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 4px 12px rgba(143,29,58,.3)}

/* ---------- Category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.cat-tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.2;display:flex;align-items:flex-end;padding:14px;color:#fff;box-shadow:var(--sh-sm);min-height:0;transition:transform .15s}
.cat-tile:active{transform:scale(.97)}
.cat-tile .ct-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;text-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between}
.cat-tile .ct-count{font-size:.7rem;opacity:.92;font-weight:700;display:block;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(20,5,10,.72) 100%);pointer-events:none}
.cat-tile>*{position:relative;z-index:1}
.cat-tile .ct-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .35s}
.cat-tile:active .ct-img{transform:scale(1.08)}
.cat-tile .ct-over{position:relative;z-index:2;width:100%}
.cat-tile.c-silk{background:linear-gradient(135deg,#a3244a,#6d0f28)}
.cat-tile.c-cotton{background:linear-gradient(135deg,#2f7d5b,#1b5a3e)}
.cat-tile.c-kanchipuram{background:linear-gradient(135deg,#c2273f,#7c1020)}
.cat-tile.c-wedding{background:linear-gradient(135deg,#b57f1f,#7c5207)}
.cat-tile.c-party{background:linear-gradient(135deg,#5a3d8f,#382359)}
.cat-tile.c-georgette{background:linear-gradient(135deg,#0e8f8f,#0b5d6b)}
.cat-tile.c-daily{background:linear-gradient(135deg,#5b8db8,#2f5d8a)}
.cat-tile.c-printed{background:linear-gradient(135deg,#d4712a,#a34c12)}
.cat-tile.c-designer{background:linear-gradient(135deg,#7a4fb0,#4a2a75)}
.cat-tile.c-office{background:linear-gradient(135deg,#4a5568,#2d3748)}
.cat-tile.c-fancy{background:linear-gradient(135deg,#d63a86,#94205a)}
.cat-tile.c-half-saree{background:linear-gradient(135deg,#e05f8c,#a83058)}
.cat-tile.c-kids{background:linear-gradient(135deg,#f2a0c0,#c25b8a)}
.cat-tile.c-men-dhoti{background:linear-gradient(135deg,#6b7280,#374151)}
.cat-tile.c-blouse{background:linear-gradient(135deg,#c0566b,#8f2d43)}
.cat-tile.c-accessories{background:linear-gradient(135deg,#b8862c,#8a5f14)}
.cat-tile.c-soft-silk{background:linear-gradient(135deg,#e07a9a,#b0456a)}

/* ---------- Product grid + cards ---------- */
.prow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.prow{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.prow{grid-template-columns:repeat(4,1fr)}}
.pcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm);display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .18s,box-shadow .18s}
@media(min-width:960px){.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(90,30,20,.14)}}
.pcard-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#f4ede4}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;opacity:1}
.pcard-img:active img{transform:scale(1.06)}
.pcard .badge{position:absolute;top:9px;left:9px;z-index:2;background:var(--maroon);color:#fff;font-size:.64rem;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.4px;text-transform:uppercase}
.pcard .badge.gold{background:linear-gradient(135deg,#e8c66a,var(--gold));color:#4a3200}
.pcard .badge.green{background:var(--green);color:#fff}
.pcard .badge.red{background:var(--red);color:#fff}
.pcard .offchip{position:absolute;top:9px;left:9px;z-index:2;background:rgba(255,255,255,.95);color:var(--green);font-size:.66rem;font-weight:800;padding:4px 8px;border-radius:999px}
/* if a badge is also present (top-left), push the discount chip below it */
.pcard .badge ~ .offchip{top:38px}
/* AI-style similar saree match chip + reason */
.match-chip{position:absolute;bottom:8px;left:8px;z-index:4;background:rgba(143,29,58,.94);color:#fff;font-size:.64rem;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.3px}
.match-reason{font-size:.72rem;color:var(--maroon);font-weight:700;background:var(--maroon-soft);border-radius:8px;padding:5px 8px;margin:6px 0 8px}
/* stock urgency chip on cards */
.lowchip{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:var(--red);background:#fdecec;border:1px solid #f5c6c6;border-radius:999px;padding:5px 10px;margin:6px 0 8px;width:fit-content}
/* PIN delivery check on the product page */
.pin-check{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px}
/* Share & Earn box on the product page */
.earn-box{margin-top:12px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:1.5px dashed var(--gold);border-radius:var(--r);padding:14px}
.earn-box b{font-size:.95rem;color:var(--maroon)}
.pin-check b{font-size:.9rem}
/* share buttons under product actions */
.pd-share{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}
.pd-share .btn{min-height:42px;padding:9px 10px;font-size:.8rem;width:100%}
.pd-share .btn:last-child{grid-column:1/-1}
.lowchip.out{color:var(--muted);background:#f2f2f2;border-color:var(--line)}
.pcard .wish{position:absolute;bottom:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.pcard .wish.on{color:var(--red)}
.pcard-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px;flex:1}
.pcard-body h3{font-family:var(--font-body);font-size:.88rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em}
.stars{font-size:.76rem;color:#b98a12;display:flex;align-items:center;gap:4px;font-weight:700}
.stars .cnt{color:var(--muted);font-weight:500}
.price-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px}
.price-row b{font-size:1.04rem;color:var(--maroon)}
.price-row s{color:var(--muted);font-size:.78rem}
.price-row .off{color:var(--green);font-size:.72rem;font-weight:800}
.pcard .p-actions{display:flex;gap:7px;margin-top:9px}
.pcard .p-actions .btn{min-height:44px;padding:8px 4px;font-size:.8rem;border-radius:10px;flex:1 1 0;white-space:nowrap}
.p-actions .btn-wa{flex:0 0 auto;width:44px;padding:0;justify-content:center;font-size:1.15rem}
@media(max-width:380px){.pcard .p-actions{gap:5px}.pcard .p-actions .btn{font-size:.74rem;padding:8px 1px}}

/* ---------- Loader (infinite scroll) ---------- */
.grid-loader{text-align:center;padding:18px 0 6px;color:var(--muted);font-size:.82rem;font-weight:700}
.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--maroon);border-radius:50%;margin:0 auto 6px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Flash sale ---------- */
.flash{background:linear-gradient(90deg,#70142c,var(--maroon) 45%,#a3244a);color:#fff;border-radius:var(--r);padding:20px 16px;margin:26px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(143,29,58,.35)}
.flash h3{font-size:1.2rem;font-weight:800;font-family:var(--font-display)}
.flash p{font-size:.8rem;opacity:.9}
.flash-timer{display:flex;gap:7px;align-items:center}
.flash-timer b{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 11px;font-size:1.15rem;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.flash-timer em{font-style:normal;color:var(--gold-l);font-weight:800}

/* ---------- Trust strip ---------- */
.trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 2px}
@media(min-width:760px){.trust-strip{grid-template-columns:repeat(4,1fr)}}
.trust-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;font-size:.8rem;font-weight:800}
.trust-item .t-sub{display:block;font-size:.68rem;color:var(--muted);font-weight:600}
.trust-item .ti{font-size:1.4rem}

/* ---------- Steps / why ---------- */
.steps{display:grid;gap:12px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;align-items:flex-start}
.step .n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--maroon-soft);color:var(--maroon);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1rem}
.step b{font-size:.95rem}
.step p{font-size:.82rem;color:var(--muted);margin-top:2px}

/* ---------- Reviews ---------- */
.rev-grid{display:grid;gap:12px}
@media(min-width:640px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rev-grid{grid-template-columns:repeat(3,1fr)}}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--sh-sm)}
.rev-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.95rem;flex:0 0 auto}
.rev-top b{font-size:.9rem;display:block}
.rev-top small{color:var(--muted);font-size:.72rem}
.rev p{font-size:.86rem;color:#4a3f38}

/* ---------- FAQ ---------- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;font-weight:800;font-size:.92rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.2rem;color:var(--maroon);font-weight:800}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 15px 14px;font-size:.84rem;color:#4a3f38;line-height:1.6}

/* ---------- WhatsApp banner ---------- */
.wa-banner{position:relative;overflow:hidden;border-radius:var(--r);background:linear-gradient(135deg,#128c4a,#1da851 55%,#25d366);color:#fff;padding:22px 18px;box-shadow:0 10px 26px rgba(29,168,81,.35)}
.wa-banner::after{content:"";position:absolute;right:-40px;bottom:-50px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.14)}
.wa-banner h3{font-size:1.18rem;font-weight:800;margin-bottom:4px}
.wa-banner p{font-size:.85rem;opacity:.95;max-width:46ch}
.wa-banner .btn{width:auto;margin-top:14px;background:#fff;color:#0d7c3d;box-shadow:0 6px 16px rgba(0,0,0,.18)}

/* ---------- Product detail ---------- */
.pd-gal{position:relative;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
/* BIG main photo — never cropped, as large as the screen allows */
.pd-gal .main{display:flex;align-items:center;justify-content:center;background:#faf7f2;min-height:360px;cursor:zoom-in}
.pd-gal .main img{max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}
.pd-thumbs{display:flex;gap:8px;margin-top:10px;padding:10px 10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-thumbs button{width:72px;height:56px;flex:0 0 auto;border-radius:10px;overflow:hidden;border:2px solid var(--line);background:#fff;cursor:pointer}
.pd-thumbs button.on{border-color:var(--maroon)}
.pd-thumbs img{width:100%;height:100%;object-fit:cover}
/* ❤️ Like button — floating on the product photo */
.pd-heart{position:absolute;top:10px;right:10px;z-index:6}
.heart-btn{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(60,20,20,.18);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.heart-btn:active{transform:scale(.92)}
/* ❤️ small heart on shop cards */
.card-heart{position:absolute;top:8px;right:8px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(60,20,20,.16);font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.card-heart.on{background:#fff0f3}
/* swipe hint under the main product photo */
.pd-swipe-hint{font-size:.7rem;color:var(--muted);text-align:center;padding:6px 0 2px;font-weight:700;display:block}
/* YouTube video on the product page */
.pd-video{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.pd-video h3{font-size:.95rem;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:7px}
/* video catalog (home) */
.video-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}
.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0 0 11px;box-shadow:var(--sh-sm)}
.video-card b{display:block;font-size:.82rem;font-weight:800;padding:10px 12px 0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.occ-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media(max-width:480px){.occ-grid{grid-template-columns:repeat(3,1fr)}}
.occ-tile{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-decoration:none;color:var(--ink);text-align:center;box-shadow:var(--sh-sm)}
.occ-tile .occ-ic{font-size:1.5rem}
.occ-tile b{font-size:.85rem}
.occ-tile small{font-size:.68rem;color:var(--muted);font-weight:700}
.occ-tile:active{transform:scale(.96)}
.weaver-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fdf6e3,#fff);border:1px solid var(--gold);border-radius:16px;padding:16px;box-shadow:var(--sh-sm)}
.weaver-img{flex:0 0 130px}
.weaver-img img{width:130px;height:130px;object-fit:cover;border-radius:14px}
.weaver-txt{flex:1;min-width:0}
.weaver-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.weaver-badges span{font-size:.68rem;font-weight:800;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px;padding:4px 10px;color:#6b4c05}
@media(max-width:520px){.weaver-card{flex-direction:column;text-align:center}.weaver-img{flex:0 0 auto}}
/* deal of the day */
.deal-day{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff8ec,#fdf1e0);border:2px solid var(--gold);border-radius:16px;padding:16px;margin-top:14px;box-shadow:0 8px 22px rgba(201,154,46,.18)}
.dd-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f26a1b,#ff9a1f);border-radius:999px;padding:4px 12px;letter-spacing:.5px}
.deal-day h3{font-size:1rem;font-weight:800;margin:8px 0 4px}
.deal-day .dd-img{flex:0 0 120px}
.deal-day .dd-img img{width:120px;height:100px;object-fit:cover;border-radius:12px}
@media(max-width:480px){.deal-day{flex-direction:column;text-align:center}.deal-day .dd-left{order:2}.deal-day .dd-img{order:1}.deal-day .dd-img img{width:100%;height:150px}}
/* cart upsell */
.cart-upsell{margin-top:16px}
.cart-upsell h3{font-size:.95rem;font-weight:800;margin-bottom:10px}
/* first-visit coupon popup */
.coupon-popup{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:72;background:#fff;border:2px solid var(--gold);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.25);padding:16px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:480px;margin:0 auto}
.coupon-popup.show{opacity:1;transform:none;pointer-events:auto}
.coupon-popup .cp-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:1.05rem;color:var(--muted);cursor:pointer}
.coupon-popup .cp-badge{font-size:2rem;text-align:center}
.skin-note{margin:8px 0 2px;background:#f3e9ff;border:1px solid #dcc7f5;border-radius:10px;padding:8px 10px;font-size:.8rem;color:#5a3d8f;font-weight:700}
.try-swatch{width:52px;height:52px;border-radius:50%;border:3px solid transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.try-swatch span{font-size:.58rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);background:rgba(0,0,0,.28);border-radius:999px;padding:2px 6px}
.try-swatch.on{border-color:var(--maroon)}
.old-price{color:var(--muted);font-size:.95rem}
.price-line{font-size:.82rem;color:var(--muted);font-weight:700;margin:2px 0}
.price-line s{color:var(--red)}
.price-line b{color:var(--green)}
.viewing-now{margin:6px 0 2px;font-size:.78rem;color:var(--green);font-weight:800}
/* social proof + size guide */
.social-proof{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:700;color:var(--maroon);background:var(--maroon-soft);border:1px solid #f2c9d4;border-radius:10px;padding:8px 10px;margin:8px 0 2px}
.social-proof .sp-ico{font-size:.85rem}
.size-guide{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}
.size-guide summary{font-size:.9rem;font-weight:800;cursor:pointer;color:var(--maroon)}
.size-table{overflow-x:auto;margin-top:8px}
.size-table table{width:100%;font-size:.8rem;border-collapse:collapse}
.size-table td,.size-table th{padding:6px 8px;border-bottom:1px dashed var(--line);text-align:center}
.size-table th{background:var(--maroon-soft);color:var(--maroon)}
/* bundle deal note */
.bundle-note{margin-top:10px;background:var(--gold-soft);border:1.5px dashed var(--gold);border-radius:10px;padding:9px 11px;font-size:.78rem;color:#6b4c05;font-weight:700}
/* PWA install banner */
.install-banner{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:71;background:#fff;border:2px solid var(--maroon);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.22);padding:12px 14px;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:520px;margin:0 auto}
.install-banner.show{opacity:1;transform:none;pointer-events:auto}
.install-banner > div{flex:1;min-width:0}
.install-banner b{font-size:.9rem;color:var(--maroon)}
/* compact welcome popup */
.coupon-popup.compact{max-width:340px;padding:14px}
.coupon-popup.compact .btn{min-height:42px}
/* header greeting */
.header-greet{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:var(--ink);font-size:.8rem;font-weight:700;margin-right:6px;padding:5px 9px;background:var(--gold-soft);border:1px solid var(--gold);border-radius:999px}
.header-greet .hg-emoji{font-size:.95rem}
.header-greet b{color:var(--maroon)}
@media(max-width:640px){.header-greet .hg-name{display:none}}
/* ad visitor offer */
.ad-offer{margin-top:12px;background:linear-gradient(135deg,#fff3e0,#ffe8d0);border:2px solid #f26a1b;border-radius:14px;padding:13px}
.ao-badge{display:inline-block;font-size:.66rem;font-weight:800;color:#fff;background:#f26a1b;border-radius:999px;padding:3px 10px;letter-spacing:.4px;margin-bottom:6px}
.ad-offer b{font-size:.95rem}
.ad-offer b span{color:var(--maroon)}
.regional-popup{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:73;background:#fff;border:2px solid var(--gold);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.25);padding:16px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:420px;margin:0 auto}
.regional-popup.show{opacity:1;transform:none;pointer-events:auto}
.regional-popup .rp-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:1.05rem;color:var(--muted);cursor:pointer}
/* abandoned-cart recovery banner */
.cart-recovery{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:70;background:#fff;border:2px solid var(--gold);border-radius:16px;box-shadow:0 12px 40px rgba(90,30,20,.22);padding:14px;display:grid;gap:8px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.3s;max-width:520px;margin:0 auto}
.cart-recovery.show{opacity:1;transform:none;pointer-events:auto}
.cart-recovery b{font-size:.95rem;color:var(--maroon)}
.cart-recovery span{font-size:.8rem;color:var(--ink)}
.cart-recovery .cr-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:1rem;color:var(--muted);cursor:pointer}
.cart-recovery .cr-btns{display:grid;gap:8px;grid-template-columns:1fr 1fr}
.cart-recovery .cr-btns .btn{min-height:42px;font-size:.82rem;padding:9px 10px}
.cart-recovery .cr-btns .btn:last-child{grid-column:1/-1}
/* festival calendar tiles */
.fest-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.fest-grid{grid-template-columns:repeat(5,1fr)}}
.fest-tile{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px;text-decoration:none;color:var(--ink);transition:transform .15s;box-shadow:var(--sh-sm)}
.fest-tile:active{transform:scale(.97)}
.fest-emoji{font-size:1.6rem}
.fest-tile b{font-size:.9rem;font-weight:800}
.fest-tile small{font-size:.68rem;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}
.fest-tile.fest-live{border:2px solid var(--maroon);box-shadow:0 6px 18px rgba(143,29,58,.18)}
.fest-tile.fest-live small{color:var(--green)}
.fest-blurb{font-size:.72rem;color:var(--muted)}
.fest-early{border:1.5px dashed var(--gold);background:var(--gold-soft)}
/* google reviews box */
.google-rev-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:var(--sh-sm)}
/* blog cards */
.blog-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.blog-grid{grid-template-columns:1fr 1fr}}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .15s,box-shadow .15s}
.blog-card:active{transform:scale(.98)}
.blog-body{padding:14px}
.blog-tag{display:inline-block;font-size:.66rem;font-weight:800;color:var(--maroon);background:var(--maroon-soft);border-radius:999px;padding:3px 10px;margin-bottom:7px;letter-spacing:.4px;text-transform:uppercase}
.blog-card h3{font-size:.95rem;font-weight:800;line-height:1.35}
.blog-card h3 a{color:var(--ink)}
.blog-card p{font-size:.8rem;margin-top:5px}
/* admin product select checkboxes */
.prod-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--maroon);cursor:pointer}
/* full-screen photo zoom */
.img-zoom{position:fixed;inset:0;z-index:90;background:rgba(20,8,8,.93);display:flex;align-items:center;justify-content:center;padding:18px}
.img-zoom img{max-width:100%;max-height:92vh;border-radius:12px;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.img-zoom-back{position:absolute;inset:0;cursor:zoom-out}
.img-zoom-x{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:1.2rem;cursor:pointer}
.pd-info{padding:16px 2px 90px}
.pd-cat{font-size:.74rem;color:var(--maroon);font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.pd-info h1{font-size:1.35rem;font-weight:800;margin:6px 0 8px;font-family:var(--font-display)}
.pd-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.pd-price b{font-size:1.7rem;color:var(--maroon)}
.pd-price s{color:var(--muted)}
.pd-price .off{color:var(--green);font-weight:800;background:#e9f7ef;padding:3px 9px;border-radius:8px;font-size:.8rem}
.pd-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.pd-chip{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;background:var(--gold-soft);color:#6b4c05;padding:6px 11px;border-radius:999px}
.pd-block{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;margin-top:12px}
.pd-block h3{font-size:1rem;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:7px;font-family:var(--font-body)}
.pd-block table{width:100%;font-size:.84rem;border-collapse:collapse}
.pd-block td{padding:6px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.pd-block td:last-child{text-align:right;font-weight:700}
.pd-block tr:last-child td{border-bottom:none}
.pd-block p{font-size:.84rem;color:#4a3f38}
.delivery-card{border:1.5px dashed var(--gold);background:var(--gold-soft);border-radius:12px;padding:12px;font-size:.8rem;color:#6b4c05}
.delivery-card b{display:block;font-size:.9rem;margin-bottom:2px}
.qty-row{display:flex;align-items:center;gap:12px;margin:14px 0}
.pd-colour-row{margin:12px 0 2px}
.pd-colour-row>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
.pd-colour{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;font-size:.8rem;font-weight:800;color:#4a3f38;transition:all .15s}
.pd-colour small{font-weight:700;color:var(--green)}
.pd-colour.on{border-color:var(--maroon);background:var(--maroon);color:#fff;box-shadow:0 3px 10px rgba(143,29,58,.25)}
.pd-colour.on small{color:#ffe9a8}
.pd-colour:disabled{opacity:.45;text-decoration:line-through;cursor:not-allowed}
/* 🎨 real colour dot (AI-detected) inside the colour chips */
.sw-dot{display:inline-block;width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);flex:0 0 auto}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.qty button{width:42px;height:44px;font-size:1.25rem;font-weight:800;color:var(--maroon)}
.qty button:active{background:var(--maroon-soft)}
.qty span{min-width:46px;text-align:center;font-weight:800}
.pd-btns{display:grid;gap:10px}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;box-shadow:0 -6px 20px rgba(60,20,20,.08)}
.sb-price{line-height:1.15;white-space:nowrap}
.sb-price b{font-size:1.05rem;color:var(--maroon);display:block}
.sb-price small{color:var(--muted);font-size:.68rem;font-weight:700}
.sticky-bar .btn{flex:1;min-height:48px;padding:10px 8px}
.sticky-bar .btn-wa{flex:0 0 auto;width:48px;padding:0;min-height:48px;border-radius:12px;font-size:1.2rem}
@media(min-width:900px){.pd-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}.pd-info{padding:6px 0 40px}.sticky-bar{display:none}.pd-btns{grid-template-columns:1fr 1fr}}

/* ---------- Cart ---------- */
.cart-item{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:11px;margin-bottom:10px;position:relative}
.cart-item img{width:86px;height:65px;object-fit:cover;border-radius:9px;flex:0 0 auto}
.cart-item h4{font-size:.88rem;font-weight:800;line-height:1.3}
.cart-item .ci-col{font-size:.72rem;font-weight:800;color:var(--maroon);margin:2px 0}
.cart-item .ci-price{color:var(--maroon);font-weight:800;font-size:.92rem;margin:3px 0}
.cart-item .qty{height:36px}
.cart-item .qty button{width:32px;height:36px;font-size:1.05rem}
.cart-item .qty span{min-width:36px;font-size:.9rem}
.cart-item .rm{position:absolute;top:8px;right:8px;color:var(--muted);font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.summary{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px;margin-top:14px}
.summary .row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}
.summary .row.total{border-top:2px dashed var(--line);margin-top:6px;padding-top:12px;font-weight:800;font-size:1.05rem}
.summary .row.total b{color:var(--maroon)}
.ship-progress{background:var(--gold-soft);border:1px dashed #d8b24e;border-radius:10px;padding:10px 12px;font-size:.78rem;font-weight:700;color:#6b4c05;margin-top:10px}
.ship-bar{height:7px;border-radius:4px;background:#f0e0b8;margin-top:7px;overflow:hidden}
.ship-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-l));border-radius:4px;transition:width .3s}
.cod-note{display:flex;gap:8px;align-items:flex-start;background:var(--gold-soft);border:1px dashed #d8b24e;border-radius:10px;padding:9px 11px;font-size:.78rem;color:#6b4c05;font-weight:700;margin-top:10px}

/* ---------- Forms / checkout ---------- */
.page{padding:10px 0 60px}
.page h1{font-size:1.6rem;font-weight:800;margin:6px 0 16px;font-family:var(--font-display);color:var(--maroon);letter-spacing:.2px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.form-card h3{font-size:1rem;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-body)}
.field{margin-bottom:12px}
.field label{display:block;font-size:.8rem;font-weight:800;margin-bottom:5px}
.field .req{color:var(--red)}
.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;outline:none}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--maroon)}
.field input.err,.field textarea.err{border-color:var(--red);background:#fff6f5}
.field .hint{font-size:.72rem;color:var(--muted);margin-top:4px}
.pay-grid{display:grid;gap:10px}
.pay-opt{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:var(--r);padding:13px;background:#fff;cursor:pointer;transition:border .15s,background .15s}
.pay-opt.on{border-color:var(--maroon);background:var(--maroon-soft)}
.pay-opt .po-ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto}
.pay-opt b{font-size:.95rem;display:block}
.pay-opt small{font-size:.74rem;color:var(--muted);font-weight:600}
.pay-opt .radio{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid #d8c9bb;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.pay-opt.on .radio{border-color:var(--maroon)}
.pay-opt.on .radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--maroon)}
.qr-box{display:flex;flex-direction:column;align-items:center;background:#fff;border:1.5px dashed var(--line);border-radius:var(--r);padding:16px;margin:12px 0}
.qr-box svg{width:min(220px,62vw);height:auto}
.qr-box .upi-id{display:flex;align-items:center;gap:8px;background:var(--maroon-soft);border-radius:10px;padding:9px 12px;margin-top:10px;font-weight:800;font-size:.86rem;color:var(--maroon)}
.upi-note{font-size:.76rem;color:var(--muted);text-align:center;line-height:1.5}
.verify-note{display:flex;gap:8px;background:#e9f7ef;border:1px solid #bfe6cf;color:var(--green);font-size:.78rem;font-weight:700;border-radius:10px;padding:10px 12px;margin:10px 0}
.steps-ui{display:flex;align-items:center;gap:6px;margin:6px 0 16px}
.step-dot{flex:1;display:flex;align-items:center;gap:6px}
.step-dot .dot{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--muted);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.step-dot .lbl{font-size:.72rem;font-weight:800;color:var(--muted);white-space:nowrap}
.step-dot.on .dot{background:var(--maroon);border-color:var(--maroon);color:#fff}
.step-dot.on .lbl{color:var(--maroon)}
.step-line{flex:1;height:2px;background:var(--line);border-radius:2px}
.step-line.on{background:var(--green)}
.success{text-align:center;padding:26px 0 10px}
.success .tick-big{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#2ee06f,var(--wa-d));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 12px 30px rgba(37,211,102,.4);animation:pop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.success h1{font-size:1.5rem;font-weight:800}
.success .oid{display:inline-block;background:var(--gold-soft);color:#6b4c05;font-weight:800;padding:7px 16px;border-radius:999px;margin:10px 0 4px;font-size:.9rem;letter-spacing:1px}

/* ---------- Orders ---------- */
.order-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:14px;margin-bottom:12px}
.order-card .oc-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
.order-card .oc-top b{font-size:.92rem}
.status-pill{font-size:.68rem;font-weight:800;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}
.status-placed{background:var(--gold-soft);color:#6b4c05}
.status-pending{background:#fff3e0;color:#b26a00}
.status-confirmed{background:#e3f2fd;color:#0b5e94}
.status-shipped{background:#ede7f6;color:#5a3d8f}
.status-delivered{background:#e9f7ef;color:var(--green)}
.order-card .oc-items{font-size:.8rem;color:var(--muted);margin:4px 0}
.status-track{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}
.status-track span{flex:1;min-width:70px;text-align:center;font-size:.68rem;font-weight:800;color:var(--muted);padding:9px 4px;border-radius:9px;background:#f4ede4}
.status-track span.done{background:var(--maroon-soft);color:var(--maroon)}
.status-track span.now{background:var(--maroon);color:#fff;box-shadow:0 4px 12px rgba(143,29,58,.3)}

/* ---------- Profile ---------- */
.prof-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.prof-card h3{font-size:1rem;font-weight:800;margin-bottom:10px;font-family:var(--font-body)}
.wish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
@media(min-width:640px){.wish-grid{grid-template-columns:repeat(4,1fr)}}

/* ---------- Sync pill ---------- */
.sync-pill{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;padding:5px 11px;border-radius:999px;background:var(--gold-soft);color:#6b4c05;border:1px dashed #d8b24e}
.sync-pill.online{background:#e9f7ef;color:var(--green);border:1px solid #bfe6cf}

/* ---------- Footer ---------- */
footer{background:linear-gradient(180deg,#2b0a14,#1c060d);color:#e8cdd3;margin-top:34px;font-size:.86rem;border-top:3px solid var(--gold)}
.footer-top{background:linear-gradient(135deg,#3d0f1e,#220810);border-bottom:1px solid rgba(255,255,255,.08)}
.foot-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:26px;padding:28px 10px;align-items:start}
@media(max-width:640px){.foot-grid{grid-auto-flow:row;grid-auto-columns:auto}}
.foot h4{color:var(--gold-l);font-size:.92rem;margin-bottom:10px;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.foot p,.foot a{color:#d9b8c0;line-height:1.8;font-size:.84rem;display:inline-block}
.foot a:hover{color:var(--gold-l);text-decoration:underline}
.foot ul{padding:0;margin:0;list-style:none}
.foot-contact li{display:flex;gap:10px;margin-bottom:11px;align-items:flex-start;text-align:left;color:#d9b8c0;font-size:.84rem}
.foot-contact span{line-height:1.6}
.social-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.social-row a{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;flex:0 0 auto;transition:.15s}
.social-row a:active{transform:scale(.92);background:rgba(255,255,255,.2)}
.foot-pay{display:flex;gap:8px;flex-wrap:wrap}
.foot-pay span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:5px 11px;border-radius:8px;font-size:.7rem;font-weight:800;color:#ffe9b0}
.foot-bottom{padding:16px 0;font-size:.75rem;color:#b98b97;text-align:center;border-top:1px solid rgba(255,255,255,.07)}

/* ---------- Floating WhatsApp ---------- */
.wa-float{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2ee06f,var(--wa-d));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(29,168,81,.5);animation:pulse 2.4s infinite}
.wa-float svg{display:block;width:32px;height:32px;position:relative;z-index:2}
/* 🤖 SK AI Assistant floating button — sits just above the WhatsApp button */
.ai-float{position:fixed;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:71;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;font-size:1.55rem;background:linear-gradient(135deg,#8f1d3a,#5c0f26);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(143,29,58,.45);animation:aiPulse 3s infinite}
@keyframes aiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
body.cartbar-on .ai-float{bottom:calc(146px + env(safe-area-inset-bottom))}
@media(min-width:900px){.ai-float{width:58px;height:58px;font-size:1.7rem}}
/* 🤖 AI assistant chat modal */
.ai-chat{min-width:0;display:flex;flex-direction:column;height:min(70vh,520px)}
.ai-head{display:flex;flex-direction:column;gap:2px;font-weight:800;color:var(--maroon);margin-bottom:8px}
.ai-head small{font-weight:600;color:var(--muted);font-size:.72rem}
.ai-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px;background:var(--bg);border-radius:12px;border:1px solid var(--line);min-height:180px;max-height:360px}
.ai-msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:.84rem;line-height:1.55;white-space:normal;word-wrap:break-word}
.ai-msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.ai-msg.user{background:var(--maroon);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.ai-msg .btn{margin-top:4px}
.ai-cards{display:grid;gap:8px;grid-template-columns:1fr;margin-top:6px}
.ai-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:8px}
.ai-card img{width:62px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.ai-card-b{flex:1;min-width:0;font-size:.78rem}
.ai-card-b b a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-card .price-row{font-size:.75rem}
.ai-quick{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.ai-input{display:flex;gap:8px;margin-top:6px}
.ai-input input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;font-size:15px;background:#fff;outline:none}
/* 🛒 smart upsell modal */
.upsell .prow{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:640px){.upsell .prow{grid-template-columns:1fr 1fr 1fr}}
.upsell-ok{color:var(--green);font-size:.95rem}
.upsell .pcard{margin:0}
/* checkout "complete your look" strip */
.co-upsell{border:1.5px dashed var(--gold);background:var(--gold-soft);border-radius:12px;padding:12px;margin-bottom:14px}
.co-upsell h3{font-size:.85rem;font-weight:800;color:#6b4c05;margin-bottom:8px}
.co-up-card{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px}
.co-up-card img{width:52px;height:40px;object-fit:cover;border-radius:7px;flex:0 0 auto}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.wa-bubble{position:fixed;right:16px;bottom:82px;z-index:69;background:#fff;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.18);padding:12px 14px;font-size:.8rem;font-weight:700;max-width:210px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}
.wa-bubble.show{opacity:1;transform:none}
.wa-bubble .caret{position:absolute;bottom:-7px;right:22px;width:14px;height:14px;background:#fff;transform:rotate(45deg)}

/* ---------- Site cart bar ---------- */
.site-cartbar{position:fixed;left:0;right:0;bottom:0;z-index:56;background:rgba(255,255,255,.98);backdrop-filter:blur(8px);border-top:2px solid var(--maroon);display:flex;align-items:center;gap:10px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(60,20,20,.12)}
.site-cartbar .scb-info{flex:1;min-width:0;line-height:1.2}
.site-cartbar .scb-info b{color:var(--maroon);font-size:1.05rem}
.site-cartbar .scb-info small{color:var(--muted);font-size:.7rem;font-weight:700}
.site-cartbar .btn{min-height:44px;padding:10px 16px;flex:0 0 auto}
body.cartbar-on .wa-float{bottom:calc(78px + env(safe-area-inset-bottom))}
@media(min-width:900px){.site-cartbar{display:none}}

/* ---------- Modal / toast ---------- */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.modal .m-back{position:absolute;inset:0;background:rgba(40,15,20,.55);opacity:0;transition:opacity .25s}
.modal .m-card{position:relative;width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(40px);opacity:0;transition:.28s cubic-bezier(.2,.8,.2,1);max-height:88vh;overflow-y:auto}
.modal.show .m-back{opacity:1}
.modal.show .m-card{transform:none;opacity:1}
.m-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:#33261f;color:#fff;font-size:.83rem;font-weight:700;padding:11px 18px;border-radius:12px;z-index:120;opacity:0;pointer-events:none;transition:.25s;max-width:88vw;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.empty{text-align:center;padding:44px 16px;color:var(--muted)}
.empty .e-ic{font-size:3rem;margin-bottom:10px}
.empty b{color:var(--ink);font-size:1.05rem;display:block;margin-bottom:4px}
.reveal{opacity:0;transform:translateY(14px);transition:.4s ease}
.reveal.in{opacity:1;transform:none}

/* compact review delete button */
/* compact review delete button — small circular ✕ */
[data-delreview]{min-height:28px!important;height:28px!important;width:28px!important;min-width:28px!important;padding:0!important;font-size:.85rem!important;line-height:1!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid var(--line)!important;color:var(--muted)!important}
[data-delreview]:active{background:var(--maroon-soft)!important;color:var(--red)!important;transform:scale(.92)}

/* ============================================================================
   ✨ PHOTO LOADING — shimmer + smooth fade-in
   (no progress counter — clean shimmer + fade-in)
   ========================================================================== */
@keyframes imgShimmer{to{background-position-x:-200%}}
@keyframes imgIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.pd-gal .main{position:relative;background:linear-gradient(110deg,#f3eadf 8%,#faf3e9 18%,#f3eadf 33%);background-size:200% 100%;animation:imgShimmer 1.4s linear infinite}
.pd-gal .main img{position:relative;z-index:2;opacity:0}
.pd-gal .main img.img-ok{opacity:1;animation:imgIn .5s ease}




.pcard-img{position:relative;background:linear-gradient(110deg,#f3eadf 8%,#faf3e9 18%,#f3eadf 33%);background-size:200% 100%;animation:imgShimmer 1.4s linear infinite}
.pd-thumbs button{background:linear-gradient(110deg,#f3eadf 8%,#faf3e9 18%,#f3eadf 33%);background-size:200% 100%;animation:imgShimmer 1.4s linear infinite}
.pd-thumbs img{opacity:0}
.pd-thumbs img.img-ok{opacity:1}
.pcard-img img{opacity:0}
.pcard-img img.img-ok{opacity:1}
.ai-card img,.co-up-card img,.cart-item img,.rev img{opacity:0}
.ai-card img.img-ok,.co-up-card img.img-ok,.cart-item img.img-ok,.rev img.img-ok{opacity:1}

/* ============================================================================
   📱 MOBILE-FRIENDLY AI + SHARE BUTTONS
   ========================================================================== */
.ai-quick .btn{padding:5px 9px;font-size:.68rem;min-height:0;line-height:1.3}
.ai-quick{gap:5px;margin:6px 0}
.ai-input input{font-size:14px;padding:9px 11px}
.ai-input .btn{min-height:38px;padding:0 12px;font-size:.78rem}
.ai-msg{font-size:.8rem;padding:8px 10px}
.ai-cards{grid-template-columns:1fr}
.ai-card img{width:52px;height:40px}
.ai-float{width:46px;height:46px;font-size:1.35rem;right:12px;bottom:calc(74px + env(safe-area-inset-bottom))}
body.cartbar-on .ai-float{bottom:calc(138px + env(safe-area-inset-bottom))}
@media(min-width:640px){
  .ai-cards{grid-template-columns:1fr 1fr}
  .ai-float{width:56px;height:56px;font-size:1.6rem}
}
.pd-share{display:flex;gap:6px;flex-wrap:wrap}
.pd-share .btn{flex:1 1 auto;min-width:0;padding:8px 10px;font-size:.72rem;white-space:nowrap}

/* ============================================================================
   📤 SOCIAL SHARE CHIPS (product page)
   ========================================================================== */
.pd-social{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.pd-social .soc{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 9px;border-radius:9px;font-size:.72rem;font-weight:800;color:#fff;text-decoration:none;border:none}
.soc-fb{background:#1877f2}.soc-x{background:#111}.soc-tg{background:#229ed9;font-size:.85rem}
.soc-wa{background:#25d366}.soc-pin{background:#e60023}.soc-in{background:#0a66c2}
.pd-social .soc:active{transform:scale(.92)}

/* ============================================================================
   📱 DEAL OF THE DAY — mobile alignment fix (contained image, tidy stack)
   ========================================================================== */
@media(max-width:520px){
  .deal-day{flex-direction:column;text-align:center;align-items:center;padding:14px}
  .deal-day .dd-img{order:1;flex:0 0 auto;width:100%;max-width:280px}
  .deal-day .dd-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
  .deal-day .dd-left{order:2;display:flex;flex-direction:column;align-items:center;width:100%}
  .deal-day .dd-left h3{width:100%}
  .deal-day .dd-left .price-row{justify-content:center}
  .deal-day .dd-left .btn{margin:10px auto 0;width:100%;max-width:260px}
}

/* ============================================================================
   🎉 ENGAGEMENT — Lucky Spin · Style Quiz · Live Buying Ticker
   ========================================================================== */
.fun-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.buy-ticker{margin:10px auto 0;max-width:560px;background:rgba(255,255,255,.9);border:1px dashed var(--gold);border-radius:999px;padding:7px 14px;font-size:.72rem;color:#6b4c05;font-weight:700;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.spin-wrap{display:flex;flex-direction:column;align-items:center}
.spin-wheel{position:relative;width:240px;height:240px;border-radius:50%;border:6px solid var(--maroon);overflow:hidden;transition:transform 4s cubic-bezier(.2,.8,.2,1);background:conic-gradient(#ffe9a8 0 45deg,#f5f0e6 45deg 90deg,#ffe9a8 90deg 135deg,#f5f0e6 135deg 180deg,#ffe9a8 180deg 225deg,#f5f0e6 225deg 270deg,#ffe9a8 270deg 315deg,#f5f0e6 315deg 360deg)}
.spin-seg{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0}
.spin-seg span{position:absolute;left:-44px;top:-108px;width:88px;text-align:center;font-size:.72rem;font-weight:800;color:var(--maroon);display:block}
.spin-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--maroon);color:#ffe9a8;display:flex;align-items:center;justify-content:center;font-weight:900;z-index:3}
.quiz-q{font-size:.95rem;margin-bottom:10px;color:#4a3f38}
.quiz-opts{display:grid;gap:8px}
@media(max-width:480px){.spin-wheel{width:210px;height:210px}.spin-seg span{top:-96px}}

/* ============================================================================
   🎉 ENGAGEMENT 2 — Match Game · Gallery · Leaderboard · Trust · Countdowns
   ========================================================================== */
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:300px;margin:0 auto}
.game-tile{height:64px;border-radius:12px;border:2px solid var(--line);background:linear-gradient(135deg,#f7f0e4,#fdf8ee);font-size:1.6rem;font-weight:800;color:var(--maroon);cursor:pointer;transition:.15s}
.game-tile.on{background:#fff;border-color:var(--maroon)}
.game-tile.done{background:var(--gold-soft);border-color:var(--gold);cursor:default}
.gal-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.gal-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}
.gal-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.gal-card small{display:block;padding:6px 8px;font-size:.68rem;font-weight:700;color:var(--maroon)}
.lb-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.lb-card{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.lb-rank{font-size:1.4rem}
.lb-card b{font-size:.8rem}
.lb-card small{color:var(--muted);font-size:.66rem;font-weight:700}
.trust-strip{display:flex;gap:6px 10px;flex-wrap:wrap;justify-content:center;margin-top:8px;font-size:.68rem;font-weight:700;color:#6b4c05}
.trust-strip span{background:rgba(255,255,255,.85);border:1px solid var(--gold);border-radius:999px;padding:4px 10px}
.style-tip{margin:10px auto 0;max-width:600px;background:#e9f7ef;border:1px dashed #7cc79a;border-radius:12px;padding:9px 14px;font-size:.78rem;color:#1f5e3a;text-align:center;font-weight:600}
.fest-count{margin-top:10px;background:linear-gradient(135deg,#8f1d3a,#5c0f26);color:#fff;border-radius:12px;padding:10px 14px;text-align:center;font-size:.85rem}
.fest-count b{color:#ffe9a8}
.fest-count .fc-time{font-weight:900;font-size:1rem;letter-spacing:1px;margin-left:8px}
.flash-prod{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff3e0,#ffe9c9);border:1.5px dashed #f26a1b;border-radius:10px;padding:8px 12px;margin:8px 0;font-size:.78rem;font-weight:800;color:#a33d00}
.flash-prod .fp-time{background:var(--maroon);color:#fff;border-radius:999px;padding:3px 10px;font-weight:900;letter-spacing:.5px;font-variant-numeric:tabular-nums}

/* Elegant, readable product titles */
.pcard-body h3{font-family:Georgia,"Times New Roman",serif!important;font-size:.98rem!important;font-weight:700!important;letter-spacing:.08px;line-height:1.32!important;color:#3a1722}
.pd-info h1{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.1px;color:#3a1722}

/* ============================ 👤 NAME POPUP + PERSONAL SECTIONS ============================ */
/* 🙏 1st-visit "What is your name?" popup (bottom-sheet modal content) */
.np-card{ text-align:center; padding:4px 4px 0 }
.np-emoji{ font-size:2.7rem; line-height:1; margin:2px auto 10px }
.np-title{ font-size:1.55rem; margin:0 0 6px; color:var(--maroon); font-family:Georgia,"Times New Roman",serif; letter-spacing:.3px }
.np-sub{ color:var(--ink); font-size:.95rem; margin:0 0 14px; line-height:1.65 }
.np-sub .muted{ font-size:.82rem }
.np-input{ width:100%; box-sizing:border-box; border:1.5px solid var(--gold-l); border-radius:12px; padding:13px 14px; font-size:17px; text-align:center; background:#fff; outline:none; margin-bottom:12px }
.np-input:focus{ border-color:var(--maroon); box-shadow:0 0 0 3px rgba(143,29,58,.09) }
.np-save{ width:100% }
.np-skip{ display:block; width:100%; background:none; border:none; color:var(--muted); font-size:.84rem; font-weight:700; padding:11px 4px 2px; cursor:pointer; text-decoration:underline }
.np-note{ font-size:.72rem; color:var(--muted); margin:10px 0 0; line-height:1.55 }
/* 🤝 home greeting strip — "Vanakkam, {Name}!" (maroon band under the promo strip) */
.greet-strip{ background:linear-gradient(92deg,#70142c 0%,#8f1d3a 45%,#a03a52 100%); color:#fff; padding:11px 0; box-shadow:0 2px 10px rgba(74,15,30,.18) }
.gs-in{ display:flex; align-items:center; gap:12px; flex-wrap:wrap }
.gs-emoji{ font-size:1.55rem; display:inline-block; animation:gsWave 2.4s ease-in-out infinite; transform-origin:70% 70% }
@keyframes gsWave{ 0%,55%,100%{ transform:rotate(0deg) } 12%,32%{ transform:rotate(18deg) } 22%{ transform:rotate(-9deg) } 42%{ transform:rotate(15deg) } 50%{ transform:rotate(-4deg) } }
.gs-txt{ flex:1; min-width:210px }
.gs-txt b{ display:block; font-size:1.04rem; letter-spacing:.2px }
.gs-txt small{ color:#f0d9a4; font-size:.75rem; font-weight:600; display:block; margin-top:1px }
.gs-btn{ background:var(--gold-l); color:#4a0f1e; font-weight:800; font-size:.78rem; padding:9px 14px; border-radius:999px; text-decoration:none; white-space:nowrap }
/* 🤝 profile relationship card */
.greet-card{ background:linear-gradient(135deg,var(--gold-soft),#faeed2); border:1.5px solid var(--gold-l) }
.greet-stats{ display:flex; flex-wrap:wrap; gap:8px }
.greet-stats span{ background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 12px; font-size:.8rem; font-weight:700; color:#4a3f38 }
.greet-stats b{ color:var(--maroon) }
/* ❤️ count pill next to "{Name}'s Liked Sarees" */
.like-count{ background:var(--gold-soft); color:var(--maroon); border:1px solid var(--gold-l); border-radius:999px; font-size:.66rem; font-weight:800; padding:2px 8px; vertical-align:2px; margin-left:5px }

/* ============================================================================
   ✨✨✨ SUPER PREMIUM POLISH — richer colors, stunning Buy Now, luxe feel ✨✨✨
   Appended last → wins the cascade. Deep royal maroon + richer gold + warm
   cream background = premium boutique look that converts.
   ========================================================================== */
:root{
  --maroon:#7c1631; --maroon-d:#63112a; --maroon-deep:#3d0a1b; --maroon-soft:#fdf1f4;
  --gold:#c6922a; --gold-l:#e9cb74; --gold-soft:#fdf6e3;
  --bg:#fdfaf5; --card:#ffffff; --ink:#2b2018; --muted:#8a7a72;
  --line:#efe3d0; --green:#1d8a4e; --red:#d0342c;
}

/* 🛒 SUPER BUY NOW — animated gold-orange gradient + glow pulse + shine sweep.
   Impossible to miss on the product page sticky bar → more instant orders. */
.btn-buy{
  background:linear-gradient(135deg,#ffce4f 0%,#ffb52e 30%,#ff8a1f 62%,#f2621b 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.4px;
  text-shadow:0 1px 3px rgba(120,50,0,.35);
  border:0;
  position:relative;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(242,98,27,.5), 0 2px 6px rgba(0,0,0,.18);
  animation:buyPulse 1.9s ease-in-out infinite;
}
.btn-buy::before{
  content:'';
  position:absolute; top:0; left:-80%;
  width:55%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);
  transform:skewX(-22deg);
  animation:buyShine 2.7s ease-in-out infinite;
  pointer-events:none;
}
.btn-buy:active{ transform:scale(.96); }
@keyframes buyPulse{
  0%,100%{ box-shadow:0 8px 24px rgba(242,98,27,.5), 0 2px 6px rgba(0,0,0,.18); }
  50%{ box-shadow:0 11px 36px rgba(242,98,27,.8), 0 3px 8px rgba(0,0,0,.22); }
}
@keyframes buyShine{
  0%{ left:-80%; }
  55%,100%{ left:135%; }
}
/* price block beside Buy Now gets a matching gold badge */
.sticky-bar .sb-price b{ font-size:1.15rem; color:var(--maroon); }

/* 👑 GOLD buttons — richer gradient + hover lift */
.btn-gold{
  background:linear-gradient(135deg,#f5dc8a 0%,#e9c968 38%,#d4a52a 100%);
  color:#4a2c05;
  font-weight:800;
  box-shadow:0 6px 18px rgba(198,146,42,.38), inset 0 1px 0 rgba(255,255,255,.5);
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(198,146,42,.55), inset 0 1px 0 rgba(255,255,255,.5); }
.btn-gold:active{ transform:scale(.97); }

/* 🃏 product cards — hover lift + photo zoom (boutique feel, invites browsing) */
.pcard{ transition:transform .22s ease, box-shadow .22s ease; }
.pcard:hover{ transform:translateY(-5px); box-shadow:0 14px 34px rgba(61,10,27,.16); }
.pcard-img{ overflow:hidden; }
.pcard-img img{ transition:transform .5s ease; }
.pcard:hover .pcard-img img{ transform:scale(1.06); }

/* 🎀 section headings — gold underline accent */
.sec-head h2{ position:relative; }
.sec-head h2::after{
  content:'';
  display:block;
  width:46px; height:3px; margin-top:5px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--gold-l),var(--gold));
}
/* ✨ taste engine section — soft gold glow card feel */
.taste-sec .sec-head h2{ color:var(--maroon); }
.taste-sec .prow{ padding:4px 2px 2px; border-top:2px dashed rgba(198,146,42,.25); margin-top:2px; }

/* 📢 share button in the greeting strip */
.gs-share{
  background:rgba(255,255,255,.14);
  border:1.5px solid rgba(233,203,116,.65);
  color:#ffe9b0;
  font-size:1rem;
  width:40px; height:40px;
  border-radius:999px;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
  display:inline-flex; align-items:center; justify-content:center;
}
.gs-share:hover{ transform:scale(1.1); background:rgba(255,255,255,.25); }
.gs-share:active{ transform:scale(.94); }

/* 💎 hero chip + flash sale — premium gold ring */
.hero-chip{ box-shadow:0 0 0 1.5px rgba(233,203,116,.5), 0 6px 16px rgba(0,0,0,.22); }
.flash{ border:1.5px solid rgba(198,146,42,.4); }

/* 🖼️ product page main photo — soft luxe shadow + rounded */
.pd-gallery, .pd-img, .pd-main-img{ border-radius:14px; }
.pd-img img, .pd-main-img img{ box-shadow:0 10px 30px rgba(61,10,27,.14); }

/* ============================================================================
   🎁 SCRATCH & WIN (daily viral coupon) + ⚡ Quick Buy + 🔥 Deal urgency
   ========================================================================== */
.sc-card{ text-align:center; padding:4px 4px 0 }
.sc-emoji{ font-size:2.7rem; line-height:1; margin:2px auto 8px; animation:scBounce 1.6s ease-in-out infinite }
@keyframes scBounce{ 0%,100%{ transform:translateY(0) rotate(-4deg) } 50%{ transform:translateY(-7px) rotate(4deg) } }
.sc-title{ font-size:1.5rem; margin:0 0 4px; color:var(--maroon); font-family:Georgia,"Times New Roman",serif; letter-spacing:.3px }
.sc-sub{ color:var(--ink); font-size:.88rem; margin:0 0 12px; line-height:1.55 }
.sc-wrap{ position:relative; width:100%; max-width:420px; margin:0 auto 14px; border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(61,10,27,.18); }
.sc-prize{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  background:linear-gradient(140deg,#fdf3d0 0%,#f7e2a0 45%,#eec95f 100%);
  border:2px solid var(--gold); border-radius:16px;
  padding:26px 14px; min-height:150px; box-sizing:border-box;
}
.sc-pct{ font-size:2.15rem; font-weight:900; color:var(--maroon); letter-spacing:.5px; font-family:Georgia,serif; text-shadow:0 1px 0 #fff8 }
.sc-code{ font-size:1.06rem; font-weight:900; letter-spacing:2.5px; color:#4a2c05; background:#fffdf4; border:1.5px dashed var(--gold); border-radius:999px; padding:4px 16px; margin-top:3px }
.sc-prize small{ font-size:.72rem; font-weight:700; color:#7c5a10; margin-top:4px }
.sc-canvas{ position:absolute; inset:0; width:100%; height:100%; cursor:grab; touch-action:none; border-radius:16px }
.sc-canvas:active{ cursor:grabbing }
.sc-btns{ display:flex; gap:8px; align-items:center; margin-top:10px }
.sc-btns .np-skip{ width:auto; padding:10px 14px }
/* ⚡ Quick Buy — compact gold button on every product card (1 tap → checkout) */
.ca-quick{
  flex:0 0 auto; min-width:46px; max-width:52px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.05rem; line-height:1; padding:10px 6px;
  border-radius:11px;
}
/* ⏳ Deal of the Day urgency chip */
.dd-ends{
  display:inline-block; margin-left:8px; vertical-align:2px;
  background:#3d0a1b; color:#ffd98a;
  font-size:.64rem; font-weight:800; letter-spacing:.4px;
  padding:4px 10px; border-radius:999px;
  animation:ddBlink 1.6s ease-in-out infinite;
}
@keyframes ddBlink{ 0%,100%{ opacity:1 } 50%{ opacity:.55 } }

/* ============================================================================
   📱 MOBILE FIX: greeting strip (.gs-in) — clean two-row stack on phones
   Row 1: 👋 + text (full width) · Row 2: [name's page →] [📢] aligned
   ========================================================================== */
@media(max-width:640px){
  .greet-strip{ padding:10px 0 }
  .gs-in{ gap:8px; align-items:center; flex-wrap:wrap }
  .gs-emoji{ font-size:1.28rem; flex:0 0 auto }
  .gs-txt{ flex:1 1 calc(100% - 54px); min-width:0; text-align:left }
  .gs-txt b{ font-size:.95rem; line-height:1.3 }
  .gs-txt small{ font-size:.68rem; line-height:1.5 }
  .gs-btn{ order:3; flex:1 1 auto; text-align:center; margin-top:3px; padding:10px 12px; font-size:.74rem }
  .gs-share{ order:4; flex:0 0 auto; margin-top:3px; width:38px; height:38px }
}

/* ============================================================================
   ✨ AI STYLE QUIZ (3 taps → AI-curated sarees) + AI taste chips
   ========================================================================== */
.quiz-banner{
  display:flex; align-items:center; gap:12px; width:100%; text-align:left;
  background:linear-gradient(120deg,#3d0a1b 0%,#63112a 55%,#7c1631 100%);
  color:#fff; border:1.5px solid rgba(233,203,116,.55); border-radius:16px;
  padding:13px 15px; cursor:pointer; box-shadow:0 8px 22px rgba(61,10,27,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}
.quiz-banner:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(61,10,27,.32) }
.quiz-banner:active{ transform:scale(.985) }
.qb-ico{ font-size:1.6rem; animation:scBounce 1.7s ease-in-out infinite }
.qb-txt{ flex:1; min-width:0 }
.qb-txt b{ display:block; font-size:.98rem; letter-spacing:.2px }
.qb-txt small{ display:block; color:#f0d9a4; font-size:.72rem; margin-top:2px; line-height:1.45 }
.qb-go{ font-size:1.25rem; color:var(--gold-l) }
/* quiz modal */
.sq-card{ text-align:center }
.sq-prog{ display:flex; gap:6px; justify-content:center; margin:4px 0 10px }
.sq-prog i{ width:26px; height:5px; border-radius:3px; background:var(--line); transition:.25s }
.sq-prog i.on{ background:linear-gradient(90deg,var(--gold-l),var(--gold)) }
.sq-q{ font-size:1.22rem; font-weight:900; color:var(--maroon); margin:2px 0 4px; font-family:Georgia,serif }
.sq-hint{ font-size:.8rem; color:var(--muted); margin-bottom:12px }
.sq-opts{ display:grid; grid-template-columns:1fr 1fr; gap:9px; text-align:left }
.sq-opt{
  display:flex; align-items:center; gap:10px; padding:13px 12px;
  background:#fff; border:1.5px solid var(--line); border-radius:13px;
  cursor:pointer; font-weight:800; font-size:.88rem; color:var(--ink);
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.sq-opt:hover{ transform:translateY(-2px); border-color:var(--gold); box-shadow:0 8px 18px rgba(61,10,27,.12) }
.sq-opt:active{ transform:scale(.97) }
.sq-opt .sq-e{ font-size:1.45rem; flex:0 0 auto }
.sq-opts.sq-cols{ grid-template-columns:1fr }
.sq-thinking{ padding:26px 10px; font-size:1rem; font-weight:700; color:var(--maroon) }
.sq-thinking .dots i{ animation:sqDot 1.2s infinite; font-style:normal }
.sq-thinking .dots i:nth-child(2){ animation-delay:.2s }
.sq-thinking .dots i:nth-child(3){ animation-delay:.4s }
@keyframes sqDot{ 0%,60%,100%{ opacity:.25 } 30%{ opacity:1 } }
.sq-reason{
  background:var(--gold-soft); border:1.5px dashed var(--gold);
  border-radius:12px; padding:9px 12px; font-size:.8rem; font-weight:700; color:#6b4c05;
  margin:0 0 12px; line-height:1.55; text-align:center;
}
.sq-cards{ text-align:left }
.sq-btns{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap }
.sq-btns .btn{ flex:1 1 140px }
/* AI taste chips (explainable AI — "why these picks") */
.ai-taste{
  margin-top:8px; padding:8px 11px; border-radius:11px;
  background:var(--maroon-soft); border:1px solid rgba(143,29,58,.18);
  font-size:.76rem; font-weight:700; color:var(--maroon); line-height:1.6;
}
.taste-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 2px }
.taste-chips span{
  background:var(--gold-soft); border:1px solid var(--gold-l); color:#6b4c05;
  font-size:.7rem; font-weight:800; border-radius:999px; padding:4px 10px;
}

/* ============================================================================
   📱 CARD BUTTONS — mobile: "Add to Cart" → compact 🛒 symbol
   ⚡ QUICK BUY — stacked bolt + very tiny 1%-off online price
   ========================================================================== */
/* ⚡ Quick Buy: ⚡ on top + online price (1% off) in very very small letters */
.ca-quick{
  flex-direction:column;
  gap:1px;
  min-width:58px;
  max-width:66px;
  padding:5px 4px;
  line-height:1.08;
  justify-content:center;
}
.ca-quick .ca-qp{
  display:block;
  font-size:.5rem;          /* very very small price */
  font-weight:900;
  letter-spacing:-.25px;
  color:#5c3a06;
  white-space:nowrap;
}
/* 📱 mobile only: Add to Cart becomes a clean 🛒 symbol (saves card space) */
@media(max-width:640px){
  .p-actions .btn.btn-outline[data-add]{
    font-size:0;
    min-width:48px;
    padding:10px 5px;
  }
  .p-actions .btn.btn-outline[data-add]::before{
    content:'🛒';
    font-size:1.05rem;
    line-height:1;
  }
}
@media(max-width:380px){
  .p-actions .btn.btn-outline[data-add]::before{ font-size:.95rem }
  .ca-quick{ min-width:52px }
  .ca-quick .ca-qp{ font-size:.46rem }
}

/* ============================================================================
   ⏰ OFFER TIMER (Meesho-style) — red urgency countdown on discounted sarees
   ========================================================================== */
.offer-timer{
  color:#d0342c;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.2px;
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:3px;
  animation:otBlink 1.5s ease-in-out infinite;
}
.offer-timer .ot-t{
  font-variant-numeric:tabular-nums;
  background:#d0342c;
  color:#fff;
  border-radius:6px;
  padding:1px 7px;
  font-size:.74rem;
}
@keyframes otBlink{ 0%,100%{ opacity:1 } 50%{ opacity:.6 } }
/* product page — bigger version */
.offer-timer.ot-big{
  font-size:.9rem;
  background:linear-gradient(120deg,#fdeceb,#fff);
  border:1.5px solid #f3b7b3;
  border-radius:11px;
  padding:9px 12px;
  margin:8px 0 2px;
  justify-content:center;
}
.offer-timer.ot-big .ot-t{ font-size:1rem; padding:2px 10px }

/* ============================================================================
   🛒 CONVERSION BUTTONS — proven high-CTA colours (Meesho/Flipkart style)
   Orange-red = urgency + action. Friendly rounded = visitor-friendly.
   ========================================================================== */
.btn-buy{
  background:linear-gradient(135deg,#ffab40 0%,#fb641b 42%,#ef4e08 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.4px;
  text-shadow:0 1px 3px rgba(120,45,0,.4);
  border:0;
  position:relative;
  overflow:hidden;
  border-radius:13px;
  box-shadow:0 8px 22px rgba(239,78,8,.45), 0 2px 6px rgba(0,0,0,.16);
  animation:buyPulse 1.9s ease-in-out infinite;
}
/* card Add-to-Cart — warm friendly orange outline (safe choice) */
.p-actions .btn.btn-outline[data-add]{
  border:1.5px solid #fb641b;
  color:#e04e0b;
  background:#fff6ef;
  font-weight:800;
  border-radius:12px;
}
.p-actions .btn.btn-outline[data-add]:active{ background:#ffe8da }
/* visitor-friendly: softer radius everywhere on primary buttons */
.btn{ border-radius:12px }
.btn-maroon{ border-radius:12px }

/* ============================================================================
   🧾 ORDER SUMMARY — crystal clear: labelled rows, dashed dividers and a
   big maroon TOTAL band she cannot miss (cart + checkout + order complete)
   ========================================================================== */
.summary{
  background:#fff;
  border:1.5px solid var(--line);
  border-radius:16px;
  padding:16px;
  margin-top:14px;
  box-shadow:0 6px 18px rgba(61,10,27,.06);
}
.summary .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:9px 2px;
  font-size:.93rem;
  border-bottom:1px dashed #efe3d0;
  color:#4a3f38;
}
.summary .row:last-of-type{ border-bottom:0 }
.summary .row span{ font-weight:700 }
.summary .row b{ font-weight:900; color:#2b2320; font-variant-numeric:tabular-nums; text-align:right }
.summary .row.total{
  border:0;
  margin:10px -16px -16px;
  padding:14px 16px;
  border-radius:0 0 14px 14px;
  background:linear-gradient(120deg,#70142c,#8f1d3a);
  font-size:1.02rem;
  font-weight:900;
  color:#fff;
}
.summary .row.total span{ color:#f3ddad; font-size:.95rem }
.summary .row.total b{ color:#fff; font-size:1.3rem; letter-spacing:.3px }
/* green savings rows pop */
.summary .row b[style*="--green"]{ font-weight:900 }

/* ============================================================================
   🎬 INSTAGRAM REELS SHOWCASE — vertical 9:16 reel cards + follow button
   ========================================================================== */
.ig-wrap{ display:flex; gap:10px; overflow-x:auto; padding:4px 2px 10px; scroll-snap-type:x mandatory }
.ig-wrap::-webkit-scrollbar{ height:6px }
.ig-wrap::-webkit-scrollbar-thumb{ background:var(--gold-l); border-radius:3px }
.ig-card{
  flex:0 0 auto;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  scroll-snap-align:start;
  transition:transform .2s ease, box-shadow .2s ease;
}
.ig-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(61,10,27,.2) }
.ig-reel{ width:132px; height:210px; background:#2b2020; border:2px solid #f0d9a4 }
.ig-reel img{ width:100%; height:100%; object-fit:cover; display:block }
.ig-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-60%);
  width:44px; height:44px; border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#c13584; font-size:1.05rem;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  padding-left:4px;
}
.ig-tag{
  position:absolute; left:0; right:0; bottom:0;
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  color:#fff; font-size:.68rem; font-weight:800;
  padding:20px 8px 8px; text-align:center;
}
.ig-profile{
  width:150px; height:210px;
  background:linear-gradient(150deg,#feda75 0%,#fa7e1e 30%,#d62976 65%,#962fbf 100%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; padding:12px; text-align:center; color:#fff;
}
.ig-profile b{ font-size:.82rem; text-shadow:0 1px 3px rgba(0,0,0,.3) }
.ig-profile small{ font-size:.66rem; line-height:1.45; opacity:.95 }
.ig-ava{
  width:52px; height:52px; border-radius:999px;
  background:#fff; color:#d62976;
  font-size:1.6rem;
  display:flex; align-items:center; justify-content:center;
  border:3px solid rgba(255,255,255,.85);
  box-shadow:0 3px 10px rgba(0,0,0,.25);
}
.ig-follow{
  background:#fff; color:#c13584;
  font-weight:900; font-size:.74rem;
  border-radius:999px; padding:8px 16px;
  margin-top:3px;
}

/* ============================================================================
   📷 PHOTO REVIEWS — customer saree photos in reviews
   ========================================================================== */
.rv-photo-btn{
  display:block; text-align:center; cursor:pointer;
  border:1.5px dashed #fb641b; color:#e04e0b;
  background:#fff6ef;
  font-size:.8rem; font-weight:800;
  border-radius:11px; padding:11px;
  transition:background .15s ease;
}
.rv-photo-btn:active{ background:#ffe8da }
.rev-photo{ display:inline-block; margin-top:6px }
.rev-photo img{
  width:76px; height:76px; object-fit:cover;
  border-radius:11px; border:2px solid var(--gold-l);
  display:block;
  transition:transform .18s ease;
}
.rev-photo:hover img{ transform:scale(1.06) }

/* ============================================================================
   🛒 BUY NOW — fresh high-conversion colour: Myntra-style fashion pink/raspberry
   (proven CTA for women's fashion; distinct from the maroon theme & WhatsApp
   green, so the three actions never blur together)
   ========================================================================== */
.btn-buy{
  background:linear-gradient(135deg,#ff6b88 0%,#ff3f6c 45%,#e0245e 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.4px;
  text-shadow:0 1px 3px rgba(120,10,45,.4);
  border:0;
  position:relative;
  overflow:hidden;
  border-radius:13px;
  box-shadow:0 8px 22px rgba(224,36,94,.45), 0 2px 6px rgba(0,0,0,.16);
  animation:buyPulse 1.9s ease-in-out infinite;
}
@keyframes buyPulse{
  0%,100%{ box-shadow:0 8px 22px rgba(224,36,94,.45), 0 2px 6px rgba(0,0,0,.16); }
  50%{ box-shadow:0 11px 34px rgba(224,36,94,.75), 0 3px 8px rgba(0,0,0,.2); }
}

/* 📷 photo review — live preview thumbnail inside the Add Photo button */
.rv-preview{
  display:block;
  width:62px; height:62px;
  object-fit:cover;
  border-radius:9px;
  border:2px solid #fff;
  box-shadow:0 3px 10px rgba(0,0,0,.18);
  margin:7px auto 0;
}
/* reviews block: photos strip nicer */
.rev-photo img{ width:80px; height:80px }

/* ============================================================================
   🎯 CONVERSION PRODUCT PAGE — clean price, online highlight, 2 big CTAs,
   secondary row, small calm offer timer, matching pink Quick-Buy
   ========================================================================== */
/* Buy Now — SAME Myntra-style pink, but CALM: no pulse, no shine (animation removed) */
.btn-buy{
  background:linear-gradient(135deg,#ff6b88 0%,#ff3f6c 45%,#e0245e 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.5px;
  text-shadow:0 1px 3px rgba(120,10,45,.4);
  border:0;
  border-radius:13px;
  box-shadow:0 6px 18px rgba(224,36,94,.35), 0 2px 5px rgba(0,0,0,.14);
  animation:none;
}
.btn-buy::before{ content:none; animation:none }
.btn-buy:hover{ filter:brightness(1.06) }
.btn-buy:active{ transform:scale(.97) }

/* ⚡ Quick Buy on cards — SAME pink family */
.ca-quick{
  background:linear-gradient(135deg,#ff6b88 0%,#ff3f6c 45%,#e0245e 100%);
  color:#fff;
  text-shadow:0 1px 2px rgba(120,10,45,.4);
  border:0;
  border-radius:12px;
}
.ca-quick .ca-qp{ color:#fff; opacity:.95 }

/* 💰 price block — struck MRP then BIG price */
.pd-price{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:4px 0 2px }
.pd-price b{ font-size:1.9rem; font-weight:900; color:var(--maroon); letter-spacing:.3px }
.pd-price .old-price{ font-size:1.05rem; color:var(--muted) }
.pd-price .off{ background:#1d8a4e; color:#fff; font-weight:900; font-size:.8rem; border-radius:999px; padding:4px 11px }

/* 💳 online-price highlight box */
.pd-online{
  background:linear-gradient(120deg,#e9f7ef,#f4fbf7);
  border:1.5px solid #bfe6cf;
  border-radius:12px;
  padding:9px 13px;
  font-size:.9rem;
  font-weight:800;
  color:#14663a;
  margin:6px 0 2px;
  line-height:1.5;
}
.pd-online b{ font-size:1.05rem }

/* 🛒 secondary actions row (Add to Cart | ❤️ | Share) */
.pd-secondary{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap }
.pd-secondary .btn{ flex:1 1 auto; min-width:70px; justify-content:center; display:inline-flex; align-items:center }
.pd-secondary .pd-heart2{ flex:0 0 52px; font-size:1.1rem; padding:10px 0 }
.pd-secondary .pd-heart2.on{ border-color:var(--maroon); background:var(--maroon-soft) }

/* ⏰ offer timer — SMALL + calm (no blink) */
.offer-timer{ font-size:.66rem; font-weight:800; color:#d0342c; margin-top:4px; display:flex; align-items:center; gap:3px; animation:none }
.offer-timer .ot-t{ font-variant-numeric:tabular-nums; background:#d0342c; color:#fff; border-radius:5px; padding:1px 6px; font-size:.68rem }
.offer-timer.ot-big{ font-size:.78rem; background:linear-gradient(120deg,#fdeceb,#fff); border:1.5px solid #f3b7b3; border-radius:10px; padding:7px 11px; margin:6px 0 2px; justify-content:center; animation:none }
.offer-timer.ot-big .ot-t{ font-size:.85rem; padding:1px 8px }

/* ============================================================================
   🧹 CLEAN CARDS + review photo zoom + Share & Earn secondary button
   ========================================================================== */
/* product cards — clean: tap the card to open (Meesho style), no button rows */
.pcard{ cursor:pointer }
.pcard-body{ padding:10px 12px 13px }
.rev-photo{ display:inline-block; margin-top:6px; cursor:zoom-in }
.rev-photo img{
  width:84px; height:84px; object-fit:cover;
  border-radius:11px; border:2px solid var(--gold-l);
  display:block; transition:transform .18s ease;
}
.rev-photo:hover img{ transform:scale(1.07) }
/* Share & Earn secondary button (after Add to Cart) */
.pd-secondary .btn[data-shareearn]{
  border-color:var(--gold);
  background:var(--gold-soft);
  color:#6b4c05;
  font-weight:800;
}

/* ============================================================================
   📱 GREETING STRIP — proper sub-line alignment (multi-line wraps cleanly,
   "with us since" hidden on phones so the line stays short & neat)
   + floating buttons (AI / WhatsApp / cart bar) REMOVED by request
   ========================================================================== */
.gs-txt small{
  display:block;
  line-height:1.75;          /* breathing room between wrapped lines */
  letter-spacing:.2px;
  word-break:break-word;
  overflow-wrap:anywhere;
  margin-top:3px;
}
@media(max-width:640px){
  .gs-txt small{ font-size:.7rem; line-height:1.7; text-align:left; padding-right:6px }
  .gs-since{ display:none }  /* phones: shorter, cleaner line */
}
@media(min-width:641px){
  .gs-txt small{ font-size:.78rem }
}

/* ============================================================================
   👆 EASY-TAP CTA LAYOUT — clear gaps between Buy Now / WhatsApp / Add so
   every tap lands on the right button (no fat-finger mistakes)
   ========================================================================== */
/* product page main CTAs — bigger gap, roomy touch targets */
.pd-btns{ gap:12px }
.pd-btns .btn{ min-height:54px }
/* mobile: stack BUY NOW & WhatsApp full-width, one per row — impossible to misclick */
@media(max-width:640px){
  .pd-btns{ grid-template-columns:1fr !important; gap:12px }
  .pd-btns .btn{ width:100% }
  .pd-secondary{ gap:10px }
  .pd-secondary .btn{ min-height:50px }
}
/* sticky bar (mobile) — spaced out, Add = compact square icon button */
.sticky-bar{ gap:10px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)) }
.sticky-bar .btn{ min-height:52px }
.sticky-bar .sb-add{
  flex:0 0 54px;
  width:54px;
  min-width:54px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:13px;
  padding:0;
}
.sticky-bar .btn-buy{ flex:1 1 auto }

/* ============================================================================
   🎬 REELS-STYLE SHOP CARDS — swipeable photos, small title/rating/price.
   Photo-first browsing like Instagram explore / Meesho grid.
   ========================================================================== */
.reel-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px }
@media(min-width:640px){ .reel-grid{ grid-template-columns:repeat(3,1fr); gap:12px } }
@media(min-width:900px){ .reel-grid{ grid-template-columns:repeat(4,1fr) } }
@media(min-width:1200px){ .reel-grid{ grid-template-columns:repeat(5,1fr) } }

.reel-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  position:relative;
  transition:transform .2s ease, box-shadow .2s ease;
}
.reel-card:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(61,10,27,.14) }

/* swipe track */
.reel-imgs{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  aspect-ratio:3/4;
  position:relative;
  scrollbar-width:none;
  user-select:none;
  -webkit-user-select:none;
  cursor:grab;
  background:var(--maroon-soft);
}
.reel-imgs::-webkit-scrollbar{ display:none }
.reel-imgs.dragging{ cursor:grabbing; scroll-snap-type:none }
.reel-imgs.single{ cursor:pointer }
.reel-slide{ flex:0 0 100%; scroll-snap-align:start }
.reel-slide img{ width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; -webkit-user-drag:none }

/* dots */
.reel-dots{
  position:absolute; bottom:8px; left:0; right:0;
  display:flex; gap:4px; justify-content:center;
  pointer-events:none; z-index:2;
}
.reel-dots i{ width:5px; height:5px; border-radius:999px; background:rgba(255,255,255,.6); transition:.25s }
.reel-dots i.on{ background:#fff; width:15px }

/* ‹ › arrows (desktop hover; mobile swipes) */
.reel-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:31px; height:31px; border-radius:999px; border:0; padding:0;
  background:rgba(255,255,255,.94); color:var(--maroon);
  font-size:1.2rem; font-weight:900; line-height:1;
  display:none; align-items:center; justify-content:center;
  box-shadow:0 2px 9px rgba(0,0,0,.28); cursor:pointer; z-index:3;
}
.rl{ left:6px } .rr{ right:6px }
@media(hover:hover){ .reel-card:hover .reel-nav{ display:inline-flex } }

/* badges / heart reuse card styles */
.reel-imgs .badge{ position:absolute; top:8px; left:8px; z-index:2 }
.reel-imgs .offchip{ position:absolute; top:8px; right:8px; z-index:2 }
.reel-imgs .card-heart{ position:absolute; bottom:8px; right:8px; z-index:3 }

/* small info bar — title, rating, price */
.reel-info{ padding:8px 10px 10px }
.reel-info h3{
  font-size:.75rem; font-weight:700; line-height:1.38; color:#3a1722;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:2.05em; margin:0;
}
.reel-meta{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:5px }
.reel-rate{ font-size:.66rem; font-weight:800; color:#8a7a72; white-space:nowrap }
.reel-rate em{ font-style:normal; font-weight:700; opacity:.85 }
.reel-price{ font-size:.95rem; font-weight:900; color:var(--maroon); letter-spacing:.2px }

/* compact shop filter block */
.shop-tools{ padding:10px 12px !important }
.shop-tools select{
  padding:8px 10px !important; font-size:.84rem !important; min-height:0 !important;
  border-radius:9px !important;
}
.shop-tools label.small{ font-size:.6rem !important; margin-bottom:2px !important }
#shopSearch{ padding:10px 12px !important; font-size:.88rem !important; border-radius:10px !important }

/* ============================================================================
   🎬 REELS PAGE (ShareChat-style) — full-screen vertical swipe saree reels
   with daily wishes (Good Morning / Good Night / தத்துவம் / கவிதை)
   ========================================================================== */
/* immersive: hide the chrome, keep only the slim header */
body[data-page="reels"] #siteFooter{ display:none }
body[data-page="reels"] .promo-strip{ display:none }
body[data-page="reels"]{ background:#14070d }
body[data-page="reels"] #app{ margin-top:0 }

.rp-wrap{
  height: calc(100dvh - 54px);       /* below the slim site header */
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  background:#14070d;
  max-width: 460px;
  margin: 0 auto;
  border-radius: 0;
}
.rp-wrap::-webkit-scrollbar{ display:none }
@media(min-width:900px){
  .rp-wrap{ border-radius: 18px; margin-top: 10px; box-shadow: 0 20px 60px rgba(0,0,0,.5) }
}
.rp-reel{
  position: relative;
  height: 100%;
  min-height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
  background:#241018;
}
.rp-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.rp-shade{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,3,8,.55) 0%, transparent 22%, transparent 38%, rgba(10,3,8,.82) 78%, rgba(10,3,8,.95) 100%);
}
.rp-top{
  position:absolute; top:12px; left:14px; right:14px;
  display:flex; align-items:center; justify-content:space-between;
  color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.6);
  pointer-events:none;
}
.rp-top b{ font-size:.85rem; letter-spacing:.4px }
.rp-top small{ font-size:.66rem; opacity:.85; font-weight:700 }
.rp-quote{
  position:absolute; top:16%; left:20px; right:20px;
  text-align:center; color:#fff;
  text-shadow:0 3px 16px rgba(0,0,0,.75), 0 1px 3px rgba(0,0,0,.8);
  pointer-events:none;
}
.rp-quote p{
  font-family:'Playfair Display',Georgia,serif;
  font-size:1.28rem; font-weight:800; line-height:1.8; margin:0;
}
.rp-bottom{
  position:absolute; left:12px; right:12px;
  bottom:calc(76px + env(safe-area-inset-bottom));
}
.rp-prod{ color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.7); margin-bottom:9px }
.rp-prod b{ display:block; font-size:.86rem; line-height:1.4 }
.rp-prod span{ font-size:1.05rem; font-weight:900; color:#ffd98a }
.rp-prod s{ opacity:.7; font-size:.8rem }
.rp-btns{ display:flex; gap:9px }
.rp-btns .btn{ flex:1 1 auto; min-height:48px; font-weight:800 }
.rp-hint{
  position:absolute; left:0; right:0;
  bottom:calc(18px + env(safe-area-inset-bottom));
  text-align:center; color:#ffd98a;
  font-size:.68rem; font-weight:800; letter-spacing:1.5px;
  animation:rpBounce 1.8s ease-in-out infinite;
  pointer-events:none;
  text-shadow:0 2px 6px rgba(0,0,0,.8);
}
@keyframes rpBounce{ 0%,100%{ transform:translateY(0); opacity:.95 } 50%{ transform:translateY(-5px); opacity:.6 } }
/* desktop up/down arrows */
.rp-arrow{
  position:fixed; left:50%; transform:translateX(-50%);
  z-index:60; width:46px; height:40px; border:0; border-radius:12px;
  background:rgba(255,255,255,.16); color:#ffe9b0;
  font-size:1.15rem; font-weight:900; cursor:pointer;
  display:none; backdrop-filter:blur(6px);
}
.rp-arrow.up{ bottom:calc(16px + env(safe-area-inset-bottom)) }
.rp-arrow.down{ display:none }
@media(min-width:900px){
  .rp-arrow{ display:block; left:auto; transform:none }
  .rp-arrow.up{ left:calc(50% - 250px); bottom:34px }
  .rp-arrow.down{ right:calc(50% - 250px); bottom:34px }
}

/* ============================================================================
   🎬 REELS v2 — Instagram-style ACTION RAIL (❤️ 💬 🔁 🔖 🎵) + smaller CTAs
   + heart burst + spinning audio disc + comment modal
   ========================================================================== */
.rp-actions{
  position:absolute; right:8px;
  bottom:calc(120px + env(safe-area-inset-bottom));
  display:flex; flex-direction:column; gap:13px; align-items:center;
  z-index:4;
}
.rpa{
  background:none; border:0; padding:0; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  text-decoration:none;
}
.rpa .rpa-ic{
  width:44px; height:44px; border-radius:999px;
  background:rgba(0,0,0,.34); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center;
  font-size:1.35rem; line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.3);
  transition:transform .16s ease;
}
.rpa:hover .rpa-ic{ transform:scale(1.12) }
.rpa:active .rpa-ic{ transform:scale(.9) }
.rpa small{
  color:#fff; font-size:.6rem; font-weight:800;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
/* heart burst when liked */
.rpa-ic.burst{ animation:rpBurst .5s cubic-bezier(.2,2.2,.4,1) }
@keyframes rpBurst{ 0%{ transform:scale(.6) } 55%{ transform:scale(1.45) } 100%{ transform:scale(1) } }
.rpa-ic.liked{ background:rgba(0,0,0,.34) }
/* spinning audio disc (Instagram style) */
.rp-disc i{
  font-style:normal; font-size:1.3rem; color:#fff;
  display:inline-block; animation:rpSpin 3.4s linear infinite;
}
@keyframes rpSpin{ from{ transform:rotate(0) } to{ transform:rotate(360deg) } }
/* smaller CTA buttons on reels */
.rp-btns{ display:flex; gap:8px }
.rp-btns .btn{
  flex:1 1 auto; min-height:40px; max-height:40px;
  font-size:.74rem; font-weight:800; letter-spacing:.2px;
  padding:8px 10px; border-radius:999px;
}
.rp-prod b{ font-size:.8rem }
.rp-prod span{ font-size:.95rem }
/* comment modal */
.rc-modal{ max-height:70vh; overflow-y:auto; display:grid; gap:9px }
.rc-modal h3{ font-size:1.02rem; margin:0 0 2px }
.rc-list{ display:grid; gap:8px; max-height:34vh; overflow-y:auto; padding:2px }

/* ============================================================================
   🎬 REELS v3 — Instagram LATEST style: transparent icons, transparent header,
   double-tap ❤️ big heart burst, no swipe hint. Mobile greeting alignment fix.
   ========================================================================== */
/* 📱 greeting strip on phones: 👋 emoji hidden, text full-width row 1,
   buttons aligned row 2 — perfect alignment */
@media(max-width:640px){
  .greet-strip{ padding:10px 0 }
  .greet-strip .gs-emoji{ display:none !important }   /* no waving hand on mobile */
  .gs-in{ gap:9px; align-items:center }
  .gs-txt{ flex:1 1 100%; min-width:0; order:1; text-align:left }
  .gs-txt b{ font-size:.98rem; line-height:1.35 }
  .gs-txt small{ font-size:.7rem; line-height:1.65; text-align:left; padding-right:6px }
  .gs-btn{ order:2; flex:1 1 auto; margin-top:4px; text-align:center; padding:10px 12px; font-size:.74rem }
  .gs-share{ order:3; flex:0 0 auto; margin-top:4px }
}

/* ❤️ BIG HEART BURST — double-tap the reel photo (Instagram style) */
.rp-bigheart{
  position:absolute; top:44%; left:50%;
  font-size:5.6rem; line-height:1;
  pointer-events:none; z-index:9;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.45));
  animation:rpBigHeart .85s cubic-bezier(.2,1.6,.4,1) forwards;
}
@keyframes rpBigHeart{
  0%{ transform:translate(-50%,-50%) scale(0) rotate(-14deg); opacity:0 }
  22%{ transform:translate(-50%,-50%) scale(1.3) rotate(6deg); opacity:1 }
  55%{ transform:translate(-50%,-50%) scale(1) rotate(-3deg); opacity:1 }
  100%{ transform:translate(-50%,-62%) scale(.85) rotate(0); opacity:0 }
}

/* 🎨 LATEST INSTAGRAM LOOK — transparent action icons (no circle backgrounds) */
.rp-actions{ bottom:calc(118px + env(safe-area-inset-bottom)); gap:15px }
.rpa .rpa-ic{
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  width:auto; height:auto; border-radius:0;
  font-size:1.7rem; line-height:1;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
}
.rp-disc{ background:transparent !important }
.rp-disc i{ font-size:1.7rem; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.65) }
.rpa small{ font-size:.62rem; letter-spacing:.2px }

/* 🌫️ TRANSPARENT TOP HEADER on reels — content scrolls under it */
body[data-page="reels"] .topbar{
  position:fixed; top:0; left:0; right:0; width:100%;
  z-index:58;
  background:linear-gradient(180deg, rgba(16,6,11,.72) 0%, rgba(16,6,11,.35) 55%, transparent 100%);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  border-bottom:0 !important;
  box-shadow:none !important;
}
body[data-page="reels"] .topbar-in{ height:54px }
body[data-page="reels"] .logo small{ color:#f0d9a4 !important }
body[data-page="reels"] .desk-nav a{ color:#fff !important }
body[data-page="reels"] .icon-btn{ color:#fff !important }
body[data-page="reels"] .header-greet{ background:rgba(255,255,255,.16); border-color:rgba(233,203,116,.6); color:#fff }
body[data-page="reels"] .header-greet b{ color:#ffe9b0 }
body[data-page="reels"] .burger{ color:#fff }
/* reels wrap now uses the FULL screen (header floats on top) */
body[data-page="reels"] .rp-wrap{ height:100dvh }
body[data-page="reels"] .rp-top{ top:calc(60px + env(safe-area-inset-top)) }
/* hide the swipe hint everywhere (removed by request) */
.rp-hint{ display:none !important }

/* ============================================================================
   🎬 REELS v4 — header-greet hidden on mobile, product info at PAGE BOTTOM,
   📥 save = screenshot download, ❤️ counts from Firestore (all users)
   ========================================================================== */
/* 📱 no "Vanakkam, SK" pill in the header on phones (clean immersive header) */
@media(max-width:640px){
  .header-greet{ display:none !important }
}

/* 🛍️ title + price + shop button = THE BOTTOM BAR of the reel (page bottom) */
.rp-bottom{
  position:absolute;
  left:12px; right:12px;
  bottom:calc(12px + env(safe-area-inset-bottom));   /* very bottom of the page */
  z-index:4;
}
.rp-btns{ display:flex; gap:8px }
.rp-btns .btn{
  flex:1 1 auto; width:100%;
  min-height:42px; max-height:42px;
  font-size:.78rem; font-weight:800; letter-spacing:.3px;
  padding:9px 10px; border-radius:999px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.rp-prod{ margin-bottom:7px; text-shadow:0 2px 8px rgba(0,0,0,.75) }
.rp-prod b{ font-size:.82rem; display:block; line-height:1.35 }
.rp-prod span{ font-size:1.02rem; font-weight:900; color:#ffd98a }

/* action rail sits ABOVE the bottom bar now */
.rp-actions{ bottom:calc(132px + env(safe-area-inset-bottom)) }
@media(max-width:400px){ .rp-actions{ bottom:calc(126px + env(safe-area-inset-bottom)) } }

/* ============================================================================
   🎨 MODERN THEME v5 — fresh, premium, glassy. New BUY NOW red gradient,
   modern cards, glass chips, refined spacing (applies site-wide, home first).
   ========================================================================== */
/* 🛒 BUY NOW — NEW red gradient (#ff0032 up) */
.btn-buy{
  background:linear-gradient(0deg, #ff0032 0%, #ff2d55 55%, #ff5c7a 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:.5px;
  text-shadow:0 1px 3px rgba(150,0,20,.45);
  border:0;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(255,0,50,.38), 0 2px 6px rgba(0,0,0,.16);
  animation:none;
  transition:filter .18s ease, transform .15s ease;
}
.btn-buy::before{ content:none }
.btn-buy:hover{ filter:brightness(1.08) }
.btn-buy:active{ transform:scale(.97) }

/* 📱 product page CTA spacing */
@media(max-width:640px){
  .pd-btns{ margin-top:10px }
}

/* ─────────── MODERN BASE ─────────── */
/* refined typography */
.sec-head h2{ font-size:1.22rem; letter-spacing:-.2px; margin-bottom:2px }
.sec-head a{ font-weight:800; font-size:.78rem; opacity:.9 }
h1{ letter-spacing:-.4px }

/* modern cards: bigger radius, soft layered shadows, smooth lift */
.pcard, .reel-card{
  border-radius:18px;
  border:1px solid rgba(239,227,208,.9);
  box-shadow:0 2px 6px rgba(61,10,27,.04), 0 8px 24px rgba(61,10,27,.05);
  transition:transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease, border-color .22s ease;
}
.pcard:hover, .reel-card:hover{
  transform:translateY(-6px);
  border-color:rgba(201,146,42,.35);
  box-shadow:0 6px 14px rgba(61,10,27,.07), 0 18px 40px rgba(61,10,27,.13);
}
.reel-info h3{ font-size:.74rem }

/* form cards + summary: modern soft */
.form-card, .summary{
  border-radius:18px;
  border:1px solid rgba(239,227,208,.9);
  box-shadow:0 2px 6px rgba(61,10,27,.04), 0 10px 28px rgba(61,10,27,.05);
}

/* buttons: modern pills with smooth press */
.btn{ border-radius:13px; transition:transform .16s ease, box-shadow .18s ease, filter .18s ease }
.btn:active{ transform:scale(.965) }
.btn-maroon{
  box-shadow:0 5px 16px rgba(124,22,49,.28);
  background:linear-gradient(135deg,#8f1d3a 0%,#a02546 60%,#8f1d3a 100%);
}
.btn-gold{ border-radius:13px }
.btn-wa{ box-shadow:0 5px 16px rgba(29,168,81,.28) }

/* ─────────── MODERN HERO ─────────── */
.hero{ background:#3d0a1b }
.hero::after{
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(120% 90% at 20% 0%, rgba(232,198,106,.18) 0%, transparent 55%),
    radial-gradient(100% 80% at 85% 100%, rgba(255,0,50,.14) 0%, transparent 60%),
    linear-gradient(180deg, rgba(20,5,12,.25) 0%, rgba(20,5,12,.55) 100%);
  pointer-events:none;
}
.hero-in{ position:relative; z-index:2; padding:26px 0 30px }
.hero-chip{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(232,198,106,.45);
  border-radius:999px;
  box-shadow:0 4px 18px rgba(0,0,0,.25);
}
.hero h1{ text-shadow:0 2px 18px rgba(0,0,0,.4) }
.hero-trust span{
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:7px 13px;
}
/* glass search */
.hero-search{
  background:rgba(255,255,255,.14) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:14px !important;
  box-shadow:0 8px 26px rgba(0,0,0,.28) !important;
}
.hero-search input{ background:transparent !important; color:#fff !important; }
.hero-search input::placeholder{ color:rgba(255,255,255,.75) }

/* ─────────── MODERN GLASS STRIPS ─────────── */
.promo-strip{
  background:linear-gradient(90deg,#4a0f1e 0%,#7c1631 30%,#96203f 70%,#4a0f1e 100%);
}
.flash{
  border-radius:18px;
  border:1px solid rgba(201,146,42,.35);
  box-shadow:0 10px 30px rgba(61,10,27,.12);
}
.trust-strip{
  border-radius:18px;
  gap:10px;
}
.trust-item{
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(239,227,208,.9);
  box-shadow:0 2px 8px rgba(61,10,27,.05);
  transition:transform .2s ease, box-shadow .2s ease;
}
.trust-item:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(61,10,27,.1) }
.deal-day{
  border-radius:20px;
  box-shadow:0 12px 34px rgba(61,10,27,.14);
}
.rev, .cat-tile{
  border-radius:16px;
  transition:transform .22s ease, box-shadow .22s ease;
}
.rev:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(61,10,27,.1) }
.cat-tile{ border-radius:18px; overflow:hidden }
.cat-tile:hover{ transform:translateY(-5px); box-shadow:0 16px 36px rgba(61,10,27,.16) }

/* quiz + reels banners: modern glass-on-dark */
.quiz-banner{
  border-radius:20px;
  box-shadow:0 14px 36px rgba(61,10,27,.24);
}
.greet-strip{
  background:linear-gradient(92deg,#4a0f1e 0%,#7c1631 45%,#96203f 100%);
}

/* ─────────── MODERN SCROLLBAR + SELECTION ─────────── */
::selection{ background:rgba(255,0,50,.18) }
::-webkit-scrollbar{ width:9px; height:9px }
::-webkit-scrollbar-track{ background:#f6efe4 }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#c99a2e,#a87f24); border-radius:99px; border:2px solid #f6efe4 }
::-webkit-scrollbar-thumb:hover{ background:#8f1d3a }

/* smoother reveal for sections */
.sec{ animation:secIn .5s ease both }
@keyframes secIn{ from{ opacity:0; transform:translateY(10px) } to{ opacity:1; transform:none } }
@media(prefers-reduced-motion:reduce){ .sec{ animation:none } }

/* ============================================================================
   📄 FULL-SCREEN PRODUCT GALLERY + HD reel-share deep-link + flash highlight
   ========================================================================== */
/* fullscreen swipeable gallery viewer */
.gv-track{
  position:relative; z-index:1;
  display:flex; width:100%; height:100dvh;
  overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.gv-track::-webkit-scrollbar{ display:none }
.gv-slide{
  flex:0 0 100%; scroll-snap-align:center; scroll-snap-stop:always;
  display:flex; align-items:center; justify-content:center;
  padding:14px;
}
.gv-slide img{
  max-width:100%; max-height:92dvh;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 12px 44px rgba(0,0,0,.55);
  cursor:zoom-out;
}
.gv-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:3; width:46px; height:46px; border-radius:999px; border:0;
  background:rgba(255,255,255,.16); color:#fff;
  font-size:1.5rem; font-weight:900; cursor:pointer;
  backdrop-filter:blur(6px);
}
.gv-nav:active{ transform:translateY(-50%) scale(.92) }
.gvl{ left:12px } .gvr{ right:12px }
.gv-dots{
  position:absolute; left:0; right:0; bottom:calc(16px + env(safe-area-inset-bottom));
  display:flex; gap:5px; justify-content:center; z-index:3; pointer-events:none;
}
.gv-dots i{ width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,.45); transition:.25s }
.gv-dots i.on{ background:#fff; width:18px }
/* main product photo: show a "view fullscreen" hint */
#pdMain{ position:relative; cursor:zoom-in }
#pdMain::after{
  content:'⛶';
  position:absolute; right:10px; bottom:10px;
  width:34px; height:34px; border-radius:999px;
  background:rgba(20,8,8,.55); color:#ffe9b0;
  display:flex; align-items:center; justify-content:center;
  font-size:1rem;
  backdrop-filter:blur(4px);
  pointer-events:none;
}
/* shared reel deep-link: brief golden flash on the target reel */
.rp-flash{ animation:rpFlash 2.2s ease }
@keyframes rpFlash{
  0%{ box-shadow:inset 0 0 0 3px #ffd98a, 0 0 0 0 rgba(255,217,138,.7) }
  30%{ box-shadow:inset 0 0 0 3px #ffd98a, 0 0 34px 8px rgba(255,217,138,.55) }
  100%{ box-shadow:none }
}

/* ============================================================================
   📅 cards: FULL titles (no clamp) + 2026 Festival Calendar section
   ========================================================================== */
.pcard-body h3{
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  overflow:visible !important;
  min-height:0 !important;
  display:block !important;
  line-height:1.4 !important;
  font-size:.92rem !important;
}
.price-row .old-price{ color:#8a7a72; font-size:.84rem; margin-left:6px }

/* 📅 month-wise festival calendar */
.fest-cal{ display:grid; gap:12px }
.fest-month{
  background:#fff; border:1px solid var(--line); border-radius:16px;
  padding:14px 16px; box-shadow:0 2px 10px rgba(61,10,27,.04);
}
.fest-month h4{
  display:flex; align-items:center; gap:8px;
  font-size:1rem; font-weight:900; color:var(--maroon);
  margin:0 0 10px; padding-bottom:8px; border-bottom:1px dashed var(--line);
}
.fest-month h4 .fm-count{
  margin-left:auto; background:var(--gold-soft); color:#6b4c05;
  font-size:.62rem; font-weight:800; border-radius:999px; padding:3px 10px;
  border:1px solid var(--gold-l);
}

/* ============================================================================
   🎬 REELS v5 — 9:16 portrait photos, seen-no-repeat, dwell timing,
   global share counts, afternoon/evening quotes
   ========================================================================== */
.rp-img{ object-fit:cover; object-position:center; width:100%; height:100% }
.rp-reel{ background:#0d0508 }

/* ============================================================================
   📅 festival section: next-festival chip + compact 2026 dated list
   ========================================================================== */
.nf-chip{
  display:inline-block; vertical-align:3px; margin-left:8px;
  background:var(--gold-soft); color:#6b4c05;
  border:1.5px solid var(--gold-l); border-radius:999px;
  font-size:.66rem; font-weight:900; letter-spacing:.2px;
  padding:5px 11px;
}

/* ============================================================================
   🔑 ACCOUNT / LOGIN — mobile = username, pincode = password
   ========================================================================== */
.acct-card{ background:linear-gradient(135deg,#fdf1f4,#fff); border:1.5px solid var(--gold-l) }
.acct-card .btn{ min-height:44px }

/* ============================================================================
   🏠 HOME PAGE — SEPARATE desktop & mobile layouts (clean alignment on both)
   ========================================================================== */
/* ─────────── DESKTOP (≥900px): spacious, multi-column, centered hero ─────────── */
@media(min-width:900px){
  .hero-in{ max-width:880px; margin:0 auto; padding:44px 0 46px; text-align:center }
  .hero h1{ font-size:3rem; line-height:1.12 }
  .hero p{ font-size:1.06rem; max-width:60ch; margin:14px auto 20px }
  .hero-ctas{ justify-content:center; gap:14px }
  .hero-ctas .btn{ min-height:54px; padding:14px 30px; font-size:1rem }
  .hero-trust{ justify-content:center; margin-top:20px; gap:10px }
  .hero-search{ max-width:620px; margin:22px auto 0 }
  .cat-grid{ grid-template-columns:repeat(4,1fr) !important; gap:14px }
  .prow{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:16px; overflow:visible !important }
  .trust-strip{ grid-template-columns:repeat(4,1fr); gap:12px }
  .rev-grid{ grid-template-columns:repeat(3,1fr); gap:14px }
  .fest-grid{ grid-template-columns:repeat(4,1fr) !important; gap:14px }
  .steps{ grid-template-columns:repeat(3,1fr) }
  .weaver-card{ display:grid !important; grid-template-columns:1fr 1.1fr; align-items:center; gap:22px }
  .deal-day{ display:grid !important; grid-template-columns:1.2fr 1fr; align-items:center; gap:20px }
  .sec{ margin:26px 0 }
  .wrap{ padding:0 20px }
}
@media(min-width:1200px){
  .cat-grid{ grid-template-columns:repeat(6,1fr) !important }
  .prow{ grid-template-columns:repeat(5,1fr) }
  .rev-grid{ grid-template-columns:repeat(3,1fr) }
  .hero h1{ font-size:3.3rem }
}

/* ─────────── MOBILE (≤640px): tight, stacked, thumb-friendly ─────────── */
@media(max-width:640px){
  .hero{ border-radius:0 0 22px 22px }
  .hero-in{ padding:22px 14px 26px; text-align:center }
  .hero h1{ font-size:1.7rem; line-height:1.22 }
  .hero p{ font-size:.9rem; margin:10px auto 14px }
  .hero-ctas{ flex-direction:column; gap:10px }
  .hero-ctas .btn{ width:100%; min-height:50px }
  .hero-trust{ justify-content:center; gap:6px; flex-wrap:wrap }
  .hero-search{ flex-direction:column; border-radius:12px }
  .hero-search .btn{ width:100%; margin-top:8px }
  .cat-grid{ grid-template-columns:repeat(2,1fr) !important; gap:10px }
  .prow{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px }
  .prow .pcard{ flex:0 0 46%; scroll-snap-align:start }
  .trust-strip{ grid-template-columns:repeat(2,1fr); gap:8px }
  .rev-grid{ grid-template-columns:1fr; gap:10px }
  .fest-grid{ grid-template-columns:repeat(2,1fr) !important; gap:10px }
  .steps{ grid-template-columns:1fr; gap:10px }
  .deal-day{ padding:14px }
  .deal-day .dd-img{ margin-top:12px }
  .sec{ margin:18px 0 }
  .sec-head h2{ font-size:1.05rem }
  .wrap{ padding:0 12px }
  .weaver-card{ padding:14px }
  .weaver-img img{ border-radius:14px }
}

/* ============================================================================
   🎨 MEGA FIXES — btn-pay, fresh Order Summary, mobile home polish,
   footer redesign, admin modal mobile
   ========================================================================== */
/* ⚡ Continue to Payment — bright, irresistible */
.btn-pay{
  background:linear-gradient(135deg,#ffce4f 0%,#ffb52e 40%,#ff8a1f 100%);
  color:#4a2c05; font-weight:900; letter-spacing:.4px;
  border:0; border-radius:14px;
  box-shadow:0 8px 24px rgba(255,150,20,.5), 0 2px 6px rgba(0,0,0,.14);
  transition:filter .18s ease, transform .15s ease;
  animation:payPulse 1.9s ease-in-out infinite;
}
.btn-pay:hover{ filter:brightness(1.07) }
.btn-pay:active{ transform:scale(.97) }
@keyframes payPulse{
  0%,100%{ box-shadow:0 8px 24px rgba(255,150,20,.5), 0 2px 6px rgba(0,0,0,.14) }
  50%{ box-shadow:0 11px 34px rgba(255,150,20,.78), 0 3px 8px rgba(0,0,0,.18) }
}

/* 🧾 FRESH Order Summary (checkout review) */
.rvw-card{ border-radius:18px; box-shadow:0 4px 16px rgba(61,10,27,.06) }
.rvw-item{
  display:flex; align-items:center; gap:10px;
  padding:9px 0; border-bottom:1px dashed var(--line);
  font-size:.88rem;
}
.rvw-item img{ width:46px; height:46px; object-fit:cover; border-radius:9px; border:1.5px solid var(--gold-l); flex:0 0 auto }
.rvw-item span{ flex:1; min-width:0; font-weight:700; line-height:1.35 }
.rvw-item b{ flex:0 0 auto }
.rvw-total{
  display:flex; justify-content:space-between; align-items:center;
  margin:12px -16px -16px; padding:14px 16px;
  background:linear-gradient(120deg,#70142c,#8f1d3a);
  border-radius:0 0 16px 16px; color:#fff; font-weight:900;
}
.rvw-total b{ font-size:1.25rem; color:#ffd98a; letter-spacing:.3px }
.rvw-meta{
  display:grid; gap:4px; margin-top:10px; padding:10px 12px;
  background:var(--gold-soft); border:1.5px dashed var(--gold-l);
  border-radius:11px; font-size:.76rem; font-weight:700; color:#4a3f38;
}

/* 🏠 index mobile — final polish */
@media(max-width:640px){
  .hero-in{ text-align:center }
  .hero-chip{ display:inline-flex }
  .hero-trust span{ font-size:.66rem; padding:5px 10px }
  .cat-tile{ min-height:120px }
  .ct-name{ font-size:.82rem !important }
  .ct-count{ font-size:.6rem !important; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden }
  .reseller-banner{ flex-direction:column; text-align:center; align-items:center }
  .rb-btns{ width:100% }
  .rb-btns .btn{ flex:1 1 100% }
  .quiz-banner{ flex-direction:row; padding:12px }
  .qb-txt b{ font-size:.9rem }
  .ig-wrap{ padding-bottom:6px }
  .deal-day .dd-badge{ font-size:.6rem; padding:4px 9px }
  .dd-ends{ display:none }
  .rvw-item img{ width:40px; height:40px }
  .rvw-total b{ font-size:1.1rem }
  .rvw-meta{ font-size:.72rem }
}

/* 🦶 FOOTER — full redesign, mobile-first */
#siteFooter{ background:linear-gradient(180deg,#3d0a1b,#2a060f); color:#f3d9df; margin-top:34px }
.sk-footer{ max-width:1160px; margin:0 auto; padding:26px 14px 18px }
.sk-footer .f-brand{ display:flex; align-items:center; gap:11px; margin-bottom:14px }
.sk-footer .f-brand b{ font-family:var(--font-display); font-size:1.15rem; color:#ffe9b0 }
.sk-footer .f-brand small{ display:block; color:#d9aeb7; font-size:.68rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase }
.sk-footer .f-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 14px; padding:14px 0; border-top:1px solid rgba(255,233,176,.14); border-bottom:1px solid rgba(255,233,176,.14) }
.sk-footer .f-grid h4{ font-size:.72rem; color:#ffd98a; letter-spacing:1.4px; text-transform:uppercase; margin-bottom:8px }
.sk-footer .f-grid a{ display:block; color:#f3d9df; font-size:.82rem; font-weight:700; padding:4px 0 }
.sk-footer .f-grid a:active{ color:#ffe9b0 }
.sk-footer .f-social{ display:flex; gap:9px; justify-content:center; padding:14px 0 6px }
.sk-footer .f-social a{ width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.09); border:1px solid rgba(255,233,176,.22); display:flex; align-items:center; justify-content:center; font-size:1.15rem; text-decoration:none }
.sk-footer .f-bottom{ text-align:center; color:#c99aa8; font-size:.68rem; font-weight:700; padding-top:10px; line-height:1.8 }
@media(min-width:700px){
  .sk-footer .f-grid{ grid-template-columns:2fr 1fr 1fr 1fr }
  .sk-footer{ padding:38px 20px 22px }
}
/* 🛠 admin modal — mobile friendly (no iOS zoom, single column) */
@media(max-width:640px){
  .m-card input, .m-card select, .m-card textarea{ font-size:16px !important }
  .m-card .field > div[style*="grid-template-columns:1fr 1fr"]{ grid-template-columns:1fr !important }
  .m-card h2{ font-size:1rem !important }
}


/* ============================================================================
   💰 REELS SHARE & EARN + 📲 WHATSAPP STATUS (latest update)
   ========================================================================== */
/* gold pill chip in the reels top bar — taps open the Share & Earn modal */
.rp-earn-chip{
  pointer-events:auto;                      /* rp-top itself is pointer-events:none */
  display:inline-flex; align-items:center; gap:4px;
  background:linear-gradient(135deg,#ffd98a,#f2b13d);
  color:#4a2c00; border:0; border-radius:999px;
  font-weight:900; font-size:.64rem; letter-spacing:.3px;
  padding:5px 11px; cursor:pointer;
  box-shadow:0 3px 10px rgba(242,177,61,.45);
  text-shadow:none;
  animation:earnPulse 2.6s ease-in-out infinite;
}
.rp-earn-chip:active{ transform:scale(.94) }
@keyframes earnPulse{
  0%, 100%{ box-shadow:0 3px 10px rgba(242,177,61,.45) }
  50%{ box-shadow:0 3px 18px rgba(242,177,61,.85) }
}
/* 📲 status button in the action rail — green WhatsApp accent ring */
.rpa.rp-status .rpa-ic{
  box-shadow:inset 0 0 0 1.5px rgba(37,211,102,.65);
}
/* 💰 Share & Earn modal (reels) */
.ern-card .ern-code{
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin:10px 0 4px;
  background:linear-gradient(135deg,#fdf6e3,#fff);
  border:2px dashed var(--gold); border-radius:14px;
  padding:12px 14px;
}
.ern-card .ern-code span{
  font-size:1.5rem; font-weight:900; letter-spacing:2px; color:var(--maroon);
}
.ern-card .ern-stats{
  display:flex; gap:8px; margin:12px 0;
}
.ern-card .ern-stats > div{
  flex:1; background:#faf7f2; border:1.5px solid var(--line);
  border-radius:12px; padding:8px 4px; text-align:center;
}
.ern-card .ern-stats small{
  display:block; font-size:.6rem; font-weight:800; color:var(--muted);
  margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ern-card .ern-stats b{ font-size:.98rem; color:var(--maroon) }
.ern-card .ern-steps{
  background:#faf7f2; border:1.5px solid var(--line); border-radius:12px;
  padding:10px 12px; margin:0 0 12px;
}
.ern-card .ern-steps p{
  font-size:.76rem; font-weight:700; color:#4a3b33;
  margin:0 0 6px; padding:0 0 6px; border-bottom:1px dashed var(--line);
}
.ern-card .ern-steps p:last-child{ margin:0; padding:0; border-bottom:0 }
/* 🔑 login modal — Login | Sign Up tabs */
.lg-tabs{
  display:flex; gap:0; border:1.5px solid var(--line);
  border-radius:12px; overflow:hidden; margin:12px 0 4px;
  background:#f6f1ea;
}
.lg-tab{
  flex:1; min-height:42px; border:0; background:transparent;
  font-weight:800; font-size:.82rem; color:var(--muted); cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.lg-tab.on{ background:var(--maroon); color:#fff }
.lg-tab.on + .lg-tab{ box-shadow:none }
@media(max-width:640px){
  .rp-earn-chip{ font-size:.6rem; padding:4px 9px }
  .ern-card .ern-stats{ flex-wrap:wrap }
  .ern-card .ern-stats > div{ flex:1 1 44% }
  .ern-card .ern-code span{ font-size:1.28rem }
}

/* ============================================================================
   🎨 SECTION HEADERS — stacked (title on top, link below)
   ========================================================================== */
.sec-head{
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

/* ============================================================================
   🧾 REVIEW YOUR ORDER — clean gaps + good font colors
   ========================================================================== */
.rvw-card h3{
  margin-bottom:4px; padding-bottom:10px;
  border-bottom:2px solid var(--line);
}
.rvw-item{
  padding:11px 0; font-size:.9rem;
}
.rvw-item b{ font-weight:900; font-variant-numeric:tabular-nums }
.rvw-card .row{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; padding:9px 2px; font-size:.88rem;
  border-bottom:1px dashed var(--line);
}
.rvw-card .row span{ color:var(--muted); font-weight:700 }
.rvw-card .row b{ font-weight:900; color:#2b2320; font-variant-numeric:tabular-nums; text-align:right }
.rvw-card .row b.rvw-save{ color:var(--green) }           /* discounts & FREE shipping */
.rvw-meta{ margin-top:12px }
.rvw-total{
  margin:14px -16px -16px; padding:15px 18px;
  border-radius:0 0 16px 16px;
}

/* ============================================================================
   💳 PAYMENT WAITING — orders tab (QR block inside the order card) + admin badge
   ========================================================================== */
.status-pill.status-paywait{
  background:linear-gradient(135deg,#fff0f3,#ffe3ea); color:#c2255c;
  border:1px solid #ffc2d1;
  animation:paywaitPulse 2.4s ease-in-out infinite;
}
@keyframes paywaitPulse{
  0%, 100%{ box-shadow:0 0 0 0 rgba(194,37,92,.0) }
  50%{ box-shadow:0 0 0 4px rgba(194,37,92,.12) }
}
.oc-paywrap{ margin-top:12px }
.oc-paywrap .form-card{
  margin-top:0; border:1.5px dashed #f2b13d; border-radius:14px;
  background:linear-gradient(180deg,#fffdf5,#fff);
}
.oc-paywrap .form-card h3{ font-size:.95rem; margin-bottom:6px }
.oc-payflash .form-card{
  animation:ocPayFlash 1s ease 2;
}
@keyframes ocPayFlash{
  0%, 100%{ box-shadow:0 0 0 0 rgba(242,177,61,0) }
  50%{ box-shadow:0 0 0 6px rgba(242,177,61,.35) }
}
/* 📲 login modal — the panes sit closer now that the sub-lines are gone */
.lg-tabs{ margin-top:4px }
.np-card .np-input:first-of-type{ margin-top:6px }

/* ============================================================================
   🎯 SALES LANDING PAGE — offer hero, 5 best sellers, WhatsApp strip,
   why-us tiles (catalog → landing page conversion)
   ========================================================================== */
/* hero */
.lpd-hero .hero-in{ text-align:center }
.lpd-chip{
  font-size:.82rem; padding:8px 18px; letter-spacing:.4px;
  animation:lpdChipPulse 2.2s ease-in-out infinite;
}
@keyframes lpdChipPulse{
  0%, 100%{ box-shadow:0 0 0 0 rgba(255,90,120,.0) }
  50%{ box-shadow:0 0 0 7px rgba(255,90,120,.22) }
}
.lpd-sub{
  margin:10px 0 6px; font-size:.92rem; font-weight:800; color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.lpd-ship{
  display:inline-block; margin-top:12px;
  background:rgba(0,0,0,.32); border:1px solid rgba(255,255,255,.25);
  color:#ffe9c9; font-size:.74rem; font-weight:800;
  border-radius:999px; padding:7px 15px;
}
/* 🔥 5 best sellers grid */
.lpd-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px }
@media(min-width:700px){ .lpd-grid{ grid-template-columns:repeat(3,1fr) } }
@media(min-width:1020px){ .lpd-grid{ grid-template-columns:repeat(5,1fr) } }
.lpc{
  background:#fff; border:1.5px solid #eadfd6; border-radius:16px;
  overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 3px 12px rgba(61,10,27,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.lpc:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(61,10,27,.12) }
.lpc-img{ position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#f6efe8 }
.lpc-img img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease }
.lpc:hover .lpc-img img{ transform:scale(1.05) }
.lpc-off{
  position:absolute; top:8px; left:8px;
  background:#c2255c; color:#fff; font-size:.62rem; font-weight:900;
  padding:4px 9px; border-radius:999px; letter-spacing:.3px;
}
.lpc-b{ padding:10px 10px 12px; display:flex; flex-direction:column; gap:6px; flex:1 }
.lpc-b > a{ text-decoration:none }
.lpc-b > a b{
  font-size:.82rem; line-height:1.32; color:#2b2320; display:block;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.lpc-price s{ color:#9c8b80; font-size:.78rem; font-weight:700; margin-right:6px }
.lpc-price b{ color:#8f1d3a; font-size:1.12rem; font-weight:900; letter-spacing:.2px }
.lpc-trust{
  align-self:flex-start;
  background:#e9f7ef; color:#1e7d46; font-size:.6rem; font-weight:900;
  border-radius:999px; padding:4px 9px; letter-spacing:.2px; white-space:nowrap;
  max-width:100%; overflow:hidden; text-overflow:ellipsis;
}
.lpc-btns{ display:grid; gap:6px; margin-top:auto }
.lpc-btns .btn{ min-height:44px; font-size:.85rem; text-align:center }
/* 💬 WhatsApp strip (FB/IG visitors) */
.lpd-wa{
  background:linear-gradient(135deg,#0e5c34,#128C7E 60%,#1faa92);
  border-radius:18px; padding:20px 16px; margin:16px 0;
  color:#fff; text-align:center;
  box-shadow:0 6px 20px rgba(18,140,126,.35);
}
.lpd-wa b{ font-size:1.02rem; display:block; margin-bottom:6px }
.lpd-wa p{ font-size:.84rem; line-height:1.65; opacity:.96; margin:0 0 14px }
.lpd-wabtn{ background:#fff; color:#0e5c34; min-width:min(340px, 100%) }
/* 🤝 Why SK Sarees? */
.why-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px }
@media(min-width:700px){ .why-grid{ grid-template-columns:repeat(3,1fr) } }
.why-tile{
  background:#fff; border:1.5px solid #eadfd6; border-radius:14px;
  padding:14px 10px; text-align:center;
  transition:transform .18s ease;
}
.why-tile:hover{ transform:translateY(-2px) }
.why-tile span{ font-size:1.5rem }
.why-tile b{ display:block; margin-top:5px; color:#8f1d3a; font-size:.88rem }
.why-tile small{ display:block; margin-top:3px; color:#8a7a70; font-size:.71rem; line-height:1.45 }
/* 🚚 product page — one clear shipping rule strip */
.pd-ship{
  margin:10px 0 4px;
  background:linear-gradient(135deg,#fdf6e3,#fff);
  border:1.5px dashed #e8c66a; border-radius:11px;
  color:#5c4a1e; font-size:.76rem; font-weight:800; line-height:1.6;
  padding:9px 12px;
}
.pd-ship b{ color:#8f1d3a }
/* 💬 product page — BUY NOW + WhatsApp stacked full-width on mobile */
@media(max-width:640px){
  .pd-btns{ flex-direction:column }
  .pd-btns .btn{ width:100%; min-height:52px; font-size:1rem }
}

/* ============================================================================
   🛒 SHOPPING REELS v6 — sales funnel: video → product info → price → BUY
   (clean top bar · 3 rail actions · glass product card)
   ========================================================================== */
/* ☰ minimal top bar on reels — the saree gets the attention, not the menu */
body[data-page="reels"] .topbar{ height:48px; background:linear-gradient(180deg,rgba(10,4,8,.55),rgba(10,4,8,0)); box-shadow:none }
body[data-page="reels"] .topbar-in{ height:48px; gap:4px }
body[data-page="reels"] .logo span{ display:none }                       /* brand text off */
body[data-page="reels"] .logo-badge{ width:34px; height:34px; border-radius:10px }
body[data-page="reels"] .desk-nav,
body[data-page="reels"] .header-greet{ display:none !important }          /* nav links off */
body[data-page="reels"] .top-actions .icon-btn{ display:none }            /* profile icon off… */
body[data-page="reels"] .top-actions .icon-btn:last-child{ display:flex } /* …cart stays (shopping!) */
body[data-page="reels"] .top-actions .icon-btn:last-child{ color:#fff; background:rgba(0,0,0,.30); border-radius:11px }
body[data-page="reels"] .burger{ color:#fff; background:rgba(0,0,0,.30); border-radius:11px; width:40px; height:38px }
/* rail — exactly 3 actions, vertically centred beside the video */
.rp-actions{
  top:47%; bottom:auto; transform:translateY(-50%);
  right:8px; gap:16px;
}
.rpa .rpa-ic.rpa-wa{
  background:rgba(18,140,126,.42);
  box-shadow:0 3px 10px rgba(18,140,126,.5), inset 0 0 0 1.5px rgba(37,211,102,.55);
}
/* quote sits above the product card (never crowded) */
.rp-quote{ padding-bottom:calc(180px + env(safe-area-inset-bottom)) }
/* 🛍️ the product card — everything needed to buy, in one clean glass card */
.rp-bottom{
  position:absolute; left:10px; right:10px;
  bottom:calc(10px + env(safe-area-inset-bottom));
}
.rp-card{
  background:rgba(18,9,14,.78);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.15);
  border-radius:16px; padding:12px 14px 13px; color:#fff;
  box-shadow:0 8px 26px rgba(0,0,0,.45);
}
.rpc-title{
  display:block; font-size:.9rem; line-height:1.35; font-weight:800;
  margin-bottom:6px; letter-spacing:.2px;
}
.rpc-price s{ opacity:.6; font-size:.92rem; font-weight:700; margin-right:8px }
.rpc-price b{ font-size:1.4rem; font-weight:900; color:#ffd98a; letter-spacing:.3px }
.rpc-off{
  display:inline-block; vertical-align:4px; margin-left:8px;
  background:#c2255c; color:#fff; font-size:.62rem; font-weight:900;
  border-radius:999px; padding:3px 9px; letter-spacing:.4px;
}
.rpc-trust{
  margin-top:5px; font-size:.68rem; font-weight:800; color:#b9f2cf;
  letter-spacing:.3px;
}
.rpc-urg{
  margin-top:4px; font-size:.72rem; font-weight:900; color:#ffd98a;
}
.rpc-buy{
  display:flex; width:100%; min-height:50px; margin-top:9px;
  align-items:center; justify-content:center;
  font-size:1.02rem; font-weight:900; letter-spacing:.4px;
  animation:rpcPulse 2.4s ease-in-out infinite;
}
@keyframes rpcPulse{
  0%, 100%{ box-shadow:0 6px 18px rgba(224,0,50,.4) }
  50%{ box-shadow:0 6px 26px rgba(224,0,50,.75) }
}
.rpc-wa{
  display:flex; width:100%; min-height:44px; margin-top:8px;
  align-items:center; justify-content:center;
  font-size:.88rem; font-weight:800;
}
/* desktop: keep the funnel identical, just roomier */
@media(min-width:900px){
  .rp-bottom{ left:calc(50% - 230px); right:calc(50% - 230px) }
  .rp-card{ padding:15px 18px 16px }
  .rpc-title{ font-size:1rem }
  .rpc-price b{ font-size:1.6rem }
}

/* ============================================================================
   🎯 PRODUCT FIRST SCREEN — trust chips, green BUY NOW, real-photo block
   (photo → name → rating → price → trust → BUY — all visible on load)
   ========================================================================== */
/* 🛡️ trust chips — right under the price */
.pd-trust{ display:flex; flex-wrap:wrap; gap:6px; margin:9px 0 2px }
.pd-trust span{
  background:#e9f7ef; color:#1e7d46; font-size:.66rem; font-weight:900;
  border-radius:999px; padding:5px 11px; letter-spacing:.2px; white-space:nowrap;
}
.pd-trust span:nth-child(2){ background:#fff3e0; color:#b26a00 }
.pd-trust span:nth-child(3){ background:#fdf0f3; color:#c2255c }
.pd-trust span:nth-child(4){ background:#e3f2fd; color:#1565c0 }
/* 🟢 BUY NOW — big green primary (price ON the button) */
.btn-buygreen{
  background:linear-gradient(0deg,#0a7a40,#12a456 55%,#26c46e);
  color:#fff;
  box-shadow:0 6px 18px rgba(16,140,80,.45);
}
.btn-buygreen:active{ transform:scale(.98) }
.pd-btns .btn-buygreen{ flex:1.35; font-size:1.02rem; letter-spacing:.4px }
/* 📸 real photo / video block */
.pd-realphoto{
  margin-top:10px; display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#fdf6e3,#fff);
  border:1.5px dashed #e8c66a; border-radius:13px; padding:10px 12px;
}
.pd-realphoto .prp-txt{ flex:1; min-width:0 }
.pd-realphoto .prp-txt b{ display:block; font-size:.8rem; color:#5c4a1e; line-height:1.4 }
.pd-realphoto .prp-txt small{ color:#8a7a70; font-size:.68rem; font-weight:700 }
.pd-realphoto .btn{ width:auto; min-width:132px; flex:0 0 auto; min-height:44px }
/* 📱 mobile — photo capped so name+price+BUY fit the FIRST screen */
@media(max-width:640px){
  .pd-gal .main{ min-height:auto }
  .pd-gal .main img{ max-height:44vh; width:100%; height:auto; object-fit:cover }
  .pd-realphoto{ flex-direction:column; text-align:center; align-items:stretch; gap:8px }
  .pd-realphoto .btn{ width:100%; min-width:0 }
  .pd-trust span{ font-size:.6rem; padding:4px 9px }
}

/* ============================================================================
   🎯 COMPACT CARDS + MINI QUOTE (card height −20%, photo-first reels)
   ========================================================================== */
/* 🎬 reels quote — small & subtle: the SAREE is the hero, not the text */
.rp-quote{ padding:0 56px calc(160px + env(safe-area-inset-bottom)) 14px }
.rp-quote p{
  font-size:1rem !important; line-height:1.55 !important;
  max-width:340px; margin:0 auto;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
  opacity:.95;
}
/* reels card — 4 trust points wrap neatly, tighter card */
.rp-card{ padding:11px 13px 12px }
.rpc-trust{ font-size:.63rem; line-height:1.6; letter-spacing:.2px }
.rpc-buy{ min-height:48px; font-size:.95rem }
.rpc-wa{ min-height:42px; font-size:.8rem }
/* 🛍️ landing cards — compact (image + 2-line title + price + chip + 2 CTAs) */
.lpc-b{ padding:8px 9px 10px; gap:5px }
.lpc-t{ text-decoration:none }
.lpc-t b{
  font-size:.8rem; line-height:1.28; color:#2b2320; display:block;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.lpc-t small{
  display:block; margin-top:1px;
  color:#8a7a70; font-size:.66rem; font-weight:800; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.lpc-price b{ font-size:1.06rem }
.lpc-price s{ font-size:.72rem; margin-left:6px; margin-right:0 }
.lpc-trust{ font-size:.62rem; padding:3px 9px }
.lpc-btns{ gap:5px }
.lpc-btns .btn{ min-height:38px; font-size:.78rem; padding:6px 8px }
.lpc-btns .btn-wa{ min-height:34px; font-size:.74rem }
.lpc-img{ aspect-ratio:3/4 }

/* ============================================================================
   🎬 SHOPPING REELS v7 — the SAREE is the hero
   quote moves to a small TOP chip (photo 100% clean) + 🌐 language button
   ========================================================================== */
/* 💬 wish chip — top zone only (below the ☰ bar), never on the saree */
.rp-quote{
  position:absolute;
  top:calc(58px + env(safe-area-inset-top));
  left:10px; right:10px;
  padding:0 !important;
  display:flex; align-items:center; gap:8px;
  text-align:left; color:#fff;
  text-shadow:none;
  pointer-events:none;
  z-index:4;
}
.rp-quote p{
  flex:1; min-width:0; margin:0;
  font-family:'Noto Sans Tamil','Noto Sans Telugu','Noto Sans Kannada',system-ui,sans-serif !important;
  font-size:.74rem !important; font-weight:700 !important; line-height:1.45 !important;
  background:rgba(10,4,8,.55);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px; padding:7px 12px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
/* 🌐 language button — Tamil / Telugu / Kannada / English */
.rp-lang{
  pointer-events:auto; flex:0 0 auto; cursor:pointer;
  background:rgba(10,4,8,.55); color:#ffd98a;
  border:1px solid rgba(232,198,106,.45);
  border-radius:999px; font-size:.68rem; font-weight:900;
  padding:8px 12px; line-height:1;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.rp-lang:active{ transform:scale(.93) }
/* ☀️ lighter shade — the saree itself stays BRIGHT & clean
   (dark only where text lives: top strip + bottom card) */
.rp-shade{
  background:linear-gradient(180deg,
    rgba(8,3,6,.5) 0%,
    rgba(8,3,6,.18) 14%,
    transparent 20%,
    transparent 60%,
    rgba(8,3,6,.66) 80%,
    rgba(8,3,6,.95) 100%);
}
/* language modal buttons */
.rlang-btn small{ font-weight:700 }

/* ============================================================================
   🧾 ORDER SUMMARY CORRECTED (step-1 box) + 🎉 savings + sticky bar removed
   ========================================================================== */
/* 🚫 floating sticky bar — REMOVED (user request); rule keeps it dead even
   if an old cached page still has the markup */
.sticky-bar{ display:none !important }
body[data-page="product"] .pd-info{ padding-bottom:10px }
/* 🧾 step-1 Order Summary rows — properly styled (were unstyled: labels and
   values ran together, Total looked like a plain line) */
.form-card .row{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:8px 2px; font-size:.88rem;
  border-bottom:1px dashed var(--line);
}
.form-card .row span{ color:var(--muted); font-weight:700 }
.form-card .row b{ font-weight:900; color:#2b2320; font-variant-numeric:tabular-nums; text-align:right }
.form-card .row.total{
  border-bottom:0; border-top:2px dashed var(--line); margin-top:4px; padding-top:12px;
  font-weight:900; font-size:1.02rem;
}
.form-card .row.total span{ color:#2b2320; font-weight:900 }
.form-card .row.total b{ color:var(--maroon); font-size:1.15rem }
/* 💚 discount values */
.co-save{ color:var(--green) !important }
/* 🎉 "You saved ₹X" — the strongest checkout line */
.co-saved{
  text-align:center; color:var(--green); font-weight:800; font-size:.86rem;
  background:#e9f7ef; border:1.5px dashed #9edcb6; border-radius:11px;
  padding:8px 10px; margin:10px 0 0;
}
.co-saved b{ font-size:1.02rem }
/* 🚚 FREE-delivery nudge (grows the order) */
.co-nudge{
  border:1.5px dashed var(--gold); border-radius:11px; padding:8px 10px;
  background:var(--gold-soft); color:#6b4c05;
  font-size:.8rem; font-weight:800; margin-top:8px; text-align:center;
}
.co-nudge a{ color:var(--maroon); font-weight:900; text-decoration:underline }

/* ============================================================================
   🎨 PREMIUM UI — product page + checkout (maroon + cream, soft shadows,
   modern rounded, mobile-first — 2026 redesign)
   ========================================================================== */
/* ── product page ─────────────────────────────────────────────────────────── */
/* 🛒 primary BUY — deep maroon, large rounded, soft shadow */
.btn-pd-buy{
  background:linear-gradient(0deg,#5c1024,#8f1d3a 60%,#a63a52);
  color:#fff;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(143,29,58,.42);
  font-weight:900; letter-spacing:.4px;
}
.btn-pd-buy:active{ transform:scale(.98) }
.pd-btns .btn-pd-buy{ flex:1.35; font-size:1.04rem; min-height:54px }
/* 💬 secondary — OUTLINED green WhatsApp */
.btn-wa-o{
  background:#fff;
  color:#0e7d46;
  border:2px solid #17a45f;
  border-radius:16px;
  font-weight:800;
}
.btn-wa-o svg{ fill:#0e7d46 }
.btn-wa-o:active{ background:#e9f7ef }
/* 📸 real photos — camera icon + cream gradient */
.pd-realphoto{
  background:linear-gradient(135deg,#fdf3e0,#fffdf8);
  border:1.5px solid #ecd9a8;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(160,120,40,.08);
}
.prp-cam{
  flex:0 0 auto; width:44px; height:44px;
  background:linear-gradient(135deg,#f7e3b0,#efd188);
  border-radius:13px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem;
  box-shadow:0 3px 8px rgba(160,120,40,.22);
}
.pd-realphoto .btn{ background:linear-gradient(0deg,#0e7d46,#17a45f); color:#fff; border:0; border-radius:13px; box-shadow:0 4px 12px rgba(23,164,95,.32) }
/* 🛍️ secondary row — smaller elegant chips */
.pd-secondary{ gap:8px }
.pd-secondary .btn{
  background:#faf5ef; border:1.5px solid #eadfd6; color:#6b4a3a;
  border-radius:13px; font-size:.8rem; font-weight:800;
  min-height:42px; box-shadow:none;
}
.pd-secondary .btn:active{ background:#f3e9de }
/* 📌 sticky bar — clean premium (price + BUY + WhatsApp icon) */
.sticky-bar.sb2{
  display:flex !important;              /* re-activated (old kill rule overridden) */
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(10px);
  border-top:0;
  box-shadow:0 -10px 30px rgba(60,10,25,.14);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  gap:10px;
}
.sticky-bar.sb2 .sb-price b{ font-size:1.18rem; color:#8f1d3a }
.sticky-bar.sb2 .sb-price small{ color:#1e7d46; font-weight:900 }
.sticky-bar.sb2 .btn-pd-buy{ flex:1; min-height:50px; font-size:.95rem; border-radius:14px }
.sticky-bar.sb2 .sb-wa{
  flex:0 0 auto; width:50px; min-height:50px; padding:0;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:2px solid #17a45f; border-radius:14px;
}
.sticky-bar.sb2 .sb-wa svg{ fill:#0e7d46; margin:0 }
body[data-page="product"]{ padding-bottom:74px }   /* content never hides behind the bar */
/* price + OFF badge — bigger, bolder */
.pd-price b{ font-size:1.75rem }
.pd-price .off{
  background:linear-gradient(135deg,#e0173a,#ff2d55);
  color:#fff; font-size:.72rem; font-weight:900;
  padding:6px 12px; border-radius:999px;
  box-shadow:0 3px 10px rgba(224,23,58,.35);
}
/* ── checkout page ────────────────────────────────────────────────────────── */
/* 🧾 cards — premium rounded + soft shadow */
.form-card{ border-radius:18px; box-shadow:0 4px 18px rgba(61,10,27,.05); border-color:#efe4da }
/* ⭐ loyalty points — prominent gold card */
.pts-card{
  display:flex; align-items:center; gap:12px;
  background:linear-gradient(135deg,#fdf6e3,#fffdf6);
  border:1.5px solid #ecd9a8;
  border-radius:16px; padding:12px 14px; margin-top:10px;
  cursor:pointer; position:relative;
}
.pts-card input{ position:absolute; opacity:0; }
.pts-card .pts-ic{
  width:42px; height:42px; border-radius:12px;
  background:linear-gradient(135deg,#f7e3b0,#efd188);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
  box-shadow:0 3px 8px rgba(160,120,40,.2);
}
.pts-card .pts-txt{ flex:1; min-width:0 }
.pts-card .pts-txt b{ display:block; font-size:.86rem; color:#5c4a1e }
.pts-card .pts-txt small{ color:#8a7a70; font-size:.7rem; font-weight:700 }
.pts-card .pts-amt{
  color:#1e7d46; font-weight:900; font-size:1rem;
  background:#e9f7ef; border-radius:999px; padding:6px 12px;
}
.pts-card:has(input:checked){ border-color:#17a45f; box-shadow:0 0 0 3px rgba(23,164,95,.15) }
.pts-card:has(input:checked)::after{
  content:'✓'; position:absolute; top:-7px; right:-7px;
  width:22px; height:22px; border-radius:50%;
  background:#17a45f; color:#fff; font-size:.72rem; font-weight:900;
  display:flex; align-items:center; justify-content:center;
}
/* 💳 payment method cards — modern */
.pay-grid{ gap:10px }
.pay-opt{
  border-radius:16px; border:1.5px solid #eadfd6;
  background:#fff; box-shadow:0 2px 10px rgba(61,10,27,.04);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.pay-opt.on{
  border-color:#8f1d3a;
  box-shadow:0 0 0 3px rgba(143,29,58,.14), 0 4px 14px rgba(143,29,58,.1);
  background:linear-gradient(135deg,#fff,#fdf4f7);
}
.pay-opt .radio{
  width:22px; height:22px; border-radius:50%;
  border:2px solid #d9c9bd; background:#fff; flex:0 0 auto;
}
.pay-opt.on .radio{ border-color:#8f1d3a; background:radial-gradient(circle at center,#8f1d3a 45%,#fff 50%) }
.pay-opt small{ color:#9c8b80; font-weight:700 }
/* 🚚 delivery info — soft cream highlight */
.delivery-card{
  background:linear-gradient(135deg,#fdf6e3,#fffdf8);
  border:1.5px solid #ecd9a8; border-radius:16px;
  color:#5c4a1e;
}
/* 🧾 order summary + review — bigger bold Total */
.form-card .row.total b{ font-size:1.3rem; color:#8f1d3a }
.rvw-total b{ font-size:1.5rem }
.rvw-card{ border-radius:18px }
@media(max-width:640px){
  .pd-btns .btn-pd-buy{ min-height:52px }
  .pd-realphoto .btn{ min-width:0; font-size:.78rem }
}

/* ============================================================================
   🎬 SHOPPING REELS v8 — quote RESTORED (centred, like before) + minimal card
   ========================================================================== */
/* 💬 the wish — centred on the reel photo again (classic look, auto language) */
.rp-quote{
  top:17% !important; left:20px !important; right:20px !important;
  padding:0 !important;
  display:block !important;
  text-align:center;
  gap:0;
}
.rp-quote p{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:1.06rem !important;
  font-weight:800 !important;
  line-height:1.75 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 14px !important;
  margin:0 auto;
  max-width:440px;
  color:#fff;
  display:block !important;
  -webkit-line-clamp:unset !important;
  text-shadow:0 3px 16px rgba(0,0,0,.8), 0 1px 4px rgba(0,0,0,.85);
}
/* 🌐 language icon removed (full auto-switch) — keep any stray instance dead */
.rp-lang{ display:none !important }
/* ☀️ shade — bright saree, but a soft dark band behind the quote text */
.rp-shade{
  background:linear-gradient(180deg,
    rgba(8,3,6,.5) 0%,
    rgba(8,3,6,.34) 16%,
    rgba(8,3,6,.12) 30%,
    transparent 42%,
    transparent 62%,
    rgba(8,3,6,.68) 82%,
    rgba(8,3,6,.95) 100%);
}
/* 🛍️ MINIMAL shop card — urgency + SHOP NOW + WhatsApp, nothing else */
.rp-card{ padding:11px 13px 12px }
.rpc-urg{ font-size:.78rem; text-align:center; margin-bottom:2px }
.rpc-buy{ min-height:52px; font-size:1.02rem; letter-spacing:.5px }
.rpc-wa{ min-height:44px; font-size:.84rem }

/* ============================================================================
   🎬 REELS QUOTE — blur removed (crisp text, clear photo) + 🧵 COMBO PAGE
   ========================================================================== */
.rp-quote, .rp-quote p{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
/* ── 🧵 dhoti+shirt & saree combo page ─────────────────────────────────────── */
.cmb-hero{
  background:linear-gradient(135deg,#5c1024,#8f1d3a 60%,#a63a52);
  border-radius:0 0 22px 22px; padding:26px 16px 22px;
  color:#fff; text-align:center;
}
.cmb-kick{
  display:inline-block; background:rgba(255,255,255,.15); border:1px solid rgba(232,198,106,.5);
  color:#ffd98a; font-size:.66rem; font-weight:900; letter-spacing:.6px;
  border-radius:999px; padding:5px 13px; margin-bottom:10px; text-transform:uppercase;
}
.cmb-hero h1{ font-size:1.35rem; line-height:1.3; margin:0 0 8px; font-family:'Playfair Display',Georgia,serif }
.cmb-hero p{ font-size:.84rem; line-height:1.7; opacity:.95; margin:0 }
.cmb-courier{
  display:inline-block; margin-top:12px;
  background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.22);
  color:#ffe9c9; font-size:.72rem; font-weight:800; border-radius:999px; padding:7px 14px;
}
.cmb-sec{ margin:16px 0; background:#fff; border:1.5px solid #eadfd6; border-radius:16px; padding:14px 14px 12px }
.cmb-sec h2{ font-size:.98rem; color:#8f1d3a; margin:0 0 10px }
.cmb-sec h2 small{ font-weight:600; font-size:.68rem }
.cmb-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px }
@media(min-width:700px){ .cmb-grid{ grid-template-columns:repeat(4,1fr) } }
.cmb-pick{
  position:relative; background:#faf5ef; border:2px solid #eadfd6; border-radius:14px;
  padding:0 0 10px; cursor:pointer; text-align:center; overflow:hidden;
  transition:border-color .15s ease, transform .15s ease;
}
.cmb-pick img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block }
.cmb-pick b{ display:block; font-size:.74rem; line-height:1.3; margin-top:7px; padding:0 6px; color:#2b2320;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.cmb-pick small{ color:#8f1d3a; font-weight:900; font-size:.9rem }
.cmb-off{
  position:absolute; top:7px; left:7px; background:#c2255c; color:#fff;
  font-size:.58rem; font-weight:900; padding:3px 8px; border-radius:999px;
}
.cmb-check{
  position:absolute; top:7px; right:7px; width:24px; height:24px; border-radius:50%;
  background:#17a45f; color:#fff; font-size:.8rem; font-weight:900;
  display:none; align-items:center; justify-content:center;
}
.cmb-pick.on{ border-color:#17a45f; box-shadow:0 0 0 3px rgba(23,164,95,.18); transform:translateY(-2px) }
.cmb-pick.on .cmb-check{ display:flex }
.cmb-sizes{ display:flex; flex-wrap:wrap; gap:8px }
.cmb-size{
  background:#fff; border:2px solid #eadfd6; color:#6b4a3a;
  border-radius:12px; font-size:.82rem; font-weight:900; padding:10px 16px; cursor:pointer;
  min-width:64px; text-align:center;
  transition:all .15s ease;
}
.cmb-size.on{ background:#8f1d3a; border-color:#8f1d3a; color:#fff }
.cmb-sum{
  margin-top:16px; background:linear-gradient(135deg,#fdf6e3,#fffdf8);
  border:1.5px solid #ecd9a8; border-radius:16px; padding:16px;
  display:grid; gap:7px;
}
.cmb-sum b{ color:#5c4a1e; font-size:.95rem }
.cmb-sum span{ font-size:.86rem; font-weight:700; color:#4a3b33 }
.cmb-sum .btn{ margin-top:8px }

/* ============================================================================
   🖼️ CATEGORY-FOLDER LANDING — hero image banner (clean page, no tools)
   ========================================================================== */
.cat-hero{
  position:relative; border-radius:18px; overflow:hidden;
  margin:12px 0 4px; min-height:210px; display:flex; align-items:flex-end;
  box-shadow:0 8px 26px rgba(61,10,27,.18);
}
.cat-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.cat-hero-over{
  position:relative; z-index:1; width:100%;
  padding:46px 16px 16px; text-align:center;
  background:linear-gradient(180deg, transparent, rgba(20,6,12,.78));
  color:#fff;
}
.cat-hero-over h1{
  font-family:'Playfair Display',Georgia,serif; font-size:1.5rem;
  margin:6px 0 6px; text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.cat-hero-over p{ font-size:.74rem; font-weight:800; margin:0; opacity:.96 }
.ch-kick{
  display:inline-block; background:rgba(255,255,255,.16);
  border:1px solid rgba(232,198,106,.55); color:#ffd98a;
  font-size:.62rem; font-weight:900; letter-spacing:.6px;
  border-radius:999px; padding:4px 12px; text-transform:uppercase;
}
@media(min-width:700px){
  .cat-hero{ min-height:300px }
  .cat-hero-over h1{ font-size:2.1rem }
}

/* ============================================================================
   ✨ UI POLISH — real-photo block (1 symbol, pretty pill) + glass WA reel button
   ========================================================================== */
/* 📸 real photos block — cleaner: ONE image symbol, gradient pill button */
.pd-realphoto{ align-items:center }
.pd-realphoto .prp-txt b{ font-size:.84rem }
.prp-btn{
  background:linear-gradient(0deg,#0e7d46,#17a45f 55%,#2ab86e);
  color:#fff; border:0; border-radius:999px;
  min-height:46px; padding:10px 20px;
  font-size:.82rem; font-weight:900; letter-spacing:.3px;
  box-shadow:0 5px 14px rgba(23,164,95,.35);
  white-space:nowrap;
}
.prp-btn:active{ transform:scale(.97) }
/* 🎬 reels — WhatsApp order button = semi-transparent glass
   (the red BUY NOW stays the hero; WA is the calm second option) */
.rp-card .rpc-wa{
  background:rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1.5px solid rgba(37,211,102,.55);
  color:#d9f7e6;
}

/* 🧵 combo page — quantity selector */
.cmb-qty{
  display:flex; align-items:center; justify-content:center; gap:18px;
  background:#faf5ef; border:1.5px solid #eadfd6; border-radius:14px;
  padding:10px; width:max-content; margin:0 auto;
}
.cmb-qty button{
  width:46px; height:46px; border-radius:12px; border:0;
  background:linear-gradient(0deg,#5c1024,#8f1d3a);
  color:#fff; font-size:1.4rem; font-weight:900; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.cmb-qty button:active{ transform:scale(.94) }
.cmb-qty span{
  min-width:52px; text-align:center; font-size:1.3rem; font-weight:900; color:#8f1d3a;
}

/* ============================================================================
   📱 FLOATING BUTTONS — mobile only (removed on desktop, 2026-09-06)
   ========================================================================== */
@media(min-width:900px){
  .wa-float, .ai-float, .wa-bubble{ display:none !important }
}

/* ============================================================================
   ✨ PRODUCT PAGE v2 — colour chips, why-you'll-love, sticky mobile-only,
   wa-o fix, reels language chip
   ========================================================================== */
/* 🎨 colour selection chips */
.pd-colours{ margin:10px 0 2px }
.pd-colours .pd-chips{ display:flex; flex-wrap:wrap; gap:7px; margin-top:6px }
.pd-colour{
  background:#fff; border:1.5px solid #eadfd6; color:#6b4a3a;
  border-radius:999px; padding:8px 15px; font-size:.78rem; font-weight:800;
  cursor:pointer; transition:all .15s ease;
}
.pd-colour.on{
  background:var(--maroon); border-color:var(--maroon); color:#fff;
  box-shadow:0 3px 10px rgba(143,29,58,.3);
}
/* ✨ Why You'll Love This Saree */
.pd-love{
  margin-top:12px; background:#faf5ef;
  border:1.5px solid #eadfd6; border-radius:14px; padding:12px 14px;
}
.pd-love b{ color:#70142c; font-size:.9rem }
.pd-love ul{ list-style:none; margin:8px 0 0; padding:0; display:grid; gap:5px }
.pd-love li{ font-size:.8rem; font-weight:700; color:#4a3b33; line-height:1.5 }
/* 📌 sticky BUY bar — MOBILE ONLY (desktop has the big green button) */
@media(min-width:900px){
  .sticky-bar.sb2{ display:none !important }
  body[data-page="product"]{ padding-bottom:0 }
}
/* 💬 outlined WhatsApp button — corrected (visible on any background) */
.btn-wa-o{
  background:#fff !important;
  color:#0e7d46 !important;
  border:2px solid #17a45f !important;
  border-radius:16px;
  font-weight:800;
  box-shadow:0 3px 10px rgba(23,164,95,.14);
}
.btn-wa-o svg{ fill:#0e7d46 !important }
.btn-wa-o:active{ background:#e9f7ef !important }
/* 🌐 reels language chip (top-right, manual override) */
.rp-lang{
  position:absolute; top:calc(58px + env(safe-area-inset-top)); right:10px;
  z-index:5; cursor:pointer; pointer-events:auto;
  background:rgba(10,4,8,.55); color:#ffd98a;
  border:1px solid rgba(232,198,106,.45);
  border-radius:999px; font-size:.68rem; font-weight:900;
  padding:8px 12px; line-height:1;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.rp-lang:active{ transform:scale(.93) }

/* ============================================================================
   ✨ TOP 6 GRID + 🌐 language icon visibility fix
   ========================================================================== */
/* 🔥 6 best sellers — 3 columns × 2 rows on desktop (clean grid) */
@media(min-width:1020px){
  .lpd-grid{ grid-template-columns:repeat(3,1fr) !important }
}
/* 🌐 reels language icon — VISIBLE (old display:none kill rule overridden) */
.rp-lang{ display:inline-block !important }