/* ============================================================
   SHIVATV — Design Tokens (v2 — matched to real brand mark)
   Palette pulled directly from the Shivatv logo: deep forest green
   + laurel, crimson-red devanagari accent, clean white ground.
   Pharma-grade / nutraceutical label aesthetic — flat, precise,
   trustworthy — not a cartoon herbal-store look.
   Display: 'Fraunces' (editorial serif, restrained, not novelty)
   Body: 'Inter'  |  Utility/labels: 'JetBrains Mono'
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=JetBrains+Mono:wght@400;500&family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  /* ===== Flipkart-inspired storefront palette ===== */
  --pine-900:#2874f0;   /* Flipkart blue — primary brand/header */
  --pine-700:#1c5bc9;   /* deeper blue — hovers */
  --pine-500:#5b9bff;   /* soft blue — accents */
  --red-600:#fb641b;    /* Flipkart orange — CTAs, eyebrow accents */
  --red-500:#ff9f00;    /* amber-orange — secondary accent */
  --red-100:#fff2e6;
  --gold-600:#ffb300;   /* golden-yellow — badges */
  --gold-400:#ffc200;
  --gold-200:#ffe500;   /* bright yellow — readable on blue bg */
  --gold:#ffc200;
  --parchment:#f1f3f6;  /* Flipkart light grey page background */
  --parchment-dark:#dfe3ea;
  --ink:#212121;
  --ink-soft:#6b6f76;
  --white:#FFFFFF;

  --r-lg:18px;
  --r-md:12px;
  --r-sm:8px;

  --shadow-soft:0 16px 36px -14px rgba(40,116,240,0.30);
  --shadow-tight:0 6px 18px -8px rgba(40,116,240,0.26);

  --font-display:'Poppins', 'Inter', sans-serif;
  --font-body:'Inter', Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  --font-mono:'JetBrains Mono', monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  background:
    radial-gradient(circle at 10% 0%, rgba(201,160,58,0.1), transparent 35%),
    radial-gradient(circle at 95% 12%, rgba(43,92,74,0.14), transparent 40%),
    var(--parchment);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img,svg,iframe,video{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.inline-icon{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;vertical-align:-0.14em;margin-right:.28em;}
html, body{min-width:0;}
html{overflow-x:hidden;}
*,*::before,*::after{box-sizing:border-box;}
button,input,select,textarea{min-width:0;}
body, h1,h2,h3,h4,h5,h6,p,span,label,button,input,textarea,select,option,li{overflow-wrap:break-word;word-break:break-word;}
.inline-icon svg{width:100%;height:100%;display:block;}
.homepage-inline-icon{display:inline-flex;align-items:center;justify-content:center;width:.78em;height:.78em;vertical-align:-0.08em;margin-right:.22em;}
.homepage-inline-icon svg{width:100%;height:100%;display:block;}
.homepage-card-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:0 auto 6px;}
.homepage-card-icon svg{width:100%;height:100%;display:block;}
.ticker-item svg,.icon-btn svg,.hamburger svg,.card-icon svg{display:block;flex-shrink:0;}
:root{--leaf-cursor:auto;}
body{margin:0;
  font-family:var(--font-body);
  background:var(--parchment);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  cursor:var(--leaf-cursor), auto;
}
html, body, a, button, input, select, textarea, .btn, .icon-btn, .hero-arrow, .hero-dots button, .concern-tab, .footer-expander summary {
  cursor:var(--leaf-cursor), auto;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;color:var(--pine-900);line-height:1.15;margin:0 0 .5em;transition:transform .22s ease, color .22s ease;}
p{margin:0 0 1em;}
.eyebrow{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--red-600);
  display:inline-block;
  margin-bottom:.6em;
  transition:color .22s ease;
}
.container{width:min(100%,1180px);max-width:1180px;margin:0 auto;padding:0 24px;}
section{padding:40px 0;position:relative;}
@media(max-width:640px){section{padding:28px 0;}}

/* Flipkart-style section banding: alternate flat white / light-grey blocks so every
   section reads as its own distinct block, each wrapped in a soft card-like shell. */
section:nth-of-type(odd){background:var(--white);}
section:nth-of-type(even){background:var(--parchment);}
section > .container{position:relative;}

/* Animated separator between sections: a slim traveling gold/blue dot on a soft line,
   centered in a small pill so it reads as an intentional divider, not a stray line. */
section:not(:first-of-type)::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(40,116,240,.14) 20%, rgba(40,116,240,.14) 80%, transparent);
}
section:not(:first-of-type)::after{
  content:'';
  position:absolute;
  top:-7px;
  left:50%;
  transform:translateX(-50%);
  width:14px;height:14px;
  background:var(--white);
  border:2px solid var(--gold-400);
  border-radius:50%;
  box-shadow:0 0 0 6px var(--parchment), 0 2px 8px rgba(0,0,0,.12);
  animation:separatorPulse 2.6s ease-in-out infinite;
  z-index:2;
}
section:not(:first-of-type) .section-divider-track{
  position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  width:min(240px,40vw);height:3px;overflow:hidden;border-radius:999px;
}
@keyframes separatorPulse{
  0%,100%{transform:translateX(-50%) scale(.8);box-shadow:0 0 0 6px var(--parchment), 0 2px 6px rgba(0,0,0,.1);}
  50%{transform:translateX(-50%) scale(1.15);box-shadow:0 0 0 9px rgba(40,116,240,.08), 0 2px 10px rgba(0,0,0,.14);}
}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.01em;
  padding:14px 28px;border-radius:10px;border:none;cursor:pointer;
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, background .22s ease, filter .18s ease;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px -10px rgba(40,116,240,0.35);filter:brightness(1.03);}
.btn:active{transform:translateY(0) scale(.97);}
.btn-primary{background:var(--pine-900);color:#fff;}
.btn-primary:hover{background:var(--pine-700);box-shadow:0 12px 26px -10px rgba(40,116,240,0.45);}
.btn-gold{background:linear-gradient(135deg, var(--gold-600), var(--red-600));color:#fff;}
.btn-gold:hover{background:linear-gradient(135deg, var(--red-600), var(--gold-600));box-shadow:0 12px 26px -10px rgba(251,100,27,0.45);}
.btn-outline{background:transparent;color:var(--pine-900);border:1.5px solid var(--pine-900);}
.btn-outline:hover{background:var(--pine-900);color:#fff;}
.btn-block{width:100%;}
.btn-sm{padding:9px 18px;font-size:.82rem;border-radius:8px;}
.btn-danger{background:var(--red-600);color:var(--white);}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}
.btn .btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:btnRipple .55s ease-out;pointer-events:none;z-index:0;}
.btn > *{position:relative;z-index:1;}
@keyframes btnRipple{to{transform:scale(2.6);opacity:0;}}
.reveal-target{opacity:0;transform:translateY(18px) scale(.985);filter:blur(1px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1), filter .6s ease;will-change:opacity,transform,filter;}
.reveal-target.is-visible{opacity:1;transform:none;filter:none;}

/* ============ HEADER — modern glass + stronger nav typography ============ */
#site-header{
  position:sticky;
  top:0;
  width:100%;
  background:linear-gradient(180deg, var(--white) 0%, var(--parchment) 100%);
  border-bottom:2px solid var(--gold);
  box-shadow:0 6px 24px -14px rgba(14,59,77,.25);
  z-index:1200;
  overflow:visible;
}

.ticker-bar{
  background:linear-gradient(90deg, rgba(21,69,61,.95), var(--pine-900) 42%, rgba(34,73,59,.96) 78%, rgba(21,69,61,.95));
  color:var(--gold-200);
  overflow:hidden;
  white-space:nowrap;
  position:relative;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ticker-bar::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.14) 45%, transparent 60%);
  transform:translateX(-60%);
  animation:tickerSheen 5.8s linear infinite;
}
.ticker-track{
  display:inline-flex;
  align-items:center;
  gap:0;
  animation:tickerScroll 22s linear infinite;
  will-change:transform;
  position:relative;
  z-index:1;
}
.ticker-track span{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  padding:0 30px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-right:1px solid rgba(239,223,180,0.22);
}
.ticker-track span:last-child{border-right:none;}
.ticker-item svg{width:14px;height:14px;color:var(--gold-200);}
@keyframes tickerScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
@keyframes tickerSheen{
  0%{transform:translateX(-60%);}
  100%{transform:translateX(160%);}
}
@media(prefers-reduced-motion: reduce){.ticker-track{animation:none;}}

.navwrap{
  max-width:1280px;
  margin:0 auto;
  padding:10px 24px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  position:relative;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--pine-900);
}
.brand .mark{
  height:68px;
  width:auto;
  flex-shrink:0;
  filter:drop-shadow(0 4px 10px rgba(14,59,77,.18));
}
.brand .name{display:inline-flex;flex-direction:column;line-height:1.05;font-weight:800;font-size:1.1rem;font-family:var(--font-display);color:var(--pine-900);}
.brand .name small{display:block;font-size:.72rem;font-weight:600;color:var(--gold);letter-spacing:.14em;margin-top:4px;}
nav.mainnav{
  display:flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  min-width:0;
}
nav.mainnav a{
  position:relative;
  color:var(--pine-900);
  font-size:.96rem;
  font-weight:700;
  padding:12px 18px;
  border-radius:999px;
  white-space:nowrap;
  letter-spacing:.01em;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
nav.mainnav a.active{
  background:linear-gradient(120deg, var(--pine-900), var(--pine-700));
  color:var(--gold-200);
  box-shadow:0 10px 22px -14px rgba(14,59,77,.55);
}
nav.mainnav a:hover{background:rgba(196,155,66,.14);color:var(--pine-900);transform:translateY(-1px);}
.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.icon-btn{
  position:relative;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--white);
  color:var(--pine-900);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--parchment-dark);
  box-shadow:0 4px 12px -8px rgba(14,59,77,.25);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.icon-btn svg{width:20px;height:20px;}
.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-tight);border-color:var(--gold);background:var(--parchment);}
.admin-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:46px;
  padding:0 20px;
  border-radius:999px;
  background:linear-gradient(120deg, var(--pine-900), var(--pine-700));
  color:var(--gold-200);
  border:1px solid rgba(30,59,49,.14);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.04em;
  box-shadow:0 14px 30px -18px rgba(11,51,67,.45);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.admin-pill svg{width:16px;height:16px;flex-shrink:0;color:var(--gold);}
.admin-pill:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(11,51,67,.5);}
.admin-pill-label{white-space:nowrap;}
.icon-btn .badge{
  position:absolute;
  top:-5px;
  right:-5px;
  background:var(--red-600);
  color:var(--white);
  font-family:var(--font-mono);
  font-size:.64rem;
  font-weight:700;
  border-radius:999px;
  min-width:15px;
  height:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 3px;
}
.hamburger{display:none;background:var(--parchment);border:1px solid var(--parchment-dark);border-radius:14px;color:var(--pine-900);font-size:1.1rem;cursor:pointer;padding:9px 11px;}
.hamburger svg{width:20px;height:20px;}
@media(max-width:920px){
  .navwrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    padding:10px 16px;
  }
  .brand{order:1;}
  .brand .name{display:none !important;}
  .nav-actions{order:2;align-items:center;gap:10px;white-space:nowrap;}
  .hamburger{order:3;}
  nav.mainnav{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    background:var(--white);
    border:1px solid var(--parchment-dark);
    border-radius:14px;
    flex-direction:column;
    align-items:stretch;
    padding:12px;
    box-shadow:var(--shadow-soft);
    display:none;
    gap:10px;
    z-index:400;
  }
  nav.mainnav.open{display:flex !important;}
  nav.mainnav a{padding:12px 16px;font-size:1.02rem;}
  .hamburger{display:block;}
}

@media(max-width:640px){
  .ticker-bar{height:28px;}
  .navwrap{padding:8px 16px;gap:12px;}
  .brand{min-height:48px;gap:10px;}
  .brand .mark{height:58px;}
  nav.mainnav{gap:10px;}
  nav.mainnav a{font-size:.95rem;padding:10px 14px;}
  .icon-btn{width:38px;height:38px;}
  .admin-pill{height:38px;padding:0 12px;}
  .admin-pill-label{display:none;}
}

@media(min-width:641px){
  .admin-pill-label{display:inline;}
}

/* ============ FOOTER — curved top ============ */
#site-footer{
  margin-top:80px;
  background:
    radial-gradient(circle at 20% 0%, rgba(201,160,58,.18), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(145deg,var(--pine-900),var(--pine-700) 65%, var(--pine-900));color:var(--parchment-dark);
  border-radius:34px 34px 0 0;
  padding:64px 24px 24px;position:relative;
  overflow:hidden;
  box-shadow:0 -18px 40px -32px rgba(11,51,67,.65);
}
#site-footer::before{
  content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);
  width:120px;height:6px;background:var(--gold-400);border-radius:999px;
}
#site-footer::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-80px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(210,152,37,.2), transparent 70%);
  pointer-events:none;
}
.footgrid{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;
}
@media(max-width:820px){.footgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.footgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
#site-footer h4{color:var(--gold-200);font-size:1.08rem;font-family:var(--font-body);font-weight:700;margin-bottom:14px;position:relative;display:inline-block;padding-bottom:8px;}
#site-footer h4::after{content:'';position:absolute;left:0;bottom:0;width:42px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-400),transparent);}
#site-footer a{display:block;color:var(--parchment-dark);opacity:.9;font-size:.94rem;margin-bottom:10px;transition:transform .18s ease, color .18s ease;}
#site-footer a:hover{color:var(--gold-400);opacity:1;transform:translateX(2px);}
.footbottom{
  max-width:1180px;margin:40px auto 0;padding-top:20px;
  border-top:1px solid rgba(240,217,164,0.15);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:.8rem;color:var(--parchment-dark);opacity:.7;font-family:var(--font-mono);
}
.footbrand p{opacity:.85;font-size:.92rem;max-width:300px;}
.foot-social{display:flex;gap:10px;margin-top:12px;}
.foot-social a{
  position:relative;
  width:34px;height:34px;border-radius:50%;background:rgba(217,168,63,.12);
  margin:0;border:1px solid rgba(217,168,63,.3);overflow:hidden;flex:0 0 auto;
  box-sizing:border-box;
}
.foot-social a svg{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:16px;height:16px;
  margin:0;
}

/* Cards */
.card{background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-tight);padding:20px;}
.settings-accordion-toggle{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;margin:0;}
.settings-accordion-chevron{transition:transform .18s ease;font-size:.85em;color:var(--gold);margin-left:10px;}
.settings-accordion.open .settings-accordion-chevron{transform:rotate(180deg);}
.settings-accordion-body{margin-top:14px;}

/* Product grid */
.grid{display:grid;gap:18px;min-width:0;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:920px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
  .cat-panel{padding:28px 16px 26px;}
  .cat-panel .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
}
@media(max-width:520px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .cat-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

.mobile-slider{gap:12px;}
@media(max-width:720px){
  .mobile-slider{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:24px 0 26px;
    padding-left:12px;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-slider > *{
    flex:0 0 min(60vw,220px);
    scroll-snap-align:start;
    max-width:100%;
  }
  /* Gallery: show 4 images per row on mobile */
  #gallerySection.mobile-slider > *,
  .gallery-grid.mobile-slider > * {
    flex:0 0 calc(25vw - 12px);
    min-width:72px;
    max-width:120px;
    scroll-snap-align:start;
  }
  .mobile-slider .product-body{
    padding:12px 12px 10px;
  }
  .mobile-slider .product-actions .btn{
    padding:7px 9px;
    font-size:.78rem;
  }
  .mobile-slider .combo-body{
    padding:14px;
  }
  .mobile-slider .offer-card{
    padding:16px 14px;
  }
  .mobile-slider > *:not(:last-child){
    margin-right:0;
  }
}
.footer-expander summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  font-size:1rem;
  font-weight:700;
  color:var(--gold-200);
  border-bottom:1px solid rgba(255,255,255,0.12);
}
.footer-expander summary::-webkit-details-marker{display:none;}
.footer-expander summary::after{
  content:'+';
  font-size:1.2rem;
  transition:transform .2s ease;
}
.footer-expander[open] summary::after{
  content:'−';
}
.footer-expander a{margin-bottom:10px;}
.footer-expander a:last-child{margin-bottom:0;}
.footer-mobile-only{display:none;}
.footer-desktop-only{display:block;}
@media(max-width:820px){
  #site-footer{padding:44px 18px 18px;}
  .footgrid{gap:20px;}
  .footgrid > div{background:rgba(255,255,255,.05);padding:18px;border-radius:var(--r-md);}
  .footer-expander summary{padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.16);}
}
@media(max-width:560px){
  #site-footer{
    margin-top:46px;
    padding:30px 14px 14px;
    border-radius:20px 20px 0 0;
  }
  .footgrid{
    gap:10px;
  }
  .footgrid > div{
    padding:12px;
    border-radius:10px;
  }
  .footer-mobile-only{display:block;}
  .footer-desktop-only{display:none;}
  .footer-expander summary{
    padding:8px 0;
    font-size:.86rem;
    border-bottom:1px solid rgba(255,255,255,0.11);
  }
  .footer-expander a{
    margin-bottom:5px;
    font-size:.8rem;
  }
  #site-footer h4{
    font-size:.92rem;
    margin-bottom:8px;
  }
  #site-footer a{
    font-size:.82rem;
    margin-bottom:6px;
  }
  .footbrand p{
    display:none;
  }
  .foot-social{
    margin-top:8px;
    gap:6px;
  }
  .foot-social a{
    width:30px;
    height:30px;
  }
  .footbottom{
    margin-top:16px;
    padding-top:12px;
    font-size:.68rem;
    gap:6px;
  }
}
@media(max-width:380px){
  .footgrid{grid-template-columns:1fr;}
}

.product-card{
  background:var(--white);border-radius:var(--r-md);overflow:hidden;
  box-shadow:var(--shadow-tight);display:flex;flex-direction:column;min-width:0;height:100%;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  border:1px solid rgba(30,59,49,.08);
}
.product-card h3, .product-card .cat, .product-card .price-row{min-width:0;overflow-wrap:break-word;}
.product-card h3{font-size:1.05rem;margin:0;line-height:1.2;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;}
.product-card h3 a{color:inherit;text-decoration:none;display:block;}
.product-actions{flex-wrap:wrap;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px -18px rgba(14,59,77,0.22);}
.product-card{transition:transform .22s ease, box-shadow .22s ease;}
.product-img{
  aspect-ratio:1/1;background:var(--parchment);
  display:flex;align-items:center;justify-content:center;font-size:2.2rem;position:relative;
  border-bottom:1px solid var(--parchment-dark);
  overflow:hidden;
}
.product-img img{
  width:100%;height:100%;object-fit:contain;display:block;transition:opacity .28s ease, transform .28s ease;
}
.product-img::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(3,22,15,.24),rgba(3,22,15,0));
  pointer-events:none;
}
.product-img .secondary-img{
  position:absolute;inset:0;
  opacity:0;
  transform:scale(1.02);
  transition:opacity .28s ease, transform .28s ease;
}
.product-img:hover img.primary-img{opacity:.18;}
.product-img:hover .secondary-img{opacity:1;transform:scale(1);}
.product-img .tag{
  position:absolute;top:12px;left:12px;background:var(--red-600);color:var(--white);
  font-family:var(--font-mono);font-size:.65rem;padding:4px 10px;border-radius:999px;
}
.product-body{padding:12px 14px;display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;}
.product-body .cat{font-family:var(--font-mono);font-size:.68rem;color:var(--red-600);text-transform:uppercase;letter-spacing:.08em;}
.price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;}
.price{font-family:var(--font-mono);font-weight:600;font-size:1.15rem;color:var(--pine-900);}
.price-old{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);text-decoration:line-through;opacity:.6;}
.product-actions{display:flex;gap:8px;margin-top:10px;}
.product-actions .btn{flex:1;padding:8px 10px;font-size:.78rem;white-space:nowrap;}
.stars{color:var(--gold-600);font-size:.85rem;}
.qty-chip{display:inline-block;font-family:var(--font-mono);font-size:.68rem;color:var(--ink-soft);
  background:var(--parchment);border:1px solid var(--parchment-dark);padding:2px 9px;border-radius:999px;width:fit-content;}
.qty-chip-placeholder{visibility:hidden;}
.product-stock-note{display:block;min-height:1em;}
.product-stock-note.is-hidden{visibility:hidden;}
.qty-chip-lg{font-size:.78rem;padding:5px 14px;margin:6px 0 4px;}

/* Forms */
.field{margin-bottom:18px;}
.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--ink-soft);}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--parchment-dark);border-radius:var(--r-sm);
  font-family:var(--font-body);font-size:.95rem;background:var(--white);color:var(--ink);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold-400);border-color:var(--gold-400);}
.form-card{max-width:480px;margin:0 auto;}

/* Badges / status */
.badge-status{
  font-family:var(--font-mono);font-size:.7rem;padding:4px 12px;border-radius:999px;
  display:inline-block;font-weight:600;letter-spacing:.03em;
}
.st-pending{background:#F0D9A4;color:#7A5A11;}
.st-confirmed{background:#CFE3D4;color:#1F5A34;}
.st-shipped{background:#C9DEEB;color:#1E4A66;}
.st-delivered{background:#D4EAD0;color:#2A6B2A;}
.st-cancelled{background:#F1C9C0;color:#8A2E1D;}

.support-unread-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--red-600);
  color:var(--white);
  border-radius:999px;
  padding:3px 10px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.02em;
}

/* Tables */
table{width:100%;border-collapse:collapse;}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--parchment-dark);font-size:.9rem;}
th{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}

/* Admin support desk */
.admin-support-desk{
  display:grid;
  grid-template-columns:minmax(240px,320px) 1fr;
  gap:12px;
}
.admin-support-list{
  border:1px solid var(--parchment-dark);
  border-radius:12px;
  padding:8px;
  max-height:540px;
  overflow:auto;
  background:var(--parchment);
}
.admin-support-thread{
  width:100%;
  text-align:left;
  background:var(--white);
  border:1px solid var(--parchment-dark);
  border-radius:10px;
  padding:10px;
  margin-bottom:8px;
  position:relative;
}
.admin-support-thread.active{
  border-color:var(--gold-400);
  box-shadow:0 0 0 1px rgba(201,160,58,.28);
}
.admin-unread-dot{
  position:absolute;
  top:8px;
  right:8px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:var(--red-600);
  color:var(--white);
  font-size:.68rem;
  font-family:var(--font-mono);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
}
.admin-support-panel{
  border:1px solid var(--parchment-dark);
  border-radius:12px;
  background:var(--white);
  display:flex;
  flex-direction:column;
  min-height:420px;
}
.admin-thread-head{
  border-bottom:1px solid var(--parchment-dark);
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.admin-thread-body{
  flex:1;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:380px;
  overflow:auto;
  background:linear-gradient(180deg, rgba(244,240,230,.55), rgba(255,255,255,.9));
}
.admin-thread-msg{
  max-width:min(88%,560px);
  border-radius:12px;
  padding:9px 11px;
}
.admin-thread-msg p{
  margin:0;
  font-size:.87rem;
}
.admin-thread-msg small{
  display:block;
  margin-top:5px;
  font-size:.7rem;
  color:var(--ink-soft);
}
.admin-thread-msg.from-buyer{
  align-self:flex-start;
  background:var(--parchment);
  border:1px solid var(--parchment-dark);
}
.admin-thread-msg.from-admin{
  align-self:flex-end;
  background:#DCEBDD;
  border:1px solid #C2DCC5;
}
.admin-thread-compose{
  border-top:1px solid var(--parchment-dark);
  padding:12px;
}
.admin-thread-compose textarea{
  width:100%;
  border:1px solid var(--parchment-dark);
  border-radius:10px;
  padding:10px;
  resize:vertical;
  min-height:88px;
}

@media(max-width:920px){
  .admin-support-desk{grid-template-columns:1fr;}
  .admin-support-list{max-height:260px;}
  .admin-thread-body{max-height:320px;}
}

/* Hero shared */
.hero{
  position:relative;overflow:hidden;border-radius:var(--r-lg);
  background:var(--pine-900);color:var(--parchment);margin:0 24px;
  padding:70px 48px;
}
.hero-inner{max-width:1180px;margin:0 auto;}

/* Home page */
body.home-page{
  background:
    radial-gradient(circle at 12% 0%, rgba(201,160,58,0.12), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(62,127,102,0.12), transparent 34%),
    linear-gradient(180deg, #f7f3ea 0%, var(--parchment) 24%, #f5efe2 100%);
}
body.home-page section{padding:44px 0;position:relative;}
body.home-page section:first-of-type{padding-top:22px;}
body.home-page .section-head{position:relative;}
.hero-carousel-home{
  position:relative;
  margin:0 24px;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 28px 54px -26px rgba(14,59,77,.34);
  background:linear-gradient(145deg, rgba(30,59,49,.98), rgba(43,92,74,.96));
  border:1px solid rgba(255,255,255,.18);
}
.hero-carousel-home::before,
.hero-carousel-home::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
}
.hero-carousel-home::before{
  top:-72px;
  left:-72px;
  background:radial-gradient(circle, rgba(243,230,195,.18), transparent 68%);
}
.hero-carousel-home::after{
  right:-78px;
  bottom:-78px;
  background:radial-gradient(circle, rgba(201,160,58,.16), transparent 70%);
}
.hero-carousel-home .hero-slide{overflow:hidden;aspect-ratio:1986/822;background:linear-gradient(180deg,#f7f1e3,#efe5d1);}
.hero-carousel-home .hero-slide img{transition:transform .26s ease;object-fit:contain;width:100%;height:100%;}
.hero-carousel-home .hero-slide:hover img{transform:scale(1.01);}
.hero-carousel-home .hero-dots{bottom:18px;}
.hero-carousel-home .hero-arrow{background:rgba(255,255,255,.94);}
.hero-carousel-home .hero-arrow:hover{background:var(--white);}

@media(max-width:720px){
  .hero-carousel-home .hero-slide{aspect-ratio:4/3;}
}

@media(max-width:640px){
  body.home-page section{padding:56px 0;}
  .hero-carousel-home{margin:0 16px;border-radius:24px;}
}
/* Utility */
.text-center{text-align:center;}
.flex{display:flex;}
.between{justify-content:space-between;}
.center-y{align-items:center;}
.gap{gap:12px;}
.muted{color:var(--ink-soft);}
.mt-0{margin-top:0;}
.section-head{max-width:640px;margin:0 auto 42px;text-align:center;}
.section-head h1,.section-head h2{
  display:inline-block;
  position:relative;
  padding-bottom:10px;
}
.section-head h1::after,.section-head h2::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:72px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--gold-400), var(--red-500), var(--gold-400), transparent);
  background-size:200% 100%;
  animation:headingStripe 4s ease-in-out infinite;
}
@keyframes headingStripe{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
.divider-leaf{text-align:center;color:var(--gold-600);font-size:1.4rem;margin:8px 0 30px;}

/* About page */
.about-page{overflow:hidden;}
.about-hero{padding:26px 0 12px;position:relative;}
.about-hero::before{
  content:'';position:absolute;inset:-40px 0 auto 0;height:420px;
  background:radial-gradient(circle at 15% 20%, rgba(152,182,120,.18), transparent 40%),
             radial-gradient(circle at 82% 8%, rgba(255,255,255,.45), transparent 28%),
             linear-gradient(180deg, rgba(226,216,196,.82), rgba(244,240,230,0));
  pointer-events:none;
}
.about-hero-shell{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;}
.about-hero-intro{
  padding:40px 36px 34px;
  border-radius:30px;
  background:linear-gradient(155deg, rgba(28,56,46,.98), rgba(49,96,78,.96));
  color:var(--parchment);
  box-shadow:0 26px 56px -30px rgba(18,44,56,.44);
  display:flex;flex-direction:column;justify-content:space-between;
}
.about-hero-intro .eyebrow{color:var(--gold-200);}
.about-hero-intro h1{color:var(--gold-200);font-size:clamp(2.15rem, 4.8vw, 4rem);line-height:1.03;margin:10px 0 14px;max-width:11ch;}
.about-hero-intro .muted{color:rgba(244,240,230,.92);max-width:58ch;font-size:1.03rem;line-height:1.75;}
.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.about-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;}
.about-hero-metrics article{
  padding:15px 14px 13px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
}
.about-hero-metrics strong{display:block;font-size:1rem;color:var(--gold-200);margin-bottom:4px;}
.about-hero-metrics span{display:block;font-size:.82rem;color:rgba(244,240,230,.82);line-height:1.4;}
.about-hero-gallery{padding:22px;display:flex;flex-direction:column;gap:16px;overflow:hidden;}
.about-hero-gallery-top h2{margin:10px 0 0;line-height:1.1;max-width:12ch;}
.about-hero-gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch;flex:1;}
.about-image-tall{border-radius:24px;overflow:hidden;min-height:100%;background:var(--parchment);box-shadow:var(--shadow-tight);}
.about-image-tall img{width:100%;height:100%;object-fit:cover;display:block;}
.about-hero-notes{display:grid;gap:12px;align-content:start;}
.note-pill{
  display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(30,59,49,.05);border:1px solid var(--parchment-dark);
  color:var(--ink);font-size:.84rem;font-weight:600;
}
.note-pill .inline-icon{width:1.05rem;height:1.05rem;margin:0;color:var(--pine-700);}
.about-quote{padding:18px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.96));border:1px solid var(--parchment-dark);box-shadow:var(--shadow-tight);}
.about-quote strong{display:block;color:var(--pine-900);margin-bottom:6px;}
.about-quote p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.6;}

.about-manifesto{padding:22px 0 8px;}
.about-section-head{margin-bottom:28px;}
.about-manifesto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.about-manifesto-card{padding:24px 22px 22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}
.about-manifesto-card::after{
  content:'';position:absolute;inset:auto -28px -28px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(162,131,45,.16), transparent 68%);pointer-events:none;
}
.manifesto-index{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.18em;color:var(--red-600);}
.about-manifesto-card h3{margin:12px 0 8px;color:var(--pine-900);font-size:1.15rem;}
.about-manifesto-card p{margin:0;color:var(--ink-soft);font-size:.96rem;line-height:1.7;max-width:30ch;}

.about-journey{padding:34px 0 12px;}
.about-journey-shell{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:start;}
.about-journey-copy h2{margin-bottom:12px;max-width:15ch;}
.about-journey-copy .muted{max-width:62ch;}
.about-timeline{padding:24px;display:grid;gap:16px;}
.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:flex-start;padding:2px 0;}
.timeline-dot{width:14px;height:14px;border-radius:50%;margin-top:6px;background:var(--gold-600);box-shadow:0 0 0 6px rgba(199,161,57,.14);}
.timeline-item strong{display:block;color:var(--pine-900);margin-bottom:4px;}
.timeline-item p{margin:0;color:var(--ink-soft);font-size:.93rem;line-height:1.6;}

.about-quality{padding:20px 0 6px;}
.about-quality-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center;}
.about-quality-copy h2{margin-bottom:12px;max-width:16ch;}
.about-quality-copy .muted{max-width:58ch;}
.about-quality-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.quality-card{padding:20px 18px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;}
.quality-card .inline-icon{width:2rem;height:2rem;margin:0;color:var(--pine-700);}
.quality-card strong{display:block;margin:14px 0 6px;color:var(--pine-900);font-size:1rem;}
.quality-card p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.6;}

.about-closing{padding:34px 0 8px;}
.about-closing-shell{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:24px 26px;border-radius:28px;background:linear-gradient(135deg, rgba(30,59,49,.96), rgba(58,104,85,.94));color:var(--parchment);
  box-shadow:0 26px 56px -30px rgba(18,44,56,.44);
}
.about-closing-shell .eyebrow{color:var(--gold-200);}
.about-closing-shell h2{margin:10px 0 0;max-width:18ch;color:var(--gold-200);}
.about-closing-actions{display:flex;gap:12px;flex-wrap:wrap;}
.about-closing-actions .btn-outline{background:transparent;color:var(--gold-200);border-color:rgba(244,240,230,.32);}
.about-closing-actions .btn-outline:hover{background:rgba(255,255,255,.08);}

@media(max-width:920px){
  .about-hero-shell,
  .about-journey-shell,
  .about-quality-shell{grid-template-columns:1fr;}
  .about-hero-intro h1{max-width:12ch;}
  .about-hero-gallery-top h2,
  .about-journey-copy h2,
  .about-quality-copy h2{max-width:16ch;}
}

@media(max-width:700px){
  .about-hero{padding:18px 0 8px;}
  .about-hero-intro,
  .about-hero-gallery,
  .about-timeline,
  .about-manifesto-card,
  .quality-card,
  .about-closing-shell{border-radius:22px;}
  .about-hero-intro{padding:24px;}
  .about-hero-gallery{padding:18px;}
  .about-hero-gallery-grid{grid-template-columns:1fr;}
  .about-hero-metrics,
  .about-manifesto-grid,
  .about-quality-matrix{grid-template-columns:1fr;}
  .about-hero-metrics article,
  .about-manifesto-card,
  .quality-card{min-height:auto;}
  .about-closing-shell{padding:22px 20px;}
  .about-closing-actions .btn{width:100%;}
  .about-closing-shell h2{max-width:none;}
}

/* Homepage: Why Shivatv section */
.why-shivatv-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.why-shivatv-copy .muted{max-width:60ch;}
.why-shivatv-points strong{display:flex;align-items:center;gap:8px;line-height:1.2;}

@media(max-width:820px){
  .why-shivatv-grid{grid-template-columns:1fr;gap:18px;align-items:start;}
  .why-shivatv-media{order:1;aspect-ratio:16/10;}
  .why-shivatv-copy{order:2;}
  .why-shivatv-copy h2{font-size:1.6rem;line-height:1.15;margin-bottom:10px;}
  .why-shivatv-copy .muted{font-size:.96rem;line-height:1.65;}
  .why-shivatv-points{gap:14px;margin-top:18px !important;}
}

@media(max-width:640px){
  .why-shivatv-grid{gap:14px;}
  .why-shivatv-media{border-radius:22px;aspect-ratio:4/3;}
  .why-shivatv-copy h2{font-size:1.35rem;}
  .why-shivatv-copy .muted{font-size:.9rem;line-height:1.55;}
  .why-shivatv-points{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .why-shivatv-points strong{font-size:.88rem;}
  .why-shivatv-points p.muted{font-size:.78rem !important;}
}

/* Toast */
#toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--pine-900);color:var(--gold-200);padding:14px 26px;border-radius:999px;
  font-size:.9rem;font-weight:500;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;
  transition:all .3s ease;z-index:1000;
}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media(prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important;}}

/* subtle motion */
.animate-float{
  animation:floatUp 6s ease-in-out infinite alternate;
}
@keyframes floatUp{
  from{transform:translateY(0px);}
  to{transform:translateY(-6px);}
}

/* Flipkart-style boxed widget: every homepage content block sits in its own
   white rounded card with a soft shadow, on top of the section's tint band. */
.fk-widget{background:var(--white);border-radius:var(--r-lg);padding:24px 24px 28px;box-shadow:var(--shadow-tight);}
.fk-widget .section-head{margin-bottom:16px;}
@media(max-width:640px){.fk-widget{padding:18px 16px 20px;border-radius:16px;}}

.hero-carousel{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  margin:0 24px;box-shadow:var(--shadow-soft);
  background:var(--pine-900);
}
.hero-carousel::after{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(circle at top left, rgba(239,235,194,0.18), transparent 42%),
              radial-gradient(circle at bottom right, rgba(255,255,255,0.08), transparent 32%);
  pointer-events:none;
}
.hero-slide img{transition:transform .35s ease;}
.hero-slide img:hover{transform:scale(1.02);}
.hero-track{display:flex;transition:transform .55s cubic-bezier(.65,0,.35,1);}
.hero-slide{min-width:100%;aspect-ratio:1986/822;}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:720px){.hero-slide{aspect-ratio:4/3;}}

.hero-dots{
  position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:10;
}
.hero-dots button{
  width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,0.45);
  cursor:pointer;padding:0;transition:background .2s, width .2s, transform .2s ease;
}
.hero-dots button:hover{transform:scale(1.2);}
.hero-dots button.active{background:var(--white);width:22px;border-radius:6px;}

.hero-carousel .hero-slide{overflow:hidden;}
.hero-carousel .hero-slide img{transition:transform .35s ease;}
.hero-carousel .hero-slide:hover img{transform:scale(1.03);}

.hero-dots button{
  width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,0.45);
  cursor:pointer;padding:0;transition:background .2s, width .2s;
}
.hero-dots button.active{background:var(--white);width:22px;border-radius:6px;}

.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.9);color:var(--pine-900);
  border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-tight);
}
.hero-arrow:hover{background:var(--white);}
.hero-arrow.prev{left:16px;}
.hero-arrow.next{right:16px;}
@media(max-width:640px){.hero-arrow{width:32px;height:32px;font-size:.9rem;}}

/* ============================================================
   PHASE 2 ADDITIONS — refined palette pass + new components
   ============================================================ */
h1,h2,h3,h4{letter-spacing:-.01em;}
.eyebrow{font-weight:600;}

/* Product image now supports a real <img> or emoji fallback */
.product-img img, .gallery-item img, .combo-img img{width:100%;height:100%;object-fit:cover;display:block;}
.product-img{overflow:hidden;}

/* ---------- Sale badge ---------- */
.sale-badge{position:absolute;top:12px;left:12px;background:var(--gold-400);color:var(--white);
  font-family:var(--font-mono);font-size:.62rem;padding:4px 10px;border-radius:999px;font-weight:600;width:max-content;height:auto;bottom:auto;right:auto;}
.wish-fab{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(11,51,67,.2);
  background:rgba(255,255,255,.92);
  color:var(--pine-900);
  font-size:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.wish-fab:hover{transform:scale(1.06);box-shadow:var(--shadow-tight);}
.wish-fab.liked{background:var(--pine-900);color:var(--gold-200);border-color:var(--pine-900);}
/* sale-badge (top-left) and wish-fab (top-right) no longer share a corner, so no stacking offset needed */

/* ---------- Bullet list on product page ---------- */
.bullet-list{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.bullet-list li{display:flex;gap:10px;font-size:.92rem;color:var(--ink-soft);align-items:flex-start;}
.bullet-list li::before{content:"✓";color:var(--pine-700);font-weight:700;flex-shrink:0;}
.tag-chip{display:inline-block;background:var(--parchment-dark);color:var(--ink-soft);font-size:.72rem;
  padding:4px 11px;border-radius:999px;margin:0 6px 6px 0;font-family:var(--font-mono);}

/* ---------- Variation selector ---------- */
.variation-group{margin:14px 0;}
.variation-group .vname{font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:8px;display:block;}
.variation-opts{display:flex;flex-wrap:wrap;gap:8px;}
.variation-opt{padding:8px 16px;border-radius:999px;border:1.5px solid var(--parchment-dark);cursor:pointer;font-size:.86rem;background:var(--white);}
.variation-opt.active{border-color:var(--pine-900);background:var(--pine-900);color:var(--gold-200);}
.variation-opt:disabled,.variation-opt.oos{opacity:.4;cursor:not-allowed;text-decoration:line-through;}

/* ---------- Thumbnail gallery on product page ---------- */
.pdp-thumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;}
.pdp-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);border:1.5px solid var(--parchment-dark);cursor:pointer;}
.pdp-thumbs img.active{border-color:var(--pine-900);}

/* ---------- A+ content ---------- */
.aplus-block{margin-top:40px;padding-top:30px;border-top:1px solid var(--parchment-dark);}
.aplus-block h4{margin-bottom:.4em;}

/* ---------- FAQ accordion ---------- */
.faq-item{background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-tight);margin-bottom:12px;overflow:hidden;}
.faq-item{border:1px solid rgba(30,59,49,.08);background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,248,.95));}
.faq-item.open{box-shadow:0 20px 36px -26px rgba(14,59,77,.28);}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-family:var(--font-body);
  font-weight:600;font-size:.98rem;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq-q .chev{transition:transform .2s ease;color:var(--pine-700);flex-shrink:0;}
.faq-item.open .faq-q .chev{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 22px;}
.faq-item.open .faq-a{max-height:240px;padding-bottom:18px;}
.faq-a p{color:var(--ink-soft);font-size:.9rem;margin:0;}

/* ---------- Coupon box (checkout) ---------- */
.coupon-box{margin-top:18px;padding:16px;border-radius:var(--r-md);background:var(--parchment);border:1px dashed var(--parchment-dark);}
.coupon-msg{margin:10px 0 0;font-size:.82rem;font-weight:600;}
.coupon-msg.ok{color:var(--pine-700);}
.coupon-msg.err{color:var(--red-600);}

/* ---------- Offers & coupons strip (shop page) ---------- */
.coupon-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;}
.coupon-strip::-webkit-scrollbar{height:6px;}
.coupon-strip::-webkit-scrollbar-thumb{background:var(--parchment-dark);border-radius:99px;}
.coupon-pill{flex:0 0 min(280px,100%);scroll-snap-align:start;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,243,228,.96));border:1px solid rgba(201,160,58,.28);
  border-radius:26px;padding:20px 18px 22px;position:relative;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 42px -26px rgba(30,59,49,.18);}
.coupon-pill .code{font-family:var(--font-mono);font-weight:700;background:var(--pine-900);color:var(--gold-200);
  padding:8px 16px;border-radius:999px;font-size:.82rem;width:max-content;letter-spacing:.08em;text-transform:uppercase;}
.coupon-pill .desc{font-size:.88rem;color:var(--ink-soft);line-height:1.55;min-height:48px;}
.coupon-pill .copybtn{position:absolute;top:16px;right:16px;background:var(--pine-900);border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--gold-200);
  font-size:.78rem;font-weight:700;padding:8px 14px;cursor:pointer;transition:transform .18s ease, background .18s ease;}
.coupon-pill .copybtn:hover{transform:translateY(-1px);background:var(--pine-900);color:var(--gold-200);}

/* ---------- Shop by Concern (tabbed) ---------- */
.concern-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 30px;}
.concern-tab{padding:10px 20px;border-radius:999px;border:1.5px solid var(--parchment-dark);background:var(--white);
  font-size:.88rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .18s,color .18s,border-color .18s;}
.concern-tab.active{background:var(--pine-900);border-color:var(--pine-900);color:var(--gold-200);}

/* ---------- Shop by Categories (dark panel) ---------- */
.cat-panel{background:var(--pine-900);color:var(--parchment);border-radius:var(--r-lg);padding:44px 36px;}
.cat-panel .section-head{color:var(--parchment);}
.cat-panel .eyebrow{color:var(--gold-400);}
.cat-panel h2{color:var(--white);}
.cat-tile{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:var(--r-md);
  padding:18px 12px;text-align:center;color:var(--parchment);text-decoration:none;transition:background .18s,transform .18s;}
.cat-tile:hover{background:rgba(255,255,255,0.12);transform:translateY(-3px);}
.cat-tile .icon{width:1.25rem;height:1.25rem;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:var(--white);}
.cat-tile .icon svg{width:100%;height:100%;display:block;}
.cat-tile strong{display:block;color:var(--white);font-size:.88rem;}
.cat-tile span.count{display:block;font-size:.72rem;color:var(--gold-200);opacity:.8;margin-top:2px;}

body.home-page .product-card,
body.home-page .blog-card,
body.home-page .combo-card,
body.home-page .offer-card,
body.home-page .offer-banner-card,
body.home-page .cat-tile{
  position:relative;
  isolation:isolate;
}
body.home-page .product-card::before,
body.home-page .blog-card::before,
body.home-page .combo-card::before,
body.home-page .offer-card::before,
body.home-page .offer-banner-card::before,
body.home-page .cat-tile::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 22%, transparent 72%, rgba(30,59,49,.08));
  opacity:.9;
  pointer-events:none;
  z-index:0;
}
body.home-page .product-card > *,
body.home-page .blog-card > *,
body.home-page .combo-card > *,
body.home-page .offer-card > *,
body.home-page .offer-banner-card > *,
body.home-page .cat-tile > *{
  position:relative;
  z-index:1;
}
body.home-page .product-card,
body.home-page .blog-card,
body.home-page .combo-card,
body.home-page .offer-card,
body.home-page .offer-banner-card,
body.home-page .cat-tile{
  box-shadow:0 14px 30px -22px rgba(14,59,77,.26);
  border-color:rgba(30,59,49,.12);
  transform-origin:center bottom;
}
body.home-page .product-card:hover,
body.home-page .blog-card:hover,
body.home-page .combo-card:hover,
body.home-page .offer-card:hover,
body.home-page .offer-banner-card:hover,
body.home-page .cat-tile:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 40px -24px rgba(14,59,77,.34);
}
body.home-page .product-card:hover .product-img,
body.home-page .blog-card:hover .blog-card-media,
body.home-page .combo-card:hover .combo-img,
body.home-page .offer-banner-card:hover .offer-banner-media,
body.home-page .cat-tile:hover .icon{
  transform:scale(1.015);
}
body.home-page .product-img,
body.home-page .blog-card-media,
body.home-page .combo-img,
body.home-page .offer-banner-media,
body.home-page .cat-tile .icon{
  transition:transform .28s ease;
}
body.home-page .product-card h3,
body.home-page .blog-card h3,
body.home-page .combo-card h3,
body.home-page .offer-card .big,
body.home-page .offer-banner-caption strong{
  letter-spacing:.01em;
}

@media(max-width:760px){
  .cat-panel{padding:28px 18px 24px;}
  .cat-panel .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .cat-panel .section-head{margin-bottom:18px;}
  .cat-panel .eyebrow{font-size:.68rem;letter-spacing:.2em;}
}
@media(max-width:520px){
  .about-hero-grid,
  .about-story-grid{grid-template-columns:1fr;}
  .about-hero-stats,
  .about-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-hero-copy h1{max-width:16ch;}
  .cat-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ---------- Blog page ---------- */
.blog-hero{padding:24px 0 14px;}
.blog-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;}
.blog-hero-copy{
  padding:34px 30px;
  border-radius:28px;
  background:linear-gradient(140deg, rgba(30,59,49,.98), rgba(43,92,74,.94));
  color:var(--parchment);
  box-shadow:0 26px 54px -28px rgba(18,44,56,.42);
}
.blog-hero-copy .eyebrow{color:var(--gold-200);}
.blog-hero-copy h1{color:var(--gold-200);font-size:clamp(2rem, 4vw, 3.45rem);line-height:1.05;margin:10px 0 14px;max-width:13ch;}
.blog-hero-copy .muted{color:rgba(244,240,230,.9);max-width:60ch;}
.blog-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.blog-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;}
.blog-hero-stats div{padding:14px 14px 12px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);}
.blog-hero-stats strong{display:block;font-size:.95rem;color:var(--gold-200);margin-bottom:4px;}
.blog-hero-stats span{display:block;font-size:.82rem;color:rgba(244,240,230,.82);line-height:1.35;}
.blog-hero-panel{padding:26px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;}
.blog-hero-panel .eyebrow{margin-bottom:0;}
.blog-hero-focus{display:grid;gap:14px;}
.blog-focus-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(30,59,49,.04);border:1px solid rgba(30,59,49,.08);}
.blog-focus-icon{width:40px;height:40px;border-radius:50%;background:var(--pine-900);color:var(--gold-200);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.blog-focus-icon .inline-icon{width:1.15rem;height:1.15rem;margin:0;}
.blog-focus-item strong{display:block;color:var(--pine-900);margin-bottom:3px;line-height:1.25;}
.blog-focus-item p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.45;}

.blog-featured-section{padding-top:10px;}
.blog-featured-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start;}
.blog-side-panel{padding:24px;display:flex;flex-direction:column;gap:16px;}
.blog-category-pills{display:flex;flex-wrap:wrap;gap:10px;}
.blog-category-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--parchment);border:1px solid var(--parchment-dark);color:var(--ink);font-size:.84rem;font-weight:600;}
.blog-category-pill small{font-family:var(--font-mono);opacity:.7;}
.blog-category-pill.active{background:var(--pine-900);color:var(--gold-200);border-color:var(--pine-900);}
.blog-side-note{padding-top:4px;border-top:1px solid var(--parchment-dark);}
.blog-side-note h3{font-size:1.05rem;margin-bottom:8px;}

.blog-list-section{padding-top:12px;}
.blog-grid{align-items:stretch;}

.blog-card{background:var(--white);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-tight);display:flex;flex-direction:column;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease;}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);}
.blog-card-media{position:relative;aspect-ratio:1200/630;background:linear-gradient(140deg, rgba(30,59,49,.95), rgba(62,127,102,.92));overflow:hidden;}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-card-fallback,.blog-featured-fallback,.blog-post-fallback{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;
  background:linear-gradient(135deg, var(--pine-900), var(--pine-500) 55%, var(--red-500));
  background-size:220% 220%;animation:blogFallbackShift 8s ease-in-out infinite;
}
.blog-card-fallback::before,.blog-featured-fallback::before,.blog-post-fallback::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.18) 1.5px, transparent 1.5px);
  background-size:22px 22px;opacity:.5;
}
@keyframes blogFallbackShift{0%,100%{background-position:0% 0%;}50%{background-position:100% 100%;}}
.blog-card-fallback .inline-icon,
.blog-featured-fallback .inline-icon,
.blog-post-fallback .inline-icon{width:3rem;height:3rem;margin:0;position:relative;z-index:1;opacity:.92;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));}
/* Shorter box for the no-image (fallback) state so it doesn't eat vertical space */
.blog-card-media.no-image{aspect-ratio:16/7;}
.blog-featured-fallback{}
.blog-card-featured .blog-card-media.no-image{aspect-ratio:16/6;}
.blog-post-image.no-image{aspect-ratio:21/6;max-height:220px;}
@media(max-width:900px){
  .blog-post-image.no-image{aspect-ratio:16/9;max-height:200px;}
}
/* Hide the excerpt line under the article title (both mobile & desktop) */
.blog-post-hero .blog-post-excerpt{display:none;}
.blog-card-chip{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--pine-900);font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;}
.blog-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
.blog-card-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.blog-card h3{font-size:.98rem;line-height:1.25;margin:0;color:var(--pine-900);}
.blog-card p{margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.5;}
.blog-card-link{margin-top:auto;color:var(--red-600);font-weight:700;font-size:.85rem;}
.blog-card-featured .blog-card-media{aspect-ratio:1200/630;}
.blog-card-featured .blog-card-body{padding:24px 24px 26px;}

.blog-post-shell{padding-top:24px;}
.blog-post-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;}
.blog-post-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;}
.blog-side-card{padding:20px;display:flex;flex-direction:column;}
.blog-side-card .eyebrow{margin-bottom:2px;}
.blog-side-engage{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;}
.blog-like-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--parchment-dark);background:var(--parchment);cursor:pointer;font-weight:600;font-family:var(--font-body);color:var(--ink-soft);transition:.15s;}
.blog-like-btn .blog-like-icon{color:var(--parchment-dark);transition:.15s;}
.blog-like-btn.active{background:rgba(196,30,58,.08);border-color:rgba(196,30,58,.4);color:#c41e3a;}
.blog-like-btn.active .blog-like-icon{color:#c41e3a;}
.blog-comment-jump{font-size:.85rem;font-weight:600;color:var(--ink-soft);text-decoration:none;}
.blog-share-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;}
.blog-share-btn{padding:9px 10px;border-radius:10px;border:1px solid var(--parchment-dark);background:var(--parchment);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--ink-soft);}
.blog-share-btn:hover{border-color:var(--gold-500);color:var(--pine-900);}
.blog-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.blog-tag-chip{background:var(--parchment);border:1px solid var(--parchment-dark);border-radius:999px;padding:5px 12px;font-size:.78rem;color:var(--ink-soft);}
.blog-comments-list{display:flex;flex-direction:column;gap:14px;margin:14px 0;}
.blog-comment{display:flex;gap:10px;}
.blog-comment-avatar{width:36px;height:36px;border-radius:50%;background:var(--pine-900);color:var(--gold-200);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.blog-comment-body strong{display:block;font-size:.9rem;}
.blog-comment-date{font-size:.72rem;color:var(--ink-soft);opacity:.7;}
.blog-comment-body p{margin:4px 0 0;font-size:.9rem !important;line-height:1.5 !important;}
.blog-comment-form{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--parchment-dark);padding-top:16px;}
.blog-comment-form input,.blog-comment-form textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--parchment-dark);font-family:var(--font-body);resize:vertical;}
@media (max-width:960px){
  .blog-post-grid{grid-template-columns:1fr;}
  .blog-post-sidebar{position:static;}
}
.blog-article{display:grid;gap:20px;}
.blog-post-hero{padding:30px;border-radius:28px;background:linear-gradient(135deg, rgba(30,59,49,.98), rgba(43,92,74,.94));color:var(--parchment);}
.blog-post-hero .eyebrow{color:var(--gold-200);}
.blog-post-hero h1{color:var(--gold-200);font-size:clamp(2rem, 4vw, 3.1rem);line-height:1.08;margin:10px 0 14px;}
.blog-post-hero .muted{color:rgba(244,240,230,.88);max-width:60ch;}
.blog-post-meta{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;margin-top:18px;color:rgba(244,240,230,.82);}
.blog-post-image{border-radius:28px;overflow:hidden;aspect-ratio:1200/630;max-height:560px;background:var(--parchment);box-shadow:var(--shadow-tight);}
.blog-post-image img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-post-body{padding:30px;}
.blog-post-body p{font-size:1.05rem;line-height:1.85;color:var(--ink-soft);}
.blog-post-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.blog-related-section{padding-top:8px;}

@media(max-width:920px){
  .blog-hero-grid,
  .blog-featured-grid{grid-template-columns:1fr;}
  .blog-hero-copy h1{max-width:16ch;}
}

@media(max-width:640px){
  .blog-hero{padding:18px 0 8px;}
  .blog-hero-copy,
  .blog-hero-panel,
  .blog-side-panel,
  .blog-post-hero,
  .blog-post-body{border-radius:22px;}
  .blog-hero-copy{padding:24px;}
  .blog-hero-stats{grid-template-columns:1fr;}
  .blog-hero-actions .btn,
  .blog-post-actions .btn{width:100%;}
  .blog-card-featured .blog-card-media{aspect-ratio:16/10;}
  .blog-post-image{aspect-ratio:4/3;max-height:none;}
}

/* ---------- Watch & Shop reel strip ---------- */

@media(max-width:640px){
  .about-hero{padding:18px 0 8px;}
  .about-hero-copy,
  .about-hero-media,
  .about-story-panel,
  .about-badge{border-radius:22px;}
  .about-hero-copy{padding:24px;}
  .about-hero-stats,
  .about-badge-grid{grid-template-columns:1fr;}
  .about-hero-actions .btn,
  .about-closing .btn{width:100%;}
  .about-trust-band{padding:42px 0;}
  .about-recognition-bar{gap:8px;}
  .about-recognition-chip{width:100%;justify-content:center;}
}
.reel-strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;}
.reel-strip::-webkit-scrollbar{height:6px;}
.reel-strip::-webkit-scrollbar-thumb{background:var(--parchment-dark);border-radius:99px;}
.reel-card{flex:0 0 200px;scroll-snap-align:start;background:transparent;}
.reel-thumb{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:9/16;background:var(--pine-900);cursor:pointer;box-shadow:none;border:none;}
.reel-thumb img,.reel-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
.reel-thumb .reel-views{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.5);color:#fff;font-size:.68rem;padding:3px 9px;border-radius:999px;}
.reel-thumb .reel-icons{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;gap:10px;color:#fff;font-size:1rem;}
.reel-thumb .playbtn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;}
.reel-info{padding:10px 2px 0;}
.reel-info .name{font-size:.84rem;font-weight:600;color:var(--ink);margin-bottom:2px;}

.faq-video-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:flex-start;}
.faq-column, .video-column{display:grid;gap:18px;}
.faq-column .section-copy, .video-column .section-copy{display:grid;gap:12px;}
.faq-column #faqList{display:grid;gap:12px;}
.video-column .reel-strip{max-width:100%;}
@media(max-width:900px){.faq-video-pair{grid-template-columns:1fr;}}

/* ---------- Testimonial / trust strip ---------- */
.trust-strip{background:var(--pine-900);color:var(--parchment);border-radius:var(--r-lg);padding:42px 26px 26px;text-align:left;margin-top:24px;}
.trust-strip .home-hero-chip{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:var(--gold-200);}
.trust-strip .home-hero-chip svg{color:var(--gold-200);}
.trust-slider-head{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.trust-strip h3{color:var(--white);font-size:1.45rem;margin:0;}
.trust-strip p.sub{color:var(--parchment-dark);opacity:.92;margin:0;font-size:.9rem;}
.trust-slider-window{overflow:hidden;border-radius:14px;}
.trust-slider-track{display:flex;transition:transform .35s ease;}
.trust-slide{min-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.trust-review-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;min-height:172px;backdrop-filter:blur(6px);}
.trust-review-stars{color:var(--gold-200);font-size:.82rem;letter-spacing:.04em;}
.trust-review-card p{margin:0;color:var(--white);font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.trust-review-card span{margin-top:auto;color:var(--gold-200);font-size:.78rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;}
.trust-slider-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;}
.trust-nav{width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--pine-900);font-size:1rem;cursor:pointer;}
.trust-slider-dots{display:flex;gap:6px;}
.trust-slider-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.42);cursor:pointer;padding:0;}
.trust-slider-dots button.active{width:20px;background:var(--white);}

/* ---------- Offers carousel (home) ---------- */
.offers-strip{display:flex;gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;}
.offers-strip::-webkit-scrollbar{height:6px;}
.offers-strip::-webkit-scrollbar-thumb{background:var(--parchment-dark);border-radius:99px;}
.offer-banner-card{flex:0 0 360px;scroll-snap-align:start;border-radius:26px;overflow:hidden;box-shadow:0 20px 40px -22px rgba(14,59,77,.22);background:var(--white);display:block;border:1px solid rgba(30,59,49,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.offer-banner-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -26px rgba(14,59,77,.28);border-color:rgba(30,59,49,.18);}
.offer-banner-media{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg, #f6f1e6 0%, #efe6d6 100%);}
.offer-banner-media img{width:100%;height:100%;object-fit:cover;display:block;}
.offer-banner-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--pine-700);}
.offer-banner-fallback .inline-icon,
.offer-banner-fallback .homepage-card-icon,
.offer-banner-fallback svg{width:2.2rem;height:2.2rem;margin:0;}
.offer-banner-caption{padding:16px 16px 18px;display:grid;gap:4px;background:var(--white);border-top:1px solid rgba(30,59,49,.06);}
.offer-banner-caption strong{font-size:.92rem;color:var(--pine-900);font-family:var(--font-body);letter-spacing:.01em;}
.offer-banner-caption span{font-size:.88rem;color:var(--ink);line-height:1.45;display:block;max-height:2.9em;overflow:hidden;text-overflow:ellipsis;}
.offer-banner-caption small{font-size:.78rem;color:var(--ink-soft);}
.offer-card{flex:0 0 260px;scroll-snap-align:start;background:var(--pine-900);color:var(--parchment);
  border-radius:var(--r-md);padding:24px 22px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;}
.offer-card:hover{transform:translateY(-3px);box-shadow:0 24px 40px -26px rgba(14,59,77,.28);}
.offer-card .big{font-family:var(--font-display);font-size:1.65rem;color:var(--gold-200);}
.offer-card .sub{font-size:.85rem;opacity:.86;margin-top:6px;}

/* ---------- Combo section ---------- */
.combo-card{background:var(--white);border-radius:var(--r-md);box-shadow:0 16px 30px -18px rgba(14,59,77,0.22);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(30,59,49,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.combo-card:hover{transform:translateY(-3px);box-shadow:0 24px 42px -22px rgba(14,59,77,.28);border-color:rgba(30,59,49,.16);}
.combo-img{aspect-ratio:1/1;background:var(--parchment);display:flex;align-items:center;justify-content:center;font-size:1.05rem;overflow:hidden;}
.combo-img .inline-icon,
.combo-img .homepage-card-icon{width:1.15rem;height:1.15rem;margin:0;}
.combo-img svg{width:2.4rem;height:2.4rem;display:block;}
.combo-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:7px;flex:1;}
.combo-body h3{font-size:.88rem;line-height:1.3;min-height:2.3em;}
.combo-offer-line{font-family:var(--font-mono);font-size:.72rem;color:var(--red-600);font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.combo-items{font-size:.78rem;color:var(--ink-soft);line-height:1.5;}



/* ---------- Shop-by-video ---------- */
.video-card{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:9/16;background:var(--pine-900);cursor:pointer;box-shadow:var(--shadow-tight);}
.video-card{border:1px solid rgba(30,59,49,.08);box-shadow:0 18px 32px -24px rgba(14,59,77,.28);}
.video-card img{width:100%;height:100%;object-fit:cover;opacity:.85;}
.video-card .playbtn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:var(--white);}
.video-card .vtitle{position:absolute;bottom:0;left:0;right:0;padding:14px;font-size:.82rem;color:var(--white);background:linear-gradient(transparent,rgba(0,0,0,.65));}
.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;}
.video-modal iframe{width:min(90vw,720px);height:min(50vw,405px);border-radius:var(--r-md);border:none;}
.video-modal .close-video{position:absolute;top:20px;right:24px;color:var(--white);font-size:1.8rem;background:none;border:none;cursor:pointer;}

/* ---------- Gallery section ---------- */
.gallery-item{aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;background:var(--parchment);display:flex;align-items:center;justify-content:center;font-size:2rem;}
.gallery-item{border:1px solid rgba(30,59,49,.08);box-shadow:0 14px 28px -24px rgba(14,59,77,.24);}

/* ---------- Social integration strip ---------- */
.social-strip{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:20px;}
.social-strip a{display:flex;align-items:center;gap:9px;padding:10px 20px;border-radius:999px;background:var(--white);
  box-shadow:var(--shadow-tight);font-size:.85rem;font-weight:600;color:var(--pine-900);transition:transform .18s ease, box-shadow .18s ease, background .18s ease; border:1px solid rgba(30,59,49,.08);background:linear-gradient(180deg,#fff,#f7f9f7);}
.social-strip a:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);color:var(--red-600);background:#fff;}
.social-strip a svg{width:18px;height:18px;flex-shrink:0;}

/* ---------- Footer social (real icons) ---------- */
.foot-social a svg{width:16px;height:16px;}

/* ---------- WhatsApp floating button ---------- */
#waFabBtn{
  position:fixed;bottom:26px;right:26px;width:60px;height:60px;border-radius:50%;
  background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 28px -12px rgba(0,0,0,0.45);z-index:1500;
  transition:transform .2s ease, box-shadow .2s ease;
}
#waFabBtn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 36px -16px rgba(0,0,0,0.55);}
@media(max-width:700px){#waFabBtn{width:54px;height:54px;right:16px;bottom:16px;}}

/* ---------- Map embed ---------- */
.map-embed{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-tight);border:none;width:100%;height:420px;}

.contact-hero{padding:44px 0 22px;}
.contact-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch;}
.contact-hero-copy{
  padding:34px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(30,59,49,.98), rgba(62,127,102,.96));
  color:var(--parchment);
  box-shadow:0 26px 56px -24px rgba(10,40,42,.42);
}
.contact-hero-copy .eyebrow{color:var(--gold-200);font-size:.76rem;letter-spacing:.18em;}
.contact-hero-copy h1{color:var(--gold-200);font-size:clamp(2rem, 4vw, 3.4rem);line-height:1.05;margin:12px 0 14px;max-width:12ch;}
.contact-hero-copy .muted{color:rgba(244,240,230,.88);max-width:58ch;font-size:1rem;}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.contact-hero-actions .btn{min-width:160px;}
.contact-hero-actions .btn-outline{border-color:rgba(243,230,195,.78);color:var(--gold-200);}
.contact-hero-actions .btn-outline:hover{background:var(--gold-200);color:var(--pine-900);}
.contact-hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.contact-hero-badges span{
  padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);
  color:var(--gold-200);font-size:.86rem;font-weight:600;
}
.contact-hero-panel{padding:28px;background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,240,230,.95));display:flex;flex-direction:column;justify-content:space-between;gap:20px;}
.contact-hero-panel .eyebrow{margin-bottom:0;}
.contact-hero-panel .eyebrow{color:var(--red-600);}
.contact-hero-list{display:grid;gap:14px;}
.contact-hero-list div{padding:14px 16px;border-radius:18px;background:rgba(30,59,49,.04);border:1px solid rgba(30,59,49,.08);}
.contact-hero-list strong{display:block;font-size:.98rem;color:var(--pine-900);margin-bottom:4px;}
.contact-hero-list p{margin:0;color:var(--ink-soft);font-size:.95rem;}
.contact-hero-maplink{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:var(--pine-900);color:var(--gold-200);font-weight:700;align-self:flex-start;}

.contact-split{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:22px;}
.contact-intro{padding:32px;background:linear-gradient(135deg, rgba(5,49,54,.96), rgba(15,86,100,.95));color:var(--parchment);}
.contact-intro .eyebrow{color:var(--gold-200);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;}
.contact-intro h2{margin:0 0 10px;line-height:1.2;color:var(--gold-200);}
.contact-intro .muted{color:rgba(244,240,230,.9);}
.contact-card-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:18px;}
.contact-info-card{padding:24px;border-radius:24px;background:var(--white);box-shadow:0 18px 40px rgba(28,44,56,.08);border:1px solid rgba(15,56,70,.08);}
.contact-info-card h4{margin:12px 0 6px;font-size:1.05rem;}
.contact-info-card p{margin:0 0 8px;line-height:1.6;}
.contact-info-card .muted{color:var(--ink-soft);font-size:.95rem;margin-top:10px;}
.card-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:rgba(17,98,98,.09);font-size:1.2rem;margin-bottom:12px;}
.link-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:999px;border:1px solid var(--pine-900);background:transparent;color:var(--pine-900);font-weight:600;text-decoration:none;transition:.25s ease;}
.link-btn:hover{background:var(--pine-900);color:var(--parchment);border-color:transparent;}
.contact-form-card{padding:32px;}
.contact-form-card h3{margin-top:0;margin-bottom:10px;}
.contact-form-card h3{color:var(--pine-900);}
.contact-form-card .muted{margin-bottom:18px;display:block;}
.contact-form-card .field input,
.contact-form-card .field textarea{background:var(--parchment);border:1px solid rgba(28,44,56,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);border-radius:14px;padding:14px 16px;font-family:var(--font-body);}
.contact-form-card textarea{min-height:180px;resize:vertical;}
.contact-form-premium{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,240,230,.98));
  border:1px solid rgba(30,59,49,.08);
  box-shadow:0 24px 60px -34px rgba(18,44,56,.36);
}
.contact-form-premium::before{
  content:'';
  position:absolute;
  inset:-36px -24px auto auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(199,161,57,.18), transparent 66%);
  pointer-events:none;
}
.contact-form-header{position:relative;z-index:1;margin-bottom:16px;}
.contact-form-header .eyebrow{color:var(--red-600);}
.contact-form-header h3{margin-bottom:8px;}
.contact-form-header .muted{margin-bottom:0;max-width:42ch;}
.contact-form-spotlight{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 16px;border-radius:20px;background:linear-gradient(135deg, rgba(28,59,49,.06), rgba(199,161,57,.10));
  border:1px solid rgba(30,59,49,.08);margin-bottom:18px;
}
.contact-form-spotlight strong{display:block;color:var(--pine-900);font-size:.98rem;margin-bottom:4px;}
.contact-form-spotlight p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.55;max-width:40ch;}
.contact-response-pill{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;
  background:var(--pine-900);color:var(--gold-200);font-size:.8rem;font-weight:700;white-space:nowrap;
}
.contact-form-layout{position:relative;z-index:1;}
.contact-form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.contact-message-field textarea{min-height:220px;background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,240,230,.98));}
.contact-form-card .field label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
.contact-form-card .field input,
.contact-form-card .field textarea{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(28,44,56,.10);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.03);
  border-radius:16px;
  padding:15px 16px;
}
.contact-form-card .field input::placeholder,
.contact-form-card .field textarea::placeholder{color:rgba(62,80,71,.58);}
.contact-form-card .field input:focus,
.contact-form-card .field textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(199,161,57,.12);}
.contact-form-foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(30,59,49,.08);
}
.contact-form-foot .muted{font-size:.9rem;color:var(--ink-soft);margin:0;max-width:28ch;}
.contact-submit-btn{min-width:220px;box-shadow:0 14px 26px -18px rgba(30,59,49,.42);}
.contact-chat-card{
  padding:28px;
  border:1px solid rgba(30,59,49,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,240,230,.98));
  box-shadow:0 24px 60px -36px rgba(18,44,56,.30);
}
.contact-chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.contact-chat-head h3{margin:8px 0 8px;color:var(--pine-900);}
.contact-chat-head .muted{margin:0;max-width:42ch;}
.contact-chat-status{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;
  background:rgba(30,59,49,.08);color:var(--pine-900);font-size:.78rem;font-weight:700;white-space:nowrap;
}
.contact-chat-status::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold-600);box-shadow:0 0 0 4px rgba(199,161,57,.18);}
.contact-chat-thread{
  display:grid;gap:10px;min-height:220px;max-height:340px;overflow:auto;padding:14px;border-radius:22px;
  background:linear-gradient(180deg, rgba(30,59,49,.04), rgba(244,240,230,.66));border:1px solid rgba(30,59,49,.08);
}
.contact-chat-empty{
  display:flex;align-items:center;justify-content:center;min-height:180px;padding:20px;border-radius:18px;
  color:var(--ink-soft);text-align:center;font-size:.92rem;line-height:1.7;
}
.contact-chat-bubble{
  max-width:86%;padding:12px 14px;border-radius:18px;box-shadow:0 10px 20px -16px rgba(18,44,56,.32);
}
.contact-chat-bubble strong{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
.contact-chat-bubble p{margin:0;font-size:.95rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;}
.contact-chat-bubble small{display:block;margin-top:6px;font-size:.7rem;opacity:.75;}
.contact-chat-buyer{margin-left:auto;background:linear-gradient(135deg, rgba(28,59,49,.95), rgba(58,104,85,.92));color:var(--parchment);}
.contact-chat-buyer strong{color:var(--gold-200);}
.contact-chat-admin{margin-right:auto;background:rgba(255,255,255,.96);border:1px solid rgba(30,59,49,.10);color:var(--ink);}
.contact-chat-admin strong{color:var(--red-600);}
.contact-chat-form{margin-top:16px;}
.contact-chat-form .field textarea{min-height:140px;}
.contact-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(30,59,49,.08);}
.contact-chat-foot .muted{margin:0;max-width:28ch;font-size:.9rem;}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;flex-wrap:wrap;}
.form-foot .muted{font-size:.92rem;color:var(--ink-soft);margin:0;}
.contact-map-section .container{max-width:1100px;}
.contact-social-band{background:linear-gradient(180deg, rgba(226,216,196,.75), rgba(244,240,230,.95));}
.contact-social-band .eyebrow{color:var(--red-600);}
.contact-social-band h3{color:var(--pine-900);}
.contact-social-band .social-strip{margin-top:18px;}

/* ---------- Contact page responsive ---------- */
@media(max-width:920px){
  .contact-hero-grid{grid-template-columns:1fr;}
  .contact-hero-copy h1{max-width:16ch;}
  .contact-split{grid-template-columns:1fr;}
  .contact-card-grid{grid-template-columns:1fr;}
  .contact-form-card{padding:24px;}
  .contact-form-grid-two{grid-template-columns:1fr;}
  .contact-chat-card{padding:24px;}
}

@media(max-width:640px){
  .contact-hero{padding:24px 0 10px;}
  .contact-hero-copy,
  .contact-hero-panel,
  .contact-form-card,
  .contact-info-card{border-radius:22px;}
  .contact-hero-copy{padding:24px;}
  .contact-hero-panel{padding:20px;}
  .contact-hero-copy h1{font-size:2rem;max-width:none;}
  .contact-hero-actions .btn{width:100%;}
  .contact-hero-maplink{width:100%;}
  .contact-info{gap:16px;}
  .contact-card-grid{gap:12px;}
  .contact-card-grid .contact-info-card,
  .contact-form-card{max-width:none;width:100%;justify-self:stretch;}
  .contact-info-card p{font-size:.9rem;line-height:1.5;}
  .contact-info-card h4{font-size:1rem;}
  .contact-info-card .link-btn{width:100%;justify-content:center;}
  .contact-form-premium{padding:20px;}
  .contact-form-spotlight{padding:12px 14px;}
  .contact-submit-btn{width:100%;min-width:0;}
  .contact-chat-card{padding:20px;}
  .contact-chat-thread{max-height:300px;padding:12px;}
  .contact-chat-bubble{max-width:100%;}
  .contact-chat-foot .btn{width:100%;}
  .contact-hero-list{gap:12px;}
  .contact-hero-list div{padding:12px 14px;}
  .contact-hero-list strong{font-size:.92rem;}
  .contact-hero-list p{font-size:.88rem;}
  .form-foot{flex-direction:column;align-items:stretch;}
  .form-foot .btn{width:100%;}
  .map-embed{height:320px;}
}

/* ---------- Admin: image dropzone + CSV bar ---------- */
.img-dropzone{border:2px dashed var(--parchment-dark);border-radius:var(--r-md);padding:18px;text-align:center;
  cursor:pointer;color:var(--ink-soft);font-size:.85rem;}
.img-dropzone:hover{border-color:var(--gold-400);}
.img-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.img-thumb{position:relative;width:72px;height:72px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--parchment-dark);}
.img-thumb img{width:100%;height:100%;object-fit:cover;}
.img-thumb button{position:absolute;top:2px;right:2px;background:rgba(196,30,47,.9);color:#fff;border:none;
  width:18px;height:18px;border-radius:50%;font-size:.65rem;line-height:1;cursor:pointer;}
.csv-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.tab-scroll{overflow-x:auto;}

/* Admin (Seller Hub style) panel needs the full viewport width, not the
   1180px site container, so wide tables (products/orders/combos) render
   every column without a horizontal slider — matches Flipkart Seller Hub. */
.container.seller-portal{width:100%;max-width:1600px;padding:0 22px;}
@media(max-width:1680px){
  .container.seller-portal{max-width:96vw;}
}
.seller-content .tab-scroll table{table-layout:auto;}
.seller-content .tab-scroll th,
.seller-content .tab-scroll td{white-space:normal;}

/* ---------- Responsive polish ---------- */
@media(max-width:1024px){
  .container.grid-4{grid-template-columns:repeat(3,minmax(0,1fr));}
  .hero{margin:0;}
}
@media(max-width:920px){
  .container{padding:0 20px;}
  section{padding:60px 0;}
  .hero{padding:56px 20px;}
  .navwrap{padding:8px 20px;}
  #site-header{border-radius:0 0 14px 14px;}
  .brand .mark{height:62px;}
  .brand .name{font-size:1.2rem;}
  .brand .name small{font-size:.52rem;}
  .section-head{max-width:100%;margin-bottom:34px;}
  .section-head h2{font-size:1.8rem;}
  .grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .card{padding:20px;}
  .product-card,
  .blog-card,
  .combo-card,
  .offer-card,
  .offer-banner-card,
  .faq-item,
  .contact-info-card,
  .contact-form-card{width:min(100%, 360px);justify-self:center;}
  .product-body{padding:12px 12px 10px;}
  .product-img{aspect-ratio:16/10;}
  .product-body h3{font-size:1.06rem;}
  .product-actions .btn{font-size:.76rem;padding:7px 9px;}
  .blog-card-body{padding:14px 14px 16px;gap:8px;}
  .blog-card h3{font-size:1.02rem;}
  .blog-card p{font-size:.86rem;line-height:1.45;}
  .blog-card-featured .blog-card-body{padding:16px 16px 18px;}
  .combo-body{padding:12px 12px 14px;}
  .trust-strip{padding:36px 20px;}
  .trust-strip h3{font-size:1.35rem;}
  .trust-strip p.sub{margin-bottom:18px;}
  .offer-card{flex:0 0 200px;padding:16px;}
  .offer-banner-card{flex:0 0 270px;}
  .reel-card{flex:0 0 170px;}
  .gallery-item{font-size:1.6rem;}
  .cat-panel{padding:30px 20px;}
  .cat-tile{padding:14px 10px;}
  .contact-info-card,.contact-form-card{padding:20px;}
  .blog-side-panel,.blog-post-hero,.blog-post-body{padding:20px;}
}
@media(max-width:820px){
  section{padding:52px 0;}
  .hero{padding:44px 18px;}
  .hero-arrow{display:none;}
  .hero-dots{bottom:12px;}
  .navwrap{flex-wrap:wrap;align-items:center;gap:16px;}
  .brand{width:auto;justify-content:flex-start;}
  .nav-actions{margin-left:auto;}
  .section-head{text-align:left;}
  .section-head h2{font-size:1.65rem;}
  .section-head .eyebrow{font-size:.7rem;}
  .card{padding:22px;}
  .combo-body{padding:18px;}
  .offer-card{padding:20px 16px;}
  .footgrid{gap:24px;}
  #site-footer{padding:52px 18px 18px;}
}
@media(max-width:720px){
  .container{padding:0 16px;}
  section{padding:44px 0;}
  .hero{padding:34px 14px;}
  .hero-slide{aspect-ratio:4/3;}
  .hero-arrow{display:none;}
  .hero-dots{bottom:10px;}
  .section-head{margin-bottom:28px;}
  .section-head h2{font-size:1.45rem;}
  .section-head .eyebrow{font-size:.65rem;letter-spacing:.2em;}
  .grid-3,.grid-4{grid-template-columns:1fr;}
  #shopGrid.grid-3,#shopGrid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .concern-tabs{gap:8px;margin:14px 0 24px;}
  .concern-tab{padding:9px 14px;font-size:.82rem;}
  .product-card:hover{transform:none;}
  #shopGrid .product-card{min-height:360px;height:100%;}
  #shopGrid .product-img{aspect-ratio:1/1;}
  #shopGrid .product-body h3{min-height:2.45em;}
  #shopGrid .price-row{min-height:1.45em;}
  #shopGrid .product-actions{margin-top:auto;}
  .card{padding:18px;}
  .product-card,
  .blog-card,
  .combo-card,
  .offer-card,
  .offer-banner-card,
  .faq-item{width:100%;}
  .product-body{padding:10px 10px 8px;gap:6px;}
  .product-img{aspect-ratio:4/3;}
 .product-card h3{font-size:.85rem;min-height:1.8em;}
  .product-card .cat{font-size:.64rem;}
  .price{font-size:1rem;}
  .price-old{font-size:.78rem;}
  .stars{font-size:.78rem;}
  .qty-chip{font-size:.64rem;padding:2px 8px;}
  .product-actions{gap:6px;margin-top:8px;}
  .product-actions .btn{padding:6px 8px;font-size:.7rem;}
  .blog-card-body{padding:12px 12px 14px;gap:7px;}
  .blog-card h3{font-size:.98rem;}
  .blog-card p{font-size:.84rem;line-height:1.4;}
  .blog-card-chip{top:10px;left:10px;padding:5px 9px;font-size:.64rem;}
  .blog-card-featured .blog-card-body{padding:14px 14px 16px;}
  .combo-body{padding:10px 10px 12px;}
  .combo-body h3{font-size:.92rem;}
  #comboGrid.mobile-slider > .combo-card{flex:0 0 min(82vw,240px);}
  .mobile-slider > *{flex:0 0 min(52vw,160px);}
  .mobile-slider .product-img{aspect-ratio:16/11;}
  .mobile-slider .product-body h3{font-size:.88rem;min-height:1.9em;}
  .mobile-slider .price{font-size:.9rem;}
  .reel-strip{gap:10px;padding-bottom:6px;}
  .reel-card{flex:0 0 150px;}
  .reel-thumb{aspect-ratio:4/5;}
  .reel-thumb .reel-views{top:8px;left:8px;font-size:.6rem;padding:2px 7px;}
  .reel-thumb .reel-icons{bottom:8px;right:8px;gap:8px;font-size:.85rem;}
  .reel-thumb .playbtn{font-size:1.7rem;}
  .reel-info{padding:8px 1px 0;}
  .reel-info .name{font-size:.76rem;line-height:1.35;min-height:2.1em;}
  .reel-info .price-row{margin:3px 0 6px;font-size:.76rem;}
  .reel-info .btn{padding:6px 8px;font-size:.72rem;}
  .offer-card{flex:0 0 170px;padding:14px 12px;}
  .offer-banner-card{flex:0 0 210px;}
  .offer-banner-media{aspect-ratio:1/1;}
  .offer-banner-caption{padding:8px 10px 10px;}
  .offer-banner-caption span{font-size:.76rem;}
  .reel-card{flex:0 0 150px;}
  .reel-thumb{aspect-ratio:4/5;}
  .gallery-item{aspect-ratio:1/1;}
  .trust-strip{padding:28px 16px;}
  .trust-strip h3{font-size:1.1rem;}
  .trust-strip p.sub{font-size:.82rem;margin-bottom:12px;}
  .trust-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .trust-review-card{padding:14px 12px 12px;min-height:152px;}
  .trust-review-card p{font-size:.8rem;-webkit-line-clamp:4;}
  .trust-review-card span{font-size:.68rem;}
  .trust-nav{width:30px;height:30px;}
  .cat-panel{padding:22px 10px 18px;}
  .cat-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .cat-tile{padding:12px 8px;}
  .cat-tile strong{font-size:.82rem;}
  .contact-intro,.contact-info-card,.contact-form-card{padding:20px;}
  .blog-side-panel,.blog-post-hero,.blog-post-body{padding:18px;}
  .footer-expander{padding-top:0;}
  .footgrid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .container{padding:0 14px;}
  .cat-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .hero{padding:28px 12px;}
  .hero-dots{gap:6px;}
  .hero-dots button{width:8px;height:8px;}
  .section-head h2{font-size:1.35rem;}
  .card{padding:18px;}
  .btn{padding:12px 22px;font-size:.9rem;}
  .btn-sm{padding:8px 16px;font-size:.78rem;}
  .cat-panel{padding:24px 12px 20px;}
  .cat-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .cat-tile{padding:16px 10px;}
  .cat-tile .icon{width:1.15rem;height:1.15rem;}
  .cat-tile strong{font-size:.84rem;}
  .offer-card{flex:0 0 190px;}
  .reel-card{flex:0 0 170px;}
  .video-card{min-width:100%;}
  .footgrid{gap:18px;}
  .foot-social{gap:8px;}
  #site-footer{padding:42px 14px 14px;}
  .footbottom{font-size:.78rem;}
}
@media(max-width:520px){
  .section-head h2{font-size:1.2rem;}
  .eyebrow{font-size:.62rem;}
  .navwrap{padding:8px 12px;}
  .brand .mark{height:54px;}
  .brand .name{font-size:1rem;}
  .brand .name small{font-size:.5rem;}
  .product-actions{flex-direction:column;}
  .product-actions .btn{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mobile-slider > *{flex:0 0 min(78vw,200px);}
  .offer-card{flex:0 0 180px;}
  .reel-card{flex:0 0 160px;}
  .footer-expander summary{font-size:.95rem;}
  #toast{left:16px;right:16px;}
  .shop-layout #shopGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
  #shopGrid .product-card{min-height:0;height:100%;width:100%;}
  #shopGrid .product-img{aspect-ratio:1/1;}
  #shopGrid .product-body{padding:8px 8px 8px;gap:4px;}
  #shopGrid .product-body h3{min-height:2.2em;font-size:.72rem;line-height:1.18;}
  #shopGrid .product-body .cat{font-size:.58rem;}
  #shopGrid .price-row{min-height:1.35em;gap:4px;}
  #shopGrid .product-actions{margin-top:6px;flex-direction:column;gap:4px;}
  #shopGrid .product-actions .btn{font-size:.56rem;padding:5px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05;width:100%;}
  #shopGrid .qty-chip{display:none;}
}
@media(max-width:420px){
  .hero{padding:22px 10px;}
  .section-head{margin-bottom:20px;}
  .section-head h2{font-size:1.1rem;}
  .btn{padding:10px 16px;font-size:.85rem;}
  .footer-expander summary{padding:10px 0;}
}

/* Shop sidebar + grid sizing (current markup) */
.filter-panel{background:var(--white);border:1px solid var(--parchment-dark);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-tight);}
.filter-panel h4{margin:0 0 14px;font-size:1rem;}
.filter-panel input,.filter-panel select{width:100%;padding:10px 12px;border-radius:10px;border:1.2px solid var(--parchment-dark);font-size:.88rem;}
.shop-layout #shopGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media(max-width:1180px){.shop-layout #shopGrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:840px){.shop-layout{display:block;}}
@media(max-width:640px){.shop-layout #shopGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.shop-toolbar-mobile{display:flex;}}

/* Smaller product cards site-wide (buttons removed from cards; PDP-only now) */
.product-body{padding:9px 10px 10px;gap:4px;}
.product-card h3{font-size:.88rem;min-height:2em;}
.product-body .price-row .price{font-size:.95rem;}
.product-body .price-row .price-old{font-size:.72rem;}
.product-body .off-pct{font-size:.72rem;}
.special-offer-line{font-size:.72rem;}
.stars-pill{font-size:.72rem;}
.stars-pill .rating-pill{font-size:.68rem;padding:2px 6px;}
@media(max-width:640px){
  .product-card{max-width:none;}
  .product-body{padding:8px 8px 9px;}
  .product-card h3{font-size:.8rem;min-height:1.9em;}
}

/* Seller Portal (Admin) */
.seller-portal-wrap{padding-top:20px;padding-bottom:28px;background:linear-gradient(180deg,#f4f7f6 0%,var(--parchment) 220px);}
.seller-portal{display:grid;grid-template-columns:minmax(250px,272px) 1fr;gap:20px;align-items:start;}
.seller-sidebar{
  background:var(--white);
  color:var(--ink);
  border-radius:20px;
  padding:18px 14px;
  min-height:calc(100vh - 150px);
  max-height:calc(100vh - 120px);
  overflow:auto;
  position:sticky;
  top:18px;
  display:flex;
  flex-direction:column;
  box-shadow:0 18px 40px -28px rgba(14,59,77,.28), 0 0 0 1px rgba(30,59,49,.06) inset;
  border:1px solid rgba(30,59,49,.08);
}
.seller-brand{padding:8px 8px 16px;border-bottom:1px solid rgba(30,59,49,.1);margin-bottom:14px;position:relative;}
.seller-brand h3{color:var(--pine-900);font-size:1.18rem;letter-spacing:.01em;font-weight:800;}
.seller-brand .eyebrow{color:var(--gold) !important;}
.seller-nav{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 250px);overflow:auto;}
.seller-sidebar .admin-tab-btn{
  width:100%;
  text-align:left;
  border:1px solid transparent;
  color:var(--ink-soft);
  border-radius:12px;
  padding:11px 13px;
  background:transparent;
  display:flex;
  align-items:center;
  gap:11px;
  font-size:.9rem;
  font-weight:600;
  position:relative;
  transition:background .16s ease, color .16s ease, transform .16s ease;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.seller-sidebar .admin-tab-btn .inline-icon{opacity:.8;flex-shrink:0;color:var(--pine-700);}
.seller-sidebar .admin-tab-btn:hover{background:rgba(30,59,49,.06);color:var(--pine-900);transform:translateX(2px);}
.seller-sidebar .admin-tab-btn.active{
  background:linear-gradient(120deg, rgba(30,59,49,.1), rgba(196,155,66,.14));
  color:var(--pine-900);
  border-color:rgba(30,59,49,.14);
  box-shadow:none;
  font-weight:800;
}
.seller-sidebar .admin-tab-btn.active .inline-icon{color:var(--pine-900);}
.seller-sidebar .admin-tab-btn.active::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:60%;border-radius:0 4px 4px 0;background:var(--gold);
}
.seller-main{display:flex;flex-direction:column;gap:16px;min-width:0;}
.seller-sidebar-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:40px;height:40px;flex:0 0 40px;
  border-radius:12px;
  border:1px solid rgba(30,59,49,.14);
  background:var(--white);
  color:var(--pine-900);
  cursor:pointer;
}
.seller-sidebar-toggle .inline-icon{display:flex;width:20px;height:20px;}
.seller-sidebar-close{
  display:none;
  position:absolute;top:6px;right:6px;
  width:32px;height:32px;
  border:none;background:transparent;
  font-size:22px;line-height:1;color:var(--ink-soft);
  cursor:pointer;
}
.seller-sidebar-backdrop{
  display:none;
  position:fixed;inset:0;
  background:rgba(12,28,24,.5);
  z-index:2200;
}
.seller-sidebar-backdrop.open{display:block;}
#adminPanelBody .card{max-width:none!important;width:100%!important;margin:0 0 20px!important;}
#adminPanelBody .card > h4{display:flex;align-items:center;gap:10px;}
#adminPanelBody .card .field{width:100%;}
#adminPanelBody .card .flex.gap{gap:12px;}
#stWhyAdminPreview.admin-about-preview{margin-top:18px;}
.admin-about-preview-card{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:16px;border:1px solid rgba(21,69,61,.15);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(0,0,0,.06);}
.admin-about-preview-image{border-radius:18px;overflow:hidden;min-width:160px;max-height:220px;}
.admin-about-preview-image img{width:100%;height:100%;object-fit:cover;display:block;}
.admin-about-preview-copy h4{margin:0;font-size:1.15rem;line-height:1.25;}
.admin-about-preview-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.admin-about-preview-points div strong{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;}
.admin-about-preview-points div p{margin:4px 0 0;line-height:1.5;}
.seller-topbar{
  background:linear-gradient(120deg, #ffffff, #f6faf9 60%, #f3f8f7);
  border:1px solid rgba(30,59,49,.08);
  border-radius:20px;
  padding:18px 22px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  box-shadow:0 18px 38px -30px rgba(14,59,77,.4);
  position:relative;
  overflow:hidden;
}
.seller-topbar::before{
  content:"";position:absolute;top:0;right:0;width:220px;height:220px;
  background:radial-gradient(circle, rgba(163,203,142,.16), transparent 70%);
  pointer-events:none;
}
.seller-content{min-height:420px;animation:sellerContentIn .32s ease;}
@keyframes sellerContentIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.admin-product-modal,
.admin-content-modal{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  inset:0;
  width:100vw;
  height:100vh;
  background:rgba(10,24,20,.56);
  display:none;
  align-items:flex-start;
  justify-content:center;
  overflow-y:auto;
  z-index:9999;
  padding:22px 12px;
}
.admin-product-modal.open,
.admin-content-modal.open{display:flex !important;}
.admin-product-modal-dialog,
.admin-content-modal-dialog{
  width:min(980px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:20px;
  border:1px solid rgba(30,59,49,.14);
  background:linear-gradient(180deg,#fff,#f8fafb);
  box-shadow:0 30px 54px -32px rgba(10,36,40,.6);
  position:relative;
  margin:auto 0;
  padding:16px;
}
.admin-product-modal-close{
  position:sticky;
  top:0;
  margin-left:auto;
  width:34px;
  height:34px;
  border-radius:50%;
  border:none;
  background:var(--pine-900);
  color:var(--gold-200);
  cursor:pointer;
  font-size:1.1rem;
  z-index:2;
  display:block;
  transition:transform .16s ease;
}
.admin-product-modal-close:hover{transform:rotate(90deg);}
.admin-product-modal #productFormWrap .card{box-shadow:none;border:1px solid rgba(30,59,49,.08);}
.seller-top-actions{display:flex;gap:8px;align-items:center;}
.seller-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.seller-kpi-card{
  background:linear-gradient(165deg,#fff,#f6fbfa);
  border:1px solid rgba(30,59,49,.08);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 14px 28px -26px rgba(14,59,77,.32);
  position:relative;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease;
}
.seller-kpi-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(14,59,77,.4);}
.seller-kpi-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--pine-700),var(--gold-400));}
.seller-kpi-card span{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-family:var(--font-mono);}
.seller-kpi-card strong{display:block;margin-top:6px;font-size:1.4rem;color:var(--pine-900);}

.seller-content .card,
.seller-content .tab-scroll{
  border-radius:18px;
  border:1px solid rgba(30,59,49,.08);
  box-shadow:0 16px 32px -30px rgba(14,59,77,.42);
}
.seller-content .card{background:var(--white);transition:box-shadow .16s ease;}
.seller-content .card h4,
.seller-content .card h3{margin-top:0;}
.seller-content .tab-scroll{padding:0;overflow:auto;}
.seller-content .tab-scroll table{width:100%;border-collapse:separate;border-spacing:0;}
.seller-content .tab-scroll th,
.seller-content .tab-scroll td{padding:12px 14px;border-bottom:1px solid rgba(30,59,49,.08);vertical-align:top;}
.seller-content .tab-scroll th{background:rgba(30,59,49,.045);font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);position:sticky;top:0;z-index:1;font-weight:700;}
.seller-content .tab-scroll tr{transition:background .12s ease;}
.seller-content .tab-scroll tr:hover td{background:rgba(30,59,49,.028);}
.seller-content .field label{font-size:.8rem;font-weight:600;}
.seller-content .field input,
.seller-content .field select,
.seller-content .field textarea{border-radius:12px;}
.csv-bar{gap:8px;}
.csv-bar .btn,
.seller-top-actions .btn{white-space:nowrap;}
.settings-subnav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px;padding:0;background:transparent;border-radius:0;border:none;border-bottom:1px solid rgba(30,59,49,.1);padding-bottom:16px;}
.settings-subnav-btn{
  display:flex;align-items:center;gap:7px;
  padding:9px 18px;border-radius:999px;border:1.5px solid rgba(30,59,49,.16);
  background:var(--white);color:var(--ink-soft);font-weight:700;font-size:.85rem;
  cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.settings-subnav-btn:hover{background:rgba(30,59,49,.05);border-color:rgba(30,59,49,.28);}
.settings-subnav-btn.active{
  background:rgba(30,59,49,.1);
  border-color:var(--pine-900);
  color:var(--pine-900);
  box-shadow:none;
}
.settings-group{display:flex;flex-direction:column;gap:18px;}
.coupon-dashboard{display:grid;gap:18px;grid-template-columns:1fr;}
.coupon-form-card{position:relative;overflow:hidden;padding:24px;}
.coupon-form-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(255,255,255,.45),transparent 28%);}
.coupon-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border-radius:22px;background:rgba(62,88,74,.08);border:1px solid rgba(62,88,74,.14);}
.coupon-summary strong{display:block;font-size:1rem;color:var(--pine-900);}
.coupon-rule-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
.coupon-rule-chip{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--pine-900);font-size:.82rem;border:1px solid rgba(30,59,49,.08);}
.coupon-actions-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.coupon-table{width:100%;border-collapse:collapse;}
.coupon-table th,.coupon-table td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(30,59,49,.08);}
.coupon-table thead{background:rgba(30,59,49,.04);}
.coupon-table tbody tr:hover{background:rgba(241,249,241,.8);}
.coupon-card-panel{padding:20px;}
.coupon-panel-title{margin:0 0 10px;font-size:1rem;letter-spacing:.01em;color:var(--pine-900);}
.coupon-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:860px){.coupon-details-grid{grid-template-columns:1fr;}}
.switch-toggle{position:relative;display:inline-block;width:42px;height:24px;}
.switch-toggle input{opacity:0;width:0;height:0;}
.switch-toggle span{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:999px;transition:.18s;}
.switch-toggle span::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.switch-toggle input:checked + span{background:var(--pine-700);}
.switch-toggle input:checked + span::before{transform:translateX(18px);}

/* ================= Admin panel — modern/futuristic polish ================= */
.seller-content .btn{
  border-radius:12px;padding:11px 20px;font-weight:600;letter-spacing:.01em;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.seller-content .btn:hover{transform:translateY(-2px);filter:brightness(1.04);}
.seller-content .btn-sm{border-radius:9px;padding:7px 14px;}
.seller-content .btn-primary{
  background:linear-gradient(135deg,var(--pine-900),var(--pine-700) 60%,var(--pine-500));
  box-shadow:0 10px 22px -12px rgba(20,60,45,.55);
}
.seller-content .btn-primary:hover{box-shadow:0 14px 28px -12px rgba(20,60,45,.65);}
.seller-content .btn-gold{
  background:linear-gradient(135deg,var(--gold-400),var(--gold-600));
  box-shadow:0 10px 22px -14px rgba(180,130,30,.5);
}
.seller-content .btn-outline{
  border:1.5px solid rgba(30,59,49,.28);position:relative;overflow:hidden;
}
.seller-content .btn-outline:hover{border-color:var(--pine-900);box-shadow:0 8px 18px -12px rgba(21,69,61,.35);}
.seller-content .btn-danger{background:linear-gradient(135deg,#c0392b,#e05a48);box-shadow:0 10px 20px -14px rgba(192,57,43,.55);}

.seller-content .field input,
.seller-content .field select,
.seller-content .field textarea{
  border:1.5px solid rgba(30,59,49,.14);
  background:linear-gradient(180deg,#fff,#fbfdfc);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.seller-content .field input:focus,
.seller-content .field select:focus,
.seller-content .field textarea:focus{
  outline:none;border-color:var(--gold-400);
  box-shadow:0 0 0 4px rgba(224,185,90,.16);
}
.seller-content .field label{color:#3a5048;letter-spacing:.01em;}

.seller-content .badge-status{
  padding:5px 13px;font-weight:700;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
  position:relative;
}
.seller-content code{
  background:rgba(30,59,49,.07);padding:2px 8px;border-radius:6px;font-size:.85em;
  border:1px solid rgba(30,59,49,.08);
}

.seller-content .tab-scroll tbody tr:nth-child(even) td{background:rgba(30,59,49,.015);}
.seller-content .tab-scroll tbody tr:hover td{background:rgba(224,185,90,.08) !important;}

.seller-sidebar .seller-brand h3::after{
  content:'';display:block;width:36px;height:3px;margin-top:8px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-400),transparent);
}
.seller-topbar h2{
  background:linear-gradient(120deg,var(--pine-900),var(--pine-500));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Admin layout fixes: ensure admin cards and settings panels use full width
   and do not get clipped by global header/layout changes. */
.seller-portal{max-width:100%;}
.seller-portal .seller-main .card{width:100%;max-width:none;box-sizing:border-box;}
.seller-content .card{width:100%;}



/* ===== Seller/Admin panel — mobile responsive ===== */
@media(max-width:900px){
  .seller-portal-wrap{padding-top:10px;overflow-x:hidden;}
  .container.seller-portal{padding:0 12px;}
  .seller-portal{display:block;}
  .seller-sidebar-toggle{display:flex;}
  .seller-sidebar-close{display:block;}
  .seller-sidebar{
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    max-height:100vh;
    width:min(82vw,300px);
    transform:translateX(-105%);
    transition:transform .28s ease;
    border-radius:0;
    z-index:2300;
    padding:16px 14px;
  }
  .seller-sidebar.open{transform:translateX(0);}
  .seller-brand{display:block;position:relative;padding-right:36px;}
  .seller-nav{
    flex-direction:column;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    gap:4px;
  }
  .seller-sidebar .admin-tab-btn{
    width:100%;
    flex:0 0 auto;
    padding:11px 13px;
    font-size:.9rem;
    white-space:nowrap;
  }
  .seller-sidebar > .btn.btn-outline.btn-sm{
    margin-top:12px !important;
    width:100%;
  }
  .seller-topbar{
    flex-direction:row;
    align-items:center;
    padding:14px 16px;
    border-radius:14px;
    gap:12px;
  }
  .seller-topbar > div{min-width:0;flex:1;}
  .seller-topbar h2{font-size:1.05rem;white-space:normal;word-break:break-word;}
  .seller-top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;}
  .seller-content{min-height:0;}
  .settings-subnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch;}
  .settings-subnav-btn{flex:0 0 auto;}
  .settings-subnav-btn .fk-settings-desc{display:none;}
  .admin-about-preview-card{grid-template-columns:1fr;}
  .admin-about-preview-points{grid-template-columns:1fr;}
  .seller-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}

  /* Tables: allow horizontal scroll inside their own box instead of
     squeezing/breaking the whole admin layout sideways. */
  .seller-content .tab-scroll{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .seller-content .tab-scroll table{min-width:640px;}

  /* Form field grids inside admin are built with inline
     style="grid-template-columns:1fr 1fr..." — collapse them all to a single
     column on mobile so labels/inputs don't get crushed side by side.
     !important is required here to win over the inline style. */
  .seller-content [style*="grid-template-columns"],
  #productFormWrap [style*="grid-template-columns"],
  #postFormWrap [style*="grid-template-columns"],
  #comboFormWrap [style*="grid-template-columns"]{
    grid-template-columns:1fr !important;
  }

  .seller-content .card{padding:14px;}
  .seller-kpi-card{padding:12px;}
  .fk-filter-pills{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .fk-filter-pill{white-space:nowrap;}
}
body.seller-sidebar-locked{overflow:hidden;}
@media(max-width:620px){
  .seller-topbar{flex-direction:column;align-items:stretch;}
  .seller-topbar .seller-sidebar-toggle{align-self:flex-start;}
}
@media(max-width:520px){
  .admin-product-modal-dialog,
  .admin-content-modal-dialog{padding:12px;border-radius:14px;}
  .seller-kpis{grid-template-columns:1fr 1fr;}
}

.img-thumb.primary{outline:2px solid var(--pine-700);}
.img-thumb .img-primary-badge{
  position:absolute;left:4px;top:4px;background:var(--pine-700);color:var(--white);
  font-size:.62rem;padding:2px 6px;border-radius:999px;font-family:var(--font-mono);z-index:2;
}
.img-thumb .img-primary-btn{
  position:absolute;left:4px;top:4px;background:rgba(14,59,77,.9);color:#fff;border:none;
  width:20px;height:20px;border-radius:50%;font-size:.7rem;line-height:1;cursor:pointer;z-index:2;
}
.img-thumb .img-remove-btn{
  position:absolute;top:2px;right:2px;background:rgba(196,30,47,.9);color:#fff;border:none;
  width:18px;height:18px;border-radius:50%;font-size:.65rem;line-height:1;cursor:pointer;z-index:2;
}
.var-group{border:1px solid var(--parchment-dark);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--white);}
.var-group table input{padding:8px 10px;border:1px solid var(--parchment-dark);border-radius:8px;min-width:110px;}

/* Auth + Buyer Dashboard */
.auth-methods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.auth-method-pill{
  border:1px solid var(--parchment-dark);
  background:var(--white);
  color:var(--ink-soft);
  padding:8px 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  cursor:pointer;
}
.auth-method-pill.active{background:var(--pine-900);color:var(--gold-200);border-color:var(--pine-900);}
.guest-auth-modal{
  position:fixed;
  inset:0;
  background:rgba(12,28,24,.52);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:2150;
  padding:14px;
}
.guest-auth-modal.open{display:flex;}
.guest-auth-card{
  width:min(520px,94vw);
  background:linear-gradient(145deg,#fff,#f8f3e6);
  border-radius:20px;
  border:1px solid var(--parchment-dark);
  box-shadow:0 24px 46px -26px rgba(14,59,77,.35);
  padding:22px;
  position:relative;
}
.guest-auth-close{
  position:absolute;
  top:10px;
  right:10px;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid var(--parchment-dark);
  background:#fff;
  color:var(--ink-soft);
  font-size:1.05rem;
  cursor:pointer;
}
.guest-auth-eyebrow{
  margin:0 0 8px;
  font-size:.74rem;
  font-family:var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--red-600);
}
.guest-auth-card h3{margin:0 0 8px;font-size:1.45rem;line-height:1.15;max-width:20ch;}
.guest-auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.guest-auth-actions .btn{flex:1 1 180px;}
.guest-auth-skip{
  margin-top:10px;
  background:none;
  border:none;
  color:var(--ink-soft);
  text-decoration:underline;
  font-size:.86rem;
  cursor:pointer;
}

@media(max-width:640px){
  .guest-auth-card h3{font-size:1.25rem;}
  .guest-auth-actions .btn{width:100%;}
}

.buyer-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.buyer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.buyer-kpi-card{background:var(--white);border:1px solid var(--parchment-dark);border-radius:12px;padding:12px 14px;}
.buyer-kpi-card span{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-family:var(--font-mono);}
.buyer-kpi-card strong{display:block;margin-top:6px;font-size:1.2rem;color:var(--pine-900);}
.buyer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px;}
.account-order-card{padding:14px;border:1px solid var(--parchment-dark);border-radius:12px;background:var(--white);}
.wishlist-btn{min-width:44px;max-width:44px;padding:0 10px !important;font-size:1rem !important;line-height:1;}
.address-item{border:1px solid var(--parchment-dark);border-radius:10px;padding:10px 12px;background:var(--white);display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;}
.address-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.wishlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.wishlist-card{border:1px solid var(--parchment-dark);border-radius:12px;padding:10px;background:var(--white);display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:center;}
.wishlist-card img,.wishlist-emoji{width:78px;height:78px;border-radius:10px;background:var(--parchment);display:flex;align-items:center;justify-content:center;object-fit:cover;font-size:2rem;}

.pdp-review-block,.pdp-reco-block{margin-top:26px;padding-top:14px;border-top:1px solid var(--parchment-dark);}
.pdp-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.pdp-review-card{background:var(--white);border:1px solid var(--parchment-dark);border-radius:12px;padding:12px;min-height:190px;display:flex;flex-direction:column;}
.pdp-review-comment{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.pdp-reco-grid .product-card{box-shadow:var(--shadow-tight);}

.pdp-layout{display:grid;grid-template-columns:1fr;gap:16px;max-width:860px;margin:0 auto;}
.pdp-media-wrap{display:grid;gap:10px;}
.pdp-main-media{background:var(--white);}
.pdp-content-wrap{display:grid;gap:8px;}
.pdp-title{font-size:1.7rem;margin:0;line-height:1.16;}
.pdp-price-row{align-items:center;gap:10px;}
.pdp-offer{font-family:var(--font-mono);font-size:.72rem;padding:4px 8px;border-radius:999px;background:var(--red-100);color:var(--red-600);font-weight:700;letter-spacing:.05em;}
.pdp-badge-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:24px;}
.pdp-sale-chip{font-family:var(--font-mono);font-size:.72rem;padding:4px 8px;border-radius:999px;background:#d9f0dc;color:#1f5a34;font-weight:700;letter-spacing:.05em;}
.pdp-actions{display:flex;gap:10px;flex-wrap:wrap;}
.pdp-actions .btn{min-width:150px;}
.pdp-acc{border:1px solid var(--parchment-dark);border-radius:12px;background:var(--white);overflow:hidden;}
.pdp-acc summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;color:var(--pine-900);display:flex;justify-content:space-between;align-items:center;}
.pdp-acc summary::-webkit-details-marker{display:none;}
.pdp-acc summary::after{content:'+';font-size:1rem;color:var(--ink-soft);}
.pdp-acc[open] summary::after{content:'−';}
.pdp-acc-body{padding:0 14px 12px;}
.pdp-spec-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;}
.pdp-spec-list li{font-size:.88rem;color:var(--ink-soft);}
.pdp-spec-list li strong{color:var(--ink);}

/* Cart + Checkout Premium Commerce UI */
.cart-trust-strip,.checkout-trust-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.cart-trust-strip span,.checkout-trust-strip span{
  background:var(--white);
  border:1px solid var(--parchment-dark);
  border-radius:999px;
  padding:7px 12px;
  font-size:.78rem;
  color:var(--ink-soft);
}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.35fr .95fr;gap:20px;align-items:start;}
.cart-main-card table tbody tr,.cart-main-card table thead tr{background:transparent;}
.cart-prod{display:flex;align-items:center;gap:10px;}
.cart-prod-media{width:62px;height:62px;border-radius:12px;font-size:1.6rem;overflow:hidden;background:var(--parchment);display:flex;align-items:center;justify-content:center;}
.cart-qty-wrap{display:flex;align-items:center;gap:8px;}
.cart-summary-card,.checkout-summary-card{position:sticky;top:14px;}

.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pay-method-card{
  border:1.5px solid var(--parchment-dark);
  border-radius:12px;
  padding:10px 12px;
  background:var(--white);
  display:flex;
  gap:8px;
  align-items:flex-start;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.pay-method-card input{margin-top:2px;}
.pay-method-card span{display:flex;flex-direction:column;gap:2px;}
.pay-method-card small{font-size:.76rem;color:var(--ink-soft);}
.pay-method-card.active{border-color:var(--pine-700);box-shadow:var(--shadow-tight);transform:translateY(-1px);}

@media(max-width:980px){
  .cart-layout,.checkout-layout{grid-template-columns:1fr;}
  .cart-summary-card,.checkout-summary-card{position:static;}
}
@media(max-width:560px){
  .payment-method-grid{grid-template-columns:1fr;}
  .cart-trust-strip span,.checkout-trust-strip span{font-size:.74rem;}
}

@media(max-width:900px){
  .buyer-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .buyer-grid{grid-template-columns:1fr;}
  .wishlist-grid{grid-template-columns:1fr;}
  .pdp-review-list{grid-template-columns:1fr;}
  .pdp-title{font-size:1.4rem;}
  .pdp-actions .btn{flex:1;min-width:0;}
}
@media(max-width:560px){
  .buyer-kpis{grid-template-columns:1fr;}
}

@media(max-width:1040px) and (min-width:901px){
  .seller-portal{grid-template-columns:minmax(230px,250px) 1fr;}
  .seller-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ============================================================
   SHOP FILTER SYSTEM v2 — accordion sidebar (desktop) +
   slide-up bottom sheet (mobile), Myntra/Amazon-style
   ============================================================ */
.shop-layout{display:grid;grid-template-columns:270px 1fr;gap:32px;align-items:start;}
.fp-search-row-top{max-width:520px;margin:0 0 18px;}
.fp-search-row-top input{padding:11px 38px 11px 16px;border-radius:999px;border:1px solid var(--parchment-dark);font-size:.92rem;background:var(--white);}
.chip-scroll-wrap{position:relative;margin:0 0 18px;}
.chip-scroll{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:2px 38px 6px;scrollbar-width:none;scroll-snap-type:x proximity;}
.chip-scroll::-webkit-scrollbar{display:none;}
.chip-scroll-wrap::before,.chip-scroll-wrap::after{
  content:'';position:absolute;top:0;bottom:6px;width:36px;pointer-events:none;z-index:2;
}
.chip-scroll-wrap::before{left:0;background:linear-gradient(90deg, var(--white) 10%, transparent);}
.chip-scroll-wrap::after{right:0;background:linear-gradient(270deg, var(--white) 10%, transparent);}
.chip-scroll-arrow{
  position:absolute;top:0;bottom:6px;z-index:3;width:34px;
  display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:var(--pine-900);font-size:1.5rem;font-weight:700;
  cursor:pointer;opacity:.75;transition:opacity .15s ease;
}
.chip-scroll-arrow:hover{opacity:1;}
.chip-scroll-arrow.left{left:0;}
.chip-scroll-arrow.right{right:0;}
@media(max-width:720px){.chip-scroll-arrow{display:none;}.chip-scroll-wrap::before,.chip-scroll-wrap::after{width:20px;}.chip-scroll{padding:2px 16px 6px;}}
.cat-chip{flex:0 0 auto;padding:8px 18px;border-radius:999px;border:1.5px solid var(--parchment-dark);background:var(--white);color:var(--ink);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;scroll-snap-align:start;}
.cat-chip.active{background:var(--pine-700);border-color:var(--pine-700);color:var(--white);}
.cat-chip .cnt{opacity:.7;font-weight:400;margin-left:4px;}
.shop-toolbar-mobile{display:none;}
.filter-panel-v2{background:var(--white);border:1px solid var(--parchment-dark);border-radius:var(--r-md);overflow:hidden;position:sticky;top:90px;}
.filter-panel-v2 .fp-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--parchment-dark);}
.filter-panel-v2 .fp-head h4{margin:0;font-size:1rem;letter-spacing:.02em;}
.filter-panel-v2 .fp-clear{background:none;border:none;color:var(--red-600);font-size:.82rem;font-weight:600;cursor:pointer;padding:0;}
.fp-section{border-bottom:1px solid var(--parchment-dark);}
.fp-section:last-child{border-bottom:none;}
.fp-section-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:14px 18px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);}
.fp-section-head .chev{transition:transform .2s ease;font-size:.8rem;color:var(--ink-soft);}
.fp-section.collapsed .chev{transform:rotate(-90deg);}
.fp-section-body{padding:2px 18px 16px;display:flex;flex-direction:column;gap:2px;}
.fp-section.collapsed .fp-section-body{display:none;}
.fp-search-row{position:relative;margin-bottom:2px;}
.fp-search-row input{width:100%;padding:10px 36px 10px 14px;border:1px solid rgba(30,59,49,.14);border-radius:999px;font-size:.95rem;background:rgba(255,255,255,.98);box-shadow:inset 0 1px 3px rgba(30,59,49,.08);}
.fp-search-row span{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.5;font-size:.85rem;}
.fp-check{display:flex;align-items:center;gap:10px;padding:7px 2px;cursor:pointer;font-size:.9rem;color:var(--ink);}
.fp-check input{accent-color:var(--pine-700);width:16px;height:16px;}
.fp-check .cnt{margin-left:auto;color:var(--ink-soft);font-size:.78rem;font-family:var(--font-mono);}
.fp-more{background:none;border:none;color:var(--red-600);font-weight:600;font-size:.82rem;padding:6px 2px;text-align:left;cursor:pointer;}
.fp-radio{display:flex;align-items:center;gap:10px;padding:7px 2px;cursor:pointer;font-size:.9rem;}
.fp-radio input{accent-color:var(--pine-700);width:16px;height:16px;}
.fp-price-slider{padding:10px 4px 4px;}
.fp-price-slider .fp-range-track{position:relative;height:6px;background:var(--parchment-dark);border-radius:999px;margin:14px 4px 10px;}
.fp-price-slider .fp-range-fill{position:absolute;height:6px;border-radius:999px;background:var(--gold-400);}
.fp-price-slider input[type=range]{position:absolute;width:100%;top:-7px;left:0;-webkit-appearance:none;appearance:none;background:none;pointer-events:none;height:20px;margin:0;}
.fp-price-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:var(--red-600);border:2px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;}
.fp-price-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:18px;height:18px;border-radius:50%;background:var(--red-600);border:2px solid var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer;}
.fp-price-values{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--pine-900);}
.fp-apply-mobile{display:none;}
.fp-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--red-600);color:var(--white);border-radius:999px;font-size:.7rem;min-width:18px;height:18px;padding:0 5px;margin-left:6px;}

.shop-filter-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px 18px;border-radius:18px;border:1px solid rgba(30,59,49,.12);background:rgba(246,249,246,.9);box-shadow:0 10px 18px -14px rgba(14,59,77,.12);}
.shop-filter-badges{display:flex;flex-wrap:wrap;gap:10px;}
.filter-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--white);border:1px solid rgba(30,59,49,.08);font-size:.82rem;color:var(--ink);}

@media(max-width:760px){
  .shop-filter-summary{flex-direction:column;align-items:flex-start;}
  .shop-filter-badges{width:100%;}
}

@media(max-width:920px){
  .shop-layout{display:block;}
  .shop-toolbar-mobile{display:flex;gap:10px;margin-bottom:18px;}
  .shop-toolbar-mobile button{flex:1;}
  .fp-search-row-top{max-width:none;}
  .shop-sidebar{position:fixed;inset:0;z-index:1000;display:none;}
  .shop-sidebar.open{display:block;}
  .shop-sidebar .fp-backdrop{position:absolute;inset:0;background:rgba(14,28,30,.55);backdrop-filter:blur(4px);}
  .filter-panel-v2{position:absolute;left:0;right:0;bottom:0;top:12%;border-radius:20px 20px 0 0;max-height:88vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s ease,opacity .32s ease;opacity:0;}
  .shop-sidebar.open .filter-panel-v2{transform:translateY(0);opacity:1;}
  .filter-panel-v2 .fp-body-scroll{overflow-y:auto;flex:1;padding-bottom:0;}
  .fp-apply-mobile{display:block;padding:14px 18px;border-top:1px solid rgba(30,59,49,.1);background:var(--white);}
  .fp-apply-mobile button{width:100%;}
}

/* Shared page-number pagination (shop, combos, blog, PDP reviews) */
.pager-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px 0 6px;flex-wrap:wrap;}
.pager-nums{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.pager-btn{border:1px solid var(--parchment-dark);background:var(--white);border-radius:8px;padding:7px 14px;font-size:.85rem;cursor:pointer;}
.pager-btn:disabled{opacity:.45;cursor:not-allowed;}
.pager-num{border:1px solid var(--parchment-dark);background:var(--white);border-radius:8px;min-width:34px;height:34px;font-size:.85rem;cursor:pointer;padding:0 6px;}
.pager-num.active{background:var(--gold-400);color:#fff;border-color:transparent;font-weight:600;}
.pager-ellipsis{padding:0 4px;color:#888;}

/* PDP review slider — auto-scrolling, 1 review/slide on mobile, up to 4/slide on desktop */
.pdp-review-slider-window{overflow:hidden;border-radius:14px;}
.pdp-review-slider-track{display:flex;transition:transform .4s ease;}
.pdp-review-slide{flex:0 0 100%;display:grid;gap:12px;padding:2px;}
.pdp-review-slider-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;}
.pdp-review-nav{background:var(--white);border:1px solid var(--parchment-dark);color:inherit;}
.pdp-review-slider-dots{display:flex;gap:6px;}
.pdp-review-slider-dots button{width:8px;height:8px;border-radius:999px;border:none;background:var(--parchment-dark);cursor:pointer;padding:0;}
.pdp-review-slider-dots button.active{width:20px;background:var(--gold-400);}
@media (max-width:900px){
  .pdp-review-slide{gap:10px;}
}
/* ==========================================================
   ADMIN PANEL TABLE LAYOUT & TEXT WRAPPING FIX
   ========================================================== */

/* Prevent letter-by-letter vertical wrapping globally in tables */
.admin-page table,
.admin-table,
table,
th,
td,
.badge,
.tag {
  word-break: normal !important;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  hyphens: none !important;
}

/* Fix table head labels (CATEGORY, PRICE, STOCK, etc.) */
table th,
.admin-page table th {
  white-space: nowrap !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.5px !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
  text-align: left !important;
}

/* Fix table cells padding and alignment */
table td,
.admin-page table td {
  padding: 12px 10px !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

/* Keep prices, badges, and action buttons in a single line */
table td:nth-child(3), /* PRICE */
table td:nth-child(4), /* STOCK */
table td:nth-child(5), /* STOCK STATE */
table td:nth-child(6), /* LISTING */
table td:nth-child(7), /* QUALITY */
table td:nth-child(8), /* HSN */
table td:nth-child(9), /* ACTIONS */
.badge,
.st-published,
.st-confirmed,
.st-shipped,
.st-delivered,
.btn {
  white-space: nowrap !important;
}

/* Buttons formatting inside table (Edit / Delete) */
table td .btn,
table td button,
.admin-page button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  padding: 6px 14px !important;
  min-width: max-content !important;
  word-break: keep-all !important;
}

/* Make table container horizontally scrollable on smaller screens */
.admin-card,
.card,
.table-responsive,
.admin-table-wrap {
  overflow-x: auto !important;
  max-width: 100% !important;
}
/* ===== LANGUAGE MODAL ===== */
.lang-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  animation: fadeIn 0.2s ease;
}
.lang-modal.open { display: flex; }

.lang-modal-card {
  background: var(--white);
  border-radius: var(--r-lg);
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  position: relative;
}

.lang-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
  max-height: 60vh;
  overflow-y: auto;
}

.lang-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 12px 8px;
  background: var(--parchment);
  border: 2px solid var(--parchment-dark);
  border-radius: var(--r-md);
  cursor: pointer;
  font-weight: 500;
  font-size: .86rem;
  line-height: 1.3;
  transition: all 0.2s ease;
}
@media(max-width:480px){
  .lang-options{grid-template-columns:1fr;}
}

.lang-option:hover {
  background: var(--parchment-dark);
  transform: translateY(-2px);
}

.lang-option.active {
  background: var(--pine-900);
  border-color: var(--pine-900);
  color: var(--parchment);
  position:relative;
}
.lang-option.active::after{
  content:'✓';
  font-weight:700;
  color:var(--gold-200);
}

.modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--ink-soft);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===== COMBO GRID / JOURNAL — horizontal slider on mobile, exactly 2 cards visible per frame, rest swipeable. Desktop keeps the normal grid (rule scoped to the mobile breakpoint only). ===== */
@media (max-width:768px){
  #comboGrid.mobile-slider,
  #homeBlogTeaser.mobile-slider{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:4px 4px 14px !important;
    margin:0 !important;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
  }
  #comboGrid.mobile-slider::-webkit-scrollbar,
  #homeBlogTeaser.mobile-slider::-webkit-scrollbar{height:6px;}
  #comboGrid.mobile-slider::-webkit-scrollbar-thumb,
  #homeBlogTeaser.mobile-slider::-webkit-scrollbar-thumb{background:var(--parchment-dark);border-radius:99px;}

  #comboGrid.mobile-slider > .combo-card,
  #homeBlogTeaser.mobile-slider > .blog-card{
    flex:0 0 calc((100% - 12px)/2) !important;
    width:calc((100% - 12px)/2) !important;
    scroll-snap-align:start;
  }
}

/* ===== PAGINATION STYLING ===== */
.shop-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 16px;
  flex-wrap: wrap;
  background: var(--parchment);
  border-radius: var(--r-md);
  border: 1px solid var(--parchment-dark);
}

.pagination-info {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

/* ===== A+ CONTENT STYLING ===== */
.aplus-block {
  margin-top: 24px;
  padding: 20px;
  background: var(--parchment);
  border-radius: var(--r-md);
  border: 1px solid var(--parchment-dark);
  opacity: 0;
  animation: fadeInAplus 0.3s ease 0.1s forwards;
}

.aplus-block h1, .aplus-block h2, .aplus-block h3, .aplus-block h4, 
.aplus-block h5, .aplus-block h6 {
  margin: 16px 0 8px 0;
  color: var(--ink-base);
  line-height: 1.3;
}

.aplus-block p {
  margin: 12px 0;
  line-height: 1.6;
  color: var(--ink-base);
}

.aplus-block img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px 0;
  border-radius: var(--r-sm);
}

.aplus-block table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  background: var(--white);
}

.aplus-block th, .aplus-block td {
  padding: 12px;
  text-align: left;
  border: 1px solid var(--parchment-dark);
}

.aplus-block th {
  background: var(--pine-900);
  color: var(--parchment);
  font-weight: 600;
}

@keyframes fadeInAplus {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 520px) {
  .shop-pagination {
    margin-top: 16px;
    gap: 6px;
    padding: 12px;
  }
  
  .pagination-info {
    gap: 2px;
  }
}
/* ================= Flipkart Seller-Hub style admin console ================= */
:root{
  --fk-blue:#2874f0;
  --fk-blue-dark:#1c5bc9;
  --fk-yellow:#ffe11b;
  --fk-bg:#f1f3f6;
  --fk-ink:#212121;
  --fk-ink-soft:#6b7280;
  --fk-border:#e2e5ea;
  --fk-green:#12a150;
  --fk-green-bg:#e9f9ef;
  --fk-orange:#c96a00;
  --fk-orange-bg:#fff2df;
  --fk-red:#d0021b;
  --fk-red-bg:#fdecec;
}
.seller-portal-wrap{background:var(--fk-bg);padding-top:16px;}
/* Guarded to desktop only: on mobile the earlier @media(max-width:900px) rule
   sets .seller-portal{display:block} to stack the sidebar/content. Without this
   min-width guard, this later unguarded rule could re-introduce grid columns
   and fight with the mobile stacked/collapsible sidebar layout. */
@media(min-width:901px){
  .seller-portal{grid-template-columns:minmax(230px,254px) 1fr;}
}

/* ---- Sidebar ---- */
.seller-sidebar{
  background:#ffffff;border:1px solid var(--fk-border);border-radius:10px;
  box-shadow:0 1px 3px rgba(20,20,43,.06);padding:0;overflow:visible;max-height:none;
}
.seller-brand{
  padding:18px 16px;border-bottom:1px solid var(--fk-border);margin:0;
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
}
.seller-brand::before{display:none;}
.seller-brand h3{color:var(--fk-ink);font-size:1.02rem;font-weight:800;}
.seller-brand h3::after{display:none;}
.seller-brand .eyebrow{color:var(--fk-blue) !important;font-weight:700;font-size:.72rem;letter-spacing:.08em;}
.seller-brand p.muted{color:var(--fk-ink-soft);}
.seller-nav{padding:8px;gap:1px;max-height:none;}
.seller-sidebar .admin-tab-btn{
  border-radius:8px;color:#4a4f57;font-size:.87rem;font-weight:600;padding:11px 12px;
  border:1px solid transparent;
}
.seller-sidebar .admin-tab-btn .inline-icon{color:#8a8f98;}
.seller-sidebar .admin-tab-btn:hover{background:#f1f6ff;color:var(--fk-blue);transform:none;}
.seller-sidebar .admin-tab-btn.active{
  background:#eaf1ff;color:var(--fk-blue);border-color:#dbe8ff;font-weight:700;
}
.seller-sidebar .admin-tab-btn.active .inline-icon{color:var(--fk-blue);}
.seller-sidebar .admin-tab-btn.active::before{background:var(--fk-blue);}
.seller-sidebar .btn-outline{
  margin:10px;border-radius:8px;border-color:var(--fk-border);color:var(--fk-ink);
}

/* ---- Topbar ---- */
.seller-topbar{
  background:#ffffff;border:1px solid var(--fk-border);border-radius:10px;
  box-shadow:0 1px 3px rgba(20,20,43,.06);
}
.seller-topbar::before{display:none;}
.seller-topbar h2{
  background:none;-webkit-text-fill-color:initial;color:var(--fk-ink);
  -webkit-background-clip:initial;background-clip:initial;font-size:1.18rem;
}
.seller-topbar .eyebrow{color:var(--fk-blue) !important;}
.seller-content .btn-gold{
  background:var(--fk-yellow);color:#1a1a1a;box-shadow:none;border:1px solid #f0d000;
}
.seller-content .btn-primary{
  background:var(--fk-blue);box-shadow:none;background-image:none;
}
.seller-content .btn-primary:hover{background:var(--fk-blue-dark);box-shadow:none;}
.seller-content .btn-outline{border:1.5px solid #c2c8d1;color:var(--fk-ink);}
.seller-content .btn-outline:hover{border-color:var(--fk-blue);color:var(--fk-blue);box-shadow:none;}
.seller-content .btn{border-radius:8px;}
.seller-content .btn-sm{border-radius:6px;}
.seller-content .btn:hover{transform:none;filter:none;}

/* ---- Cards / tables ---- */
.seller-content .card,
.seller-content .tab-scroll{
  border-radius:10px;border:1px solid var(--fk-border);box-shadow:0 1px 3px rgba(20,20,43,.05);
}
.seller-content .tab-scroll th{background:#fafbfc;color:#6b7280;font-weight:700;}
.seller-content .tab-scroll tbody tr:nth-child(even) td{background:transparent;}
.seller-content .tab-scroll tbody tr:hover td{background:#f6f9ff !important;}
.seller-content .field input:focus,
.seller-content .field select:focus,
.seller-content .field textarea:focus{border-color:var(--fk-blue);box-shadow:0 0 0 3px rgba(40,116,240,.14);}

/* ---- KPI cards ---- */
.seller-kpi-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(20,20,43,.05);}
.seller-kpi-card::after{background:var(--fk-blue);}
.seller-kpi-card:hover{transform:none;box-shadow:0 1px 3px rgba(20,20,43,.08);}
.seller-kpi-card strong{color:var(--fk-ink);}

/* ---- Status pills recolor (Flipkart-ish) ---- */
.st-pending{background:var(--fk-orange-bg);color:var(--fk-orange);}
.st-confirmed{background:#e6f0ff;color:var(--fk-blue);}
.st-shipped{background:#e6f0ff;color:var(--fk-blue);}
.st-delivered{background:var(--fk-green-bg);color:var(--fk-green);}
.st-cancelled{background:var(--fk-red-bg);color:var(--fk-red);}
.seller-content .badge-status{border-radius:6px;box-shadow:none;font-weight:700;font-size:.72rem;padding:4px 10px;}

/* ---- Filter pill row (Flipkart "All / At Risk / Low Stock..." tabs) ---- */
.fk-filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.fk-filter-pill{
  border:1px solid var(--fk-border);background:#fff;color:#4a4f57;font-weight:600;font-size:.83rem;
  padding:8px 16px;border-radius:999px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.fk-filter-pill:hover{border-color:var(--fk-blue);color:var(--fk-blue);}
.fk-filter-pill.active{background:#eaf1ff;border-color:var(--fk-blue);color:var(--fk-blue);}
.fk-filter-pill .count{opacity:.75;margin-left:2px;}

/* ---- Row kebab menu (Flipkart-style product/order actions) ---- */
.fk-row-kebab{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;margin-left:6px;border-radius:8px;border:1px solid var(--fk-border,rgba(30,59,49,.15));
  background:#fff;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ink-soft);
}
.fk-row-kebab:hover{background:#f1f6ff;border-color:var(--fk-blue,#2874f0);color:var(--fk-blue,#2874f0);}
.fk-row-menu{
  display:none;position:absolute;right:0;top:calc(100% + 4px);z-index:40;
  min-width:190px;background:#fff;border:1px solid var(--fk-border,rgba(30,59,49,.15));border-radius:10px;
  box-shadow:0 12px 28px -12px rgba(14,59,77,.28);padding:6px;
}
.fk-row-menu.open{display:flex;flex-direction:column;gap:1px;}
.fk-row-menu button{
  text-align:left;background:none;border:none;padding:9px 12px;border-radius:7px;font-size:.85rem;
  color:var(--fk-blue,#2874f0);font-weight:600;cursor:pointer;
}
.fk-row-menu button:hover{background:#f1f6ff;}
.fk-row-menu button.fk-row-menu-danger{color:var(--red-600,#d0021b);}
.fk-row-menu button.fk-row-menu-danger:hover{background:#fdecec;}

/* ---- Row action icon group (edit / external / kebab, Flipkart style) ---- */
.fk-row-actions{display:flex;align-items:center;gap:10px;}
.fk-row-actions .fk-icon-btn{
  width:30px;height:30px;border-radius:6px;border:1px solid var(--fk-border);background:#fff;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4a4f57;
}
.fk-row-actions .fk-icon-btn:hover{border-color:var(--fk-blue);color:var(--fk-blue);}
.fk-kebab-wrap{position:relative;display:inline-block;}
.fk-kebab-menu{
  display:none;position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--fk-border);
  border-radius:10px;box-shadow:0 12px 28px rgba(20,20,43,.16);min-width:170px;z-index:20;padding:6px;
}
.fk-kebab-menu.open{display:block;}
.fk-kebab-menu button{
  display:block;width:100%;text-align:left;background:none;border:none;padding:9px 10px;border-radius:6px;
  font-size:.84rem;font-weight:600;color:var(--fk-blue);cursor:pointer;
}
.fk-kebab-menu button:hover{background:#f1f6ff;}
.fk-kebab-menu button.danger{color:var(--fk-red);}

/* ---- Settings landing: card grid (like Flipkart account/settings page) ---- */
.settings-subnav{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-bottom:none;padding-bottom:4px;margin-bottom:24px;
}
@media(max-width:900px){.settings-subnav{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.settings-subnav{grid-template-columns:1fr;}}
.settings-subnav-btn{
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;
  background:#fff;border:1px solid var(--fk-border);border-radius:10px;padding:18px 18px 16px;
  box-shadow:0 1px 3px rgba(20,20,43,.05);font-weight:400;position:relative;min-height:118px;
}
.settings-subnav-btn > span:first-child{
  width:38px;height:38px;border-radius:9px;background:#eaf1ff;display:inline-flex;align-items:center;
  justify-content:center;font-size:1.15rem;margin-bottom:2px;
}
.settings-subnav-btn .fk-settings-title{font-size:.98rem;font-weight:700;color:var(--fk-ink);}
.settings-subnav-btn .fk-settings-desc{font-size:.79rem;color:var(--fk-ink-soft);font-weight:400;line-height:1.4;}
.settings-subnav-btn .fk-settings-view{color:var(--fk-blue);font-weight:700;font-size:.82rem;margin-top:auto;padding-top:6px;}
.settings-subnav-btn:hover{border-color:var(--fk-blue);}
.settings-subnav-btn.active{border-color:var(--fk-blue);box-shadow:0 0 0 1px var(--fk-blue) inset;}
.settings-group{border-top:1px solid var(--fk-border);padding-top:20px;}

/* ================= Global horizontal-overflow safety net ================= */
html, body{overflow-x:hidden;max-width:100%;}
.hero-carousel-home, .hero-track, .hero-slide{max-width:100%;}
.mobile-slider, [class*="-scroll"], [class*="scroll-row"]{scroll-padding-left:16px;}
@media(max-width:640px){
  section > .flex[style*="overflow-x"],
  .offer-banner-row, .mobile-slider{scroll-padding-left:16px;padding-left:16px;}
}

/* ================= Flipkart-Mall style product card ================= */
.product-card .product-img{position:relative;}
.mall-badge{
  position:absolute;top:8px;left:8px;z-index:2;background:#6c2bd9;color:#fff;font-size:.66rem;font-weight:700;
  padding:3px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:3px;
}
.product-card .wish-fab{position:absolute;top:8px;right:8px;bottom:auto;left:auto;z-index:2;}
.product-card .sale-badge{position:absolute;top:8px;left:8px;bottom:auto;right:auto;z-index:2;width:max-content;height:auto;}
.product-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;}
.product-body h3{font-size:.88rem;font-weight:500;color:#212121;}
.product-body .qty-chip{font-size:.72rem;color:var(--ink-soft);}
.product-body .price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:2px;}
.product-body .price-row .price{font-size:1.02rem;font-weight:700;color:#212121;}
.product-body .price-row .price-old{font-size:.8rem;color:#878787;text-decoration:line-through;}
.product-body .price-row .off-pct{font-size:.8rem;color:#388e3c;font-weight:700;}
.special-offer-line{font-size:.72rem;color:#388e3c;font-weight:600;}
.stars-pill{display:flex;align-items:center;gap:6px;margin-top:2px;}
.rating-pill{
  background:#388e3c;color:#fff;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:4px;
  display:inline-flex;align-items:center;gap:2px;
}
@media(max-width:520px){
  .product-body{padding:8px 8px 10px;gap:3px;}
  .product-body h3{font-size:.8rem;min-height:2.2em;}
  .product-actions{gap:6px;}
  .product-actions .btn{padding:8px 6px;font-size:.74rem;flex:1;}
}

/* ================= Flipkart-style Cart page ================= */
.fk-cart-list{display:flex;flex-direction:column;gap:12px;}
.fk-cart-item{background:#fff;border:1px solid var(--fk-border,#e2e5ea);border-radius:10px;padding:14px;}
.fk-cart-item-top{display:flex;gap:14px;}
.fk-cart-item-media{
  width:76px;height:76px;border-radius:10px;overflow:hidden;background:var(--parchment);
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;
}
.fk-cart-item-media img{width:100%;height:100%;object-fit:cover;}
.fk-cart-item-info{flex:1;min-width:0;}
.fk-cart-item-info h4{margin:0 0 4px;font-size:.94rem;font-weight:600;}
.fk-cart-rating{margin:4px 0;}
.fk-cart-qty-wrap{display:flex;align-items:center;gap:8px;margin:8px 0;}
.fk-cart-qty-wrap select{padding:5px 10px;border-radius:6px;border:1px solid var(--fk-border,#e2e5ea);}
.fk-cart-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.fk-cart-price-row .price-old{font-size:.82rem;color:#878787;text-decoration:line-through;}
.fk-cart-price-row strong{font-size:1.02rem;}
.fk-cart-item-actions{display:flex;border-top:1px solid var(--fk-border,#e2e5ea);margin-top:8px;padding-top:10px;gap:6px;}
.fk-cart-item-actions button{
  flex:1;background:none;border:none;font-weight:700;font-size:.84rem;color:#4a4f57;
  padding:8px 6px;border-radius:6px;cursor:pointer;
}
.fk-cart-item-actions button:hover{background:#f6f9ff;color:var(--fk-blue,#2874f0);}

.fk-price-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.92rem;}
.fk-price-total{
  display:flex;justify-content:space-between;font-weight:800;font-size:1.05rem;
  border-top:1px dashed var(--fk-border,#e2e5ea);margin-top:6px;padding-top:12px;
}
.fk-savings-banner{
  background:#e9f9ef;color:#16794a;font-weight:700;font-size:.86rem;
  border-radius:8px;padding:10px 12px;margin-top:12px;
}

.fk-sticky-bar{display:none;}
@media(max-width:900px){
  .fk-sticky-bar{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--fk-border,#e2e5ea);
    padding:12px 16px;box-shadow:0 -6px 16px rgba(20,20,43,.08);z-index:30;margin-top:16px;
  }
  .fk-sticky-bar-price{display:flex;flex-direction:column;line-height:1.15;}
  .fk-sticky-bar-price strong{font-size:1.15rem;}
  .fk-sticky-bar-price .price-old{font-size:.78rem;color:#878787;text-decoration:line-through;}
  .fk-sticky-bar .btn{padding:12px 28px;font-weight:800;}
  .cart-summary-card .btn-primary{display:none;}
  .cart-summary-card p.muted{display:none;}
}

/* ================= Flipkart-style Checkout page ================= */
.fk-checkout-steps{
  display:flex;align-items:center;justify-content:center;gap:0;margin:18px 0 22px;flex-wrap:wrap;
}
.fk-step{
  display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:700;
  color:#9aa1ac;min-width:70px;text-align:center;
}
.fk-step em{font-style:normal;font-size:.72rem;}
.fk-step::before{
  content:"";width:26px;height:26px;border-radius:50%;background:#e2e5ea;color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.fk-step.done{color:var(--fk-blue,#2874f0);}
.fk-step.done::before{content:"✓";background:var(--fk-blue,#2874f0);}
.fk-step.active{color:var(--fk-ink,#212121);}
.fk-step.active::before{content:"";background:var(--fk-blue,#2874f0);}
.fk-step-line{flex:0 0 60px;height:2px;background:#e2e5ea;margin:0 4px;align-self:flex-start;margin-top:13px;}
@media(max-width:520px){.fk-step-line{flex:0 0 34px;}}

.fk-pay-list{display:flex;flex-direction:column;gap:12px;}
.fk-pay-row{
  position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--fk-border,#e2e5ea);
  border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.fk-pay-row:hover{transform:translateY(-1px);box-shadow:0 6px 18px -12px rgba(20,20,30,.25);}
.fk-pay-row input{position:absolute;opacity:0;pointer-events:none;}
.fk-pay-radio{
  width:20px;height:20px;border-radius:50%;border:2px solid var(--fk-border,#cbd1da);flex:0 0 auto;
  position:relative;transition:border-color .15s ease;
}
.fk-pay-radio::after{
  content:'';position:absolute;inset:3px;border-radius:50%;background:var(--fk-blue,#2874f0);
  transform:scale(0);transition:transform .15s ease;
}
.fk-pay-row.active .fk-pay-radio{border-color:var(--fk-blue,#2874f0);}
.fk-pay-row.active .fk-pay-radio::after{transform:scale(1);}
.fk-pay-icon{
  width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.fk-pay-icon svg{width:22px;height:22px;}
.fk-pay-icon-online{background:rgba(40,116,240,.1);color:var(--fk-blue,#2874f0);}
.fk-pay-icon-cod{background:rgba(201,160,58,.14);color:#a9791a;}
.fk-pay-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;}
.fk-pay-text strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.fk-pay-text small{font-size:.8rem;color:var(--ink-soft);}
.fk-pay-recommended{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--fk-blue,#2874f0);color:#fff;padding:2px 8px;border-radius:999px;}
.fk-pay-save{flex:0 0 auto;font-size:.72rem;font-weight:700;color:#1a7d3c;background:rgba(26,125,60,.1);padding:5px 10px;border-radius:999px;white-space:nowrap;}
.fk-pay-fee{flex:0 0 auto;font-size:.75rem;font-weight:700;color:var(--rose-700,#b02a37);background:rgba(176,42,55,.08);padding:5px 10px;border-radius:999px;white-space:nowrap;}
.fk-pay-row.active{border-color:var(--fk-blue,#2874f0);box-shadow:0 0 0 1px var(--fk-blue,#2874f0) inset, 0 6px 18px -12px rgba(40,116,240,.35);}
.fk-pay-notice{
  display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:12px;margin-top:12px;
}
.fk-pay-notice .inline-icon{margin:2px 0 0;flex:0 0 auto;width:1.05rem;height:1.05rem;}
.fk-pay-notice p{margin:0;font-size:.85rem;}
.fk-pay-notice-online{background:rgba(40,116,240,.06);border:1px dashed rgba(40,116,240,.3);color:var(--fk-blue,#2874f0);}
.fk-pay-notice-online .inline-icon{color:var(--fk-blue,#2874f0);}
.fk-pay-notice-cod{background:#fff7ed;border:1px solid #f2c09b;}
@media(max-width:520px){
  .fk-pay-row{padding:13px 14px;gap:11px;}
  .fk-pay-icon{width:36px;height:36px;}
  .fk-pay-icon svg{width:19px;height:19px;}
  .fk-pay-save,.fk-pay-fee{font-size:.68rem;padding:4px 8px;}
}

.checkout-summary-card .fk-price-row:first-child{border-top:none;padding-top:0;}
@media(max-width:900px){
  .fk-desktop-place-btn{display:none;}
}

/* Combo + blog grids use the standard .grid-4 layout (same as Bestsellers) when not in slider mode */

/* ================= Custom HTML/CSS/JS content block (frontend + admin) ================= */
.custom-code-block{
  margin-top:16px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(30,59,49,.1);
  background:var(--white);
  box-shadow:0 12px 28px -20px rgba(14,59,77,.3);
}
.custom-code-frame{
  display:block;
  width:100%;
  min-height:300px;
  height:300px;
  border:0;
}

/* Admin editor: code textarea + live preview side by side, stacking on mobile */
.admin-custom-code-field{
  border:1px dashed rgba(30,59,49,.2);
  border-radius:14px;
  padding:12px;
  background:rgba(30,59,49,.02);
}
.cc-editor-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:4px;
}
.cc-code-textarea{
  width:100%;
  min-height:220px;
  font-family:'Courier New',Consolas,monospace;
  font-size:.8rem;
  line-height:1.5;
  border-radius:10px;
  padding:10px;
  border:1.5px solid var(--parchment-dark);
  background:#0f1f1a;
  color:#d6f5e3;
  resize:vertical;
}
.cc-preview-pane{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.cc-preview-label{
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ink-soft);
  margin-bottom:4px;
}
.cc-preview-frame{
  flex:1;
  min-height:220px;
  width:100%;
  border-radius:10px;
  border:1.5px solid var(--parchment-dark);
  background:#fff;
}
@media(max-width:820px){
  .cc-editor-row{grid-template-columns:1fr;}
  .cc-code-textarea,.cc-preview-frame{min-height:180px;}
}

/* Combo quick-view modal */
.combo-qv-card{width:min(520px,94vw);max-height:88vh;overflow-y:auto;}
.combo-qv-img{
  width:100%;
  aspect-ratio:1/1;
  max-height:260px;
  border-radius:14px;
  overflow:hidden;
  background:var(--parchment);
  display:flex;align-items:center;justify-content:center;
  font-size:3rem;
}
.combo-qv-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:520px){
  .combo-qv-card{padding:16px;}
  .combo-qv-img{max-height:200px;}
}

/* ================= Flipkart-style skin extended to Add/Edit modals ================= */
/* (Product / Combo / Blog / Coupon forms render in modals OUTSIDE .seller-content,
   so the seller-console theme above didn't reach them — this fixes that.) */
.fk-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--fk-ink-soft,#6b7280);margin-bottom:2px;}
.fk-breadcrumb .fk-crumb-root{font-weight:600;}
.fk-breadcrumb .fk-crumb-sep{opacity:.6;}
.fk-breadcrumb .fk-crumb-current{color:var(--fk-blue,#2874f0);font-weight:700;}

.admin-product-modal-dialog,
.admin-content-modal-dialog{
  border-radius:12px;
  border:1px solid var(--fk-border,#e2e5ea);
  background:#fff;
  box-shadow:0 20px 46px -28px rgba(20,20,43,.35);
}
.admin-product-modal #productFormWrap .card,
.admin-content-modal #postFormWrap .card,
.admin-content-modal #comboFormWrap .card{
  box-shadow:none;border:1px solid var(--fk-border,#e2e5ea);border-radius:10px;background:#fff;
}
.admin-product-modal #productFormWrap .card h4,
.admin-content-modal #postFormWrap .card h4,
.admin-content-modal #comboFormWrap .card h4{
  color:var(--fk-ink,#212121);font-size:1.08rem;font-weight:800;
  border-bottom:1px solid var(--fk-border,#e2e5ea);padding-bottom:12px;margin-bottom:14px;
}
.admin-product-modal-close,
.admin-content-modal .admin-product-modal-close{
  background:#fff;
  color:var(--fk-ink-soft,#6b7280);
  border:1px solid var(--fk-border,#e2e5ea);
  border-radius:8px;
}
.admin-product-modal-close:hover{transform:none;background:#f1f6ff;color:var(--fk-blue,#2874f0);border-color:var(--fk-blue,#2874f0);}

.admin-product-modal .field label,
.admin-content-modal .field label{
  font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--fk-ink-soft,#6b7280);
}
.admin-product-modal .field input,
.admin-product-modal .field select,
.admin-product-modal .field textarea,
.admin-content-modal .field input,
.admin-content-modal .field select,
.admin-content-modal .field textarea{
  border-radius:8px;border:1.5px solid var(--fk-border,#e2e5ea);background:#fff;color:var(--fk-ink,#212121);
}
.admin-product-modal .field input:focus,
.admin-product-modal .field select:focus,
.admin-product-modal .field textarea:focus,
.admin-content-modal .field input:focus,
.admin-content-modal .field select:focus,
.admin-content-modal .field textarea:focus{
  border-color:var(--fk-blue,#2874f0);box-shadow:0 0 0 3px rgba(40,116,240,.14);outline:none;
}
.admin-product-modal .btn-primary,
.admin-content-modal .btn-primary{background:var(--fk-blue,#2874f0);box-shadow:none;background-image:none;border-radius:8px;}
.admin-product-modal .btn-primary:hover,
.admin-content-modal .btn-primary:hover{background:var(--fk-blue-dark,#1c5bc9);transform:none;filter:none;}
.admin-product-modal .btn-gold,
.admin-content-modal .btn-gold{background:var(--fk-yellow,#ffe11b);color:#1a1a1a;box-shadow:none;border:1px solid #f0d000;border-radius:8px;}
.admin-product-modal .btn-outline,
.admin-content-modal .btn-outline{border:1.5px solid var(--fk-border,#e2e5ea);color:var(--fk-ink,#212121);border-radius:8px;}
.admin-product-modal .btn-outline:hover,
.admin-content-modal .btn-outline:hover{border-color:var(--fk-blue,#2874f0);color:var(--fk-blue,#2874f0);box-shadow:none;}
.admin-product-modal .btn:hover,
.admin-content-modal .btn:hover{transform:none;filter:none;}
.admin-product-modal .img-dropzone,
.admin-content-modal .img-dropzone{border-radius:8px;border:1.5px dashed var(--fk-border,#e2e5ea);color:var(--fk-ink-soft,#6b7280);}
.admin-product-modal .img-dropzone:hover,
.admin-content-modal .img-dropzone:hover{border-color:var(--fk-blue,#2874f0);color:var(--fk-blue,#2874f0);}

.admin-custom-code-field{border-color:var(--fk-border,#e2e5ea);background:#fafbfc;border-radius:10px;}
.cc-preview-label{color:var(--fk-ink-soft,#6b7280);}
.cc-preview-frame{border-color:var(--fk-border,#e2e5ea);}

@media(max-width:640px){
  .fk-breadcrumb{font-size:.72rem;}
}

/* ============================================================
   ADVANCED UI/UX LAYER — Flipkart-style engaging interactions
   Global entrance animations, hover/floating effects, sticky
   header polish, custom scrollbar, badges. Works across every
   page since it only extends shared design tokens/components.
   ============================================================ */

/* Smooth page entrance */
body{animation:pageFadeIn .45s ease both;}
@keyframes pageFadeIn{from{opacity:0;}to{opacity:1;}}

/* Sticky header gets a stronger shadow once the page scrolls */
#site-header{transition:box-shadow .25s ease, background .25s ease;}
#site-header.scrolled{box-shadow:0 10px 28px -12px rgba(40,116,240,.35);}

/* Card / product / blog card lift + zoom-on-hover */
.card,.product-card,.blog-card,.combo-card,.offer-card,.offer-banner-card,.faq-item,.reel-card,.cat-tile{
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s cubic-bezier(.22,1,.36,1), border-color .28s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 38px -16px rgba(40,116,240,.28);}
.product-card:hover .product-img img,.blog-card:hover .blog-card-media img{transform:scale(1.06);}
.blog-card-media{overflow:hidden;}
.blog-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px -16px rgba(40,116,240,.30);}

/* Category pills / chips micro-interaction */
.blog-category-pill,.cat-tile,.concern-tab{transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;}
.blog-category-pill:hover,.concern-tab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px -10px rgba(40,116,240,.35);}

/* Floating decorative animation utility */
.floaty{animation:floatY 3.6s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* Cart badge pulse when items are added */
.icon-btn .badge{animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);}
@keyframes badgePop{0%{transform:scale(0);}70%{transform:scale(1.25);}100%{transform:scale(1);}}

/* WhatsApp floating action button — soft pulsing ring, Flipkart-style FAB */
#waFabBtn{animation:fabFloat 2.6s ease-in-out infinite;}
#waFabBtn::before{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(37,211,102,.45);animation:fabRing 2.2s ease-out infinite;pointer-events:none;
}
@keyframes fabFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes fabRing{0%{transform:scale(.85);opacity:.8;}100%{transform:scale(1.5);opacity:0;}}

/* Custom slim scrollbar (Flipkart-ish) */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--parchment);}
::-webkit-scrollbar-thumb{background:var(--pine-500);border-radius:999px;border:2px solid var(--parchment);}
::-webkit-scrollbar-thumb:hover{background:var(--pine-900);}
*{scrollbar-color:var(--pine-500) var(--parchment);scrollbar-width:thin;}

/* Links get a subtle underline sweep on hover for a livelier feel */
.blog-card-link,.blog-post-actions a{transition:gap .2s ease, color .2s ease;}
.blog-card-link:hover{gap:12px;color:var(--red-600);}

/* Skeleton shimmer for anything marked as loading */
.skeleton{position:relative;overflow:hidden;background:var(--parchment-dark);border-radius:8px;color:transparent !important;}
.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-100%);animation:shimmer 1.4s infinite;}
@keyframes shimmer{100%{transform:translateX(100%);}}

/* Focus states — accessible + on-brand */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--pine-900);outline-offset:2px;border-radius:6px;
}

/* Toast pop-in */
#toast{transition:opacity .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1) !important;}

/* Admin: table row hover + modal entrance polish (extends existing Flipkart admin theme) */
.seller-content table tbody tr{transition:background .15s ease;}
.seller-content table tbody tr:hover{background:#f6f9ff;}
.admin-product-modal-dialog,.admin-content-modal-dialog{animation:modalPopIn .25s cubic-bezier(.22,1,.36,1) both;}
@keyframes modalPopIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:none;}}
.admin-tab-btn{transition:transform .18s ease, background .18s ease, color .18s ease;}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}