@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap");

/* India Star B2B — generated custom CSS for Tier-B (HtmlRenderer) sections.
   Uploaded to the store's dedicated generated-CSS file (site_settings.sx_css_location).
   Contract: every selector is namespaced under .sx-*; brand colour comes from the theme's
   --secondary-main; no bare element / body / :root / * rules; width:100% never 100vw. */

/* BEGIN shoopy-gen:base */
.sx{--sx-brand:var(--secondary-main,#ff6501);--sx-brand-dk:#e85a00;--sx-brand-soft:#fff1e8;--sx-brand-soft-2:#f6f6f7;
  --sx-cta:var(--secondary-main,#ff6501);--sx-cta-2:#e85a00;--sx-deal:#111111;--sx-save:#15803d;--sx-wa:#25d366;--sx-wa-ink:#0b6b34;
  --sx-ink:#161616;--sx-muted:#6b6b72;--sx-line:#e6e6e9;--sx-bg:#ffffff;
  --sx-radius:14px;--sx-radius-lg:22px;--sx-gap:16px;
  width:100%;box-sizing:border-box;color:var(--sx-ink);font-family:inherit;}
.sx .sx-wrap{max-width:1280px;margin:0 auto;padding:0 16px;width:100%;}
.sx .sx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-cta);margin:0 0 8px;}
.sx .sx-eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:currentColor;}
.sx .sx-h2{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--sx-ink);margin:0;}
.sx .sx-h2 em{font-style:normal;color:var(--sx-cta);}
.sx .sx-lead{font-size:15px;line-height:1.6;color:var(--sx-muted);margin:8px 0 0;}
.sx .sx-head{text-align:center;max-width:680px;margin:0 auto 24px;}
.sx .sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:11px;font-weight:700;font-size:14px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:transform .15s,filter .15s,box-shadow .15s;}
.sx .sx-btn:hover{transform:translateY(-1px);filter:brightness(1.05);}
.sx .sx-btn--primary{background:var(--sx-cta);color:#fff;box-shadow:0 8px 20px rgba(255,101,1,.25);}
.sx .sx-btn--brand{background:#111;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.22);}
.sx .sx-btn--wa{background:var(--sx-wa);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.28);}
.sx .sx-btn--ghost{background:#fff;color:var(--sx-brand);border-color:var(--sx-brand);}
.sx .sx-btn svg{width:18px;height:18px;flex:0 0 auto;}
.sx .sx-card{background:#fff;border:1px solid var(--sx-line);border-radius:var(--sx-radius);}
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:why-1 */
.sx-why{background:var(--sx-brand-soft-2);padding:40px 0 44px;}
.sx-why .sx-why__grid{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0 0;}
.sx-why .sx-why__card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sx-line);border-radius:var(--sx-radius);padding:18px 16px;}
.sx-why .sx-why__icon{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ececee;color:var(--sx-ink);}
.sx-why .sx-why__icon svg{width:24px;height:24px;}
.sx-why .sx-why__card--deal .sx-why__icon{background:#fff0e6;color:var(--sx-cta);}
.sx-why .sx-why__card--ok .sx-why__icon{background:#e8f7ee;color:var(--sx-save);}
.sx-why .sx-why__card h3{margin:2px 0 5px;font-size:15.5px;font-weight:800;color:var(--sx-ink);}
.sx-why .sx-why__card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--sx-muted);}
.sx-why .sx-why__bar{display:inline-block;width:28px;height:3px;border-radius:3px;background:var(--sx-cta);margin-top:12px;}
@media (min-width:640px){.sx-why .sx-why__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.sx-why{padding:56px 0 60px;}.sx-why .sx-why__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}.sx-why .sx-why__card{flex-direction:column;padding:20px 18px;}.sx-why .sx-why__card h3{font-size:15px;}.sx-why .sx-why__card p{font-size:13px;}}
/* END shoopy-gen:why-1 */

/* BEGIN shoopy-gen:reviews-1 */
.sx-reviews{background:var(--sx-bg);padding:40px 0 44px;}
.sx-reviews .sx-reviews__grid{display:grid;grid-template-columns:1fr;gap:28px;}
.sx-reviews .sx-reviews__list{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin:18px 0 0;-webkit-overflow-scrolling:touch;}
.sx-reviews .sx-review{scroll-snap-align:start;background:#fff;border:1px solid var(--sx-line);border-radius:var(--sx-radius);padding:18px 16px;display:flex;flex-direction:column;gap:10px;}
.sx-reviews .sx-review__stars{color:#f5a623;font-size:13px;letter-spacing:.1em;}
.sx-reviews .sx-review__q{margin:0;font-size:14px;line-height:1.55;color:var(--sx-ink);flex:1;}
.sx-reviews .sx-review__who{font-size:13px;font-weight:800;color:var(--sx-ink);}
.sx-reviews .sx-review__who small{display:block;font-weight:500;color:var(--sx-muted);margin-top:2px;}
.sx-reviews .sx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;}
.sx-reviews .sx-stat{background:var(--sx-brand-soft-2);border:1px solid var(--sx-line);border-radius:var(--sx-radius);padding:16px 12px;text-align:center;}
.sx-reviews .sx-stat svg{width:22px;height:22px;color:var(--sx-cta);}
.sx-reviews .sx-stat__n{display:block;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.1;color:var(--sx-ink);margin:6px 0 2px;}
.sx-reviews .sx-stat__l{font-size:12.5px;color:var(--sx-muted);}
@media (min-width:768px){.sx-reviews .sx-reviews__list{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;}.sx-reviews .sx-stats{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:1024px){.sx-reviews{padding:56px 0 60px;}.sx-reviews .sx-reviews__grid{grid-template-columns:1.25fr .75fr;gap:40px;align-items:start;}.sx-reviews .sx-reviews__list{grid-template-columns:1fr;gap:12px;}.sx-reviews .sx-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* END shoopy-gen:reviews-1 */

/* BEGIN shoopy-gen:connect-1 */
.sx-connect{background:var(--sx-brand-soft-2);padding:36px 0 40px;}
.sx-connect .sx-connect__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;}
.sx-connect .sx-connect__item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--sx-ink);background:#fff;border:1px solid var(--sx-line);border-radius:var(--sx-radius);padding:18px 12px;font-size:13px;font-weight:700;text-align:center;transition:transform .15s,box-shadow .15s;}
.sx-connect .sx-connect__item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.1);}
.sx-connect .sx-connect__ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--sx-wa);}
.sx-connect .sx-connect__ic svg{width:24px;height:24px;fill:currentColor;}
.sx-connect .sx-connect__item--ig .sx-connect__ic{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);}
.sx-connect .sx-connect__item--fb .sx-connect__ic{background:#1877f2;}
.sx-connect .sx-connect__item--brand .sx-connect__ic{background:#111;}
.sx-connect .sx-connect__item small{display:block;font-weight:500;color:var(--sx-muted);margin-top:2px;}
@media (min-width:640px){.sx-connect .sx-connect__list{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:1024px){.sx-connect{padding:48px 0 52px;}.sx-connect .sx-connect__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}}
/* END shoopy-gen:connect-1 */

:root {
      --secondary-main:#ff6501; --brand:#ff6501; --brand-2:#111111; --brand-3:#e85a00; --brand-soft:#fff1e8;
      --cta:#ff6501; --cta-2:#e85a00; --deal:#111111; --save:#15803d; --wa:#25d366;
      --bg:#ffffff; --bg2:#f6f6f7; --card:#ffffff;
      --ink:#161616; --muted:#6b6b72; --line:#e6e6e9;
      --radius:14px; --maxw:1280px;
      --font-head:"Plus Jakarta Sans","Inter",system-ui,sans-serif;
      --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    }
       body { margin:0; font-family:var(--font-body); color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
    img { display:block; max-width:100%; }
    a { color:inherit; text-decoration:none; }
    h1,h2,h3 { font-family:var(--font-head); margin:0; line-height:1.1; font-weight:800; }
    .wrap { max-width:var(--maxw); margin:0 auto; padding:0 16px; }
    .sec { padding:32px 0; }
    .sec--tint { background:var(--bg2); }

    /* shared section heads */
    .head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; }
    .head__k { display:block; font-weight:800; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--cta); margin-bottom:6px; }
    .head__h { font-size:clamp(1.35rem,3.4vw,1.9rem); color:var(--ink); letter-spacing:-.01em; }
    .head__s { margin:4px 0 0; color:var(--muted); font-size:.92rem; }
    .viewall { display:inline-flex; align-items:center; gap:5px; color:var(--cta); font-weight:700; font-size:.85rem; white-space:nowrap; padding-bottom:3px; }
    .viewall svg { width:16px; height:16px; }
    .viewall:hover { color:var(--brand); }

    /* ---- Notice (Tier C) ---- */
    .notice { background:#111111; color:#e6e6e6; font-size:.76rem; font-weight:500; letter-spacing:.01em; text-align:center; padding:8px 14px; }
    .notice b { color:#ff9a4d; font-weight:700; }
    .notice .d { display:none; }
    @media (min-width:1024px) { .notice { font-size:.8rem; } .notice .d { display:inline; } }

    /* ---- Header (Tier C) ---- */
    .hdr { position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 2px 12px rgba(11,42,91,.06); }
    .hdr__in { display:flex; align-items:center; gap:10px; padding:10px 16px; max-width:var(--maxw); margin:0 auto; }
    .hdr__burger { display:flex; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:6px; margin-left:-6px; }
    .hdr__burger span { width:21px; height:2px; background:var(--brand); display:block; border-radius:2px; }
    .logo { display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; }
    .logo img { width:40px; height:40px; }
    .logo__t { display:flex; flex-direction:column; line-height:1; }
    .logo__n { font-family:var(--font-head); font-weight:800; font-size:1.05rem; color:var(--ink); letter-spacing:-.01em; }
    .logo__b { font-size:.58rem; letter-spacing:.2em; font-weight:800; color:var(--brand); margin-top:3px; }
    .search { display:none; flex:1; align-items:stretch; border:1.5px solid var(--line); border-radius:11px; overflow:hidden; max-width:640px; margin:0 8px; background:#fff; }
    .search:focus-within { border-color:var(--brand); }
    .search__cat { display:none; align-items:center; gap:6px; padding:0 14px; font-size:.8rem; font-weight:600; color:var(--ink); background:var(--bg2); border-right:1px solid var(--line); white-space:nowrap; }
    .search__cat svg { width:14px; height:14px; color:var(--muted); }
    .search input { flex:1; min-width:0; border:none; outline:none; font:inherit; font-size:.86rem; padding:11px 14px; color:var(--ink); }
    .search input::placeholder { color:#98a0b5; }
    .search button { border:none; background:var(--cta); color:#fff; font:inherit; font-weight:700; font-size:.84rem; padding:0 18px; cursor:pointer; }
    .search button:hover { background:var(--cta-2); }
    .hdr__icons { display:flex; align-items:center; gap:0; margin-left:auto; flex:0 0 auto; }
    .iconbtn { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:transparent; border:none; cursor:pointer; position:relative; color:var(--ink); }
    .iconbtn:hover { background:var(--bg2); }
    .iconbtn svg { width:22px; height:22px; }
    .iconbtn--wa svg { fill:var(--wa); stroke:none; }
    .iconbtn--hide { display:none; }
    .cartbtn { display:inline-flex; align-items:center; gap:7px; padding:0 12px 0 8px; width:auto; border-radius:20px; font-weight:700; font-size:.84rem; }
    .cartdot { position:absolute; top:1px; left:20px; background:var(--cta); color:#fff; font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:8px; display:grid; place-items:center; padding:0 3px; }
    .hdr__m { padding:0 16px 10px; max-width:var(--maxw); margin:0 auto; }
    .hdr__m .search { display:flex; margin:0; max-width:none; }
    .hdr__cats { border-top:1px solid var(--line); background:#fff; }
    .hdr__cats ul { list-style:none; margin:0 auto; padding:8px 16px; max-width:var(--maxw); display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
    .hdr__cats ul::-webkit-scrollbar { display:none; }
    .hdr__cats a { display:inline-block; white-space:nowrap; font-size:.74rem; font-weight:600; letter-spacing:.02em; color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:6px 12px; background:#fff; }
    .hdr__cats a:hover, .hdr__cats a.on { border-color:var(--brand); color:var(--brand-3); background:var(--brand-soft); }
    .hdr__cats a.hot { color:#fff; border-color:var(--brand); background:var(--brand); }
    @media (min-width:768px) { .search { display:flex; } .hdr__m { display:none; } .iconbtn--hide { display:grid; } }
    @media (min-width:1024px) { .hdr__burger { display:none; } .search__cat { display:inline-flex; } .logo img { width:42px; height:42px; } .hdr__in { gap:16px; padding:12px 16px; } }

    /* ---- Hero / StoreBanner (Tier A) — offers carousel ---- */
    .hero { position:relative; background:#fff; color:var(--ink); }
    .hero__track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
    .hero__track::-webkit-scrollbar { display:none; }
    .slide { position:relative; flex:0 0 100%; scroll-snap-align:start; min-height:600px; display:flex; flex-direction:column; overflow:hidden; }
    .slide__bg { position:absolute; inset:0; z-index:0; }
    .slide__bg img { width:100%; height:100%; object-fit:cover; object-position:50% 100%; }
    .slide__bg::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.8) 40%, rgba(255,255,255,0) 62%); }
    .slide--2 .slide__bg::after { background:linear-gradient(180deg, rgba(200,70,0,.7) 0%, rgba(200,70,0,.5) 40%, rgba(200,70,0,0) 62%); }
    .slide--3 .slide__bg::after { background:linear-gradient(180deg, rgba(10,10,12,.88) 0%, rgba(10,10,12,.7) 40%, rgba(10,10,12,0) 62%); }
    .slide__in { position:relative; z-index:2; max-width:var(--maxw); width:100%; margin:0 auto; padding:34px 16px 40px; display:flex; flex-direction:column; }
    .slide__copy { max-width:34rem; }
    .slide__chip { display:none; align-items:center; gap:8px; background:var(--brand-soft); border:1px solid #ffd3b5; color:var(--brand-3); font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
    .slide__chip i { width:7px; height:7px; border-radius:50%; background:var(--brand); }
    .slide__h { font-size:clamp(2rem,7.2vw,3.3rem); line-height:1.02; margin:14px 0 12px; letter-spacing:-.02em; color:var(--ink); }
    .slide__h em { font-style:normal; color:var(--brand); }
    .slide__sub { color:#4a4a52; font-size:1rem; line-height:1.55; margin:0 0 20px; max-width:42ch; }
    .slide__btns { display:flex; flex-wrap:wrap; gap:10px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:700; font-size:.9rem; padding:13px 22px; border-radius:11px; transition:.2s; white-space:nowrap; }
    .btn svg { width:18px; height:18px; }
    .btn--cta { background:var(--cta); color:#fff; box-shadow:0 8px 20px rgba(255,101,1,.3); }
    .btn--cta:hover { background:var(--cta-2); }
    .btn--dark { background:#111; color:#fff; }
    .btn--dark:hover { background:#2a2a2e; }
    .btn--ghost { background:#fff; color:var(--ink); border:1.5px solid #d9d9de; }
    .btn--ghost:hover { border-color:var(--ink); }
    .btn--wa { background:var(--wa); color:#fff; }
    .btn--wa svg { fill:#fff; }
    .slide__trust { display:none; gap:8px 18px; margin:20px 0 0; font-size:.8rem; color:#5a5a62; flex-wrap:wrap; }
    .slide__trust span { display:inline-flex; align-items:center; gap:6px; }
    .slide__trust svg { width:15px; height:15px; color:var(--brand); }
    /* slide 2 (orange) + slide 3 (black): light copy */
    .slide--2, .slide--3 { color:#fff; }
    .slide--2 .slide__h, .slide--3 .slide__h { color:#fff; }
    .slide--2 .slide__h em { color:#111; }
    .slide--3 .slide__h em { color:var(--brand); }
    .slide--2 .slide__sub, .slide--3 .slide__sub { color:rgba(255,255,255,.86); }
    .slide--2 .slide__chip { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.3); color:#fff; }
    .slide--2 .slide__chip i { background:#111; }
    .slide--3 .slide__chip { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); color:#fff; }
    .slide--2 .btn--cta { background:#111; box-shadow:0 8px 20px rgba(0,0,0,.3); }
    .slide--2 .btn--cta:hover { background:#2a2a2e; }
    .slide--2 .btn--ghost, .slide--3 .btn--ghost { background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.4); }
    .slide--2 .btn--ghost:hover, .slide--3 .btn--ghost:hover { border-color:#fff; }
    .slide--2 .slide__trust, .slide--3 .slide__trust { color:rgba(255,255,255,.8); }
    .slide--2 .slide__trust svg { color:#111; }
    .hero__dots { position:absolute; left:0; right:0; bottom:14px; z-index:3; display:flex; justify-content:center; gap:6px; }
    .hero__dots button { width:8px; height:8px; border-radius:4px; border:none; background:rgba(0,0,0,.25); padding:0; cursor:pointer; transition:.2s; }
    .hero__dots button.on { width:24px; background:var(--brand); }
    .hero__arrow { display:none; position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; border-radius:50%; border:1px solid rgba(0,0,0,.12); background:rgba(255,255,255,.85); color:#111; cursor:pointer; place-items:center; box-shadow:0 4px 14px rgba(0,0,0,.12); }
    .hero__arrow svg { width:20px; height:20px; }
    .hero__arrow--l { left:14px; } .hero__arrow--r { right:14px; }
    @media (min-width:768px) {
      .slide { min-height:480px; }
      .slide__chip { display:inline-flex; }
      .slide__bg img { object-position:50% 50%; }
      .slide__bg::after { background:linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.75) 42%, rgba(255,255,255,0) 66%); }
      .slide--2 .slide__bg::after { background:linear-gradient(90deg, rgba(200,70,0,.75) 0%, rgba(200,70,0,.45) 42%, rgba(200,70,0,0) 66%); }
      .slide--3 .slide__bg::after { background:linear-gradient(90deg, rgba(10,10,12,.92) 0%, rgba(10,10,12,.65) 42%, rgba(10,10,12,0) 66%); }
      .slide__in { justify-content:center; padding:56px 16px; }
      .slide__trust { display:flex; }
    }
    @media (min-width:1024px) { .slide { min-height:540px; } .slide__bg::after, .slide--2 .slide__bg::after, .slide--3 .slide__bg::after { background:none; } .hero__arrow { display:grid; } .slide__h { font-size:clamp(2.6rem,4.4vw,3.8rem); } .slide__copy { max-width:36rem; } }

    /* ---- Categories (Tier A) ---- */
    .cats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px 10px; }
    .cat__ic { background:#fff; }
    .cat { display:block; text-align:center; min-width:0; }
    .cat__ic { display:block; aspect-ratio:1/1; border-radius:16px; overflow:hidden; background:var(--bg2); border:1px solid var(--line); transition:.22s; }
    .cat__ic img { width:100%; height:100%; object-fit:cover; }
    .cat:hover .cat__ic { transform:translateY(-4px); box-shadow:0 14px 26px rgba(0,0,0,.12); border-color:#ffc9a3; }
    .cat__n { display:block; font-size:.78rem; font-weight:700; color:var(--ink); margin-top:8px; line-height:1.25; }
    @media (min-width:640px) { .cats { grid-template-columns:repeat(4,1fr); gap:16px 14px; } }
    @media (min-width:1024px) { .cats { grid-template-columns:repeat(7,1fr); gap:16px; } .cat__n { font-size:.82rem; } }

    /* ---- Product cards (Tier A) ---- */
    .prow { display:grid; grid-auto-flow:column; grid-auto-columns:58%; gap:12px; overflow-x:auto; padding:4px 2px 14px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
    .prow::-webkit-scrollbar { display:none; }
    .pgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
    .pc { background:var(--card); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; scroll-snap-align:start; color:var(--ink); border:1px solid var(--line); transition:.22s; position:relative; }
    .pc:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(0,0,0,.1); border-color:#ffc9a3; }
    .pc__media { position:relative; aspect-ratio:1/1; background:#fff; display:block; }
    .pc__media img { width:100%; height:100%; object-fit:cover; }
    .pc__off { position:absolute; top:10px; left:10px; background:var(--deal); color:#fff; font-weight:800; font-size:.68rem; letter-spacing:.02em; padding:4px 8px; border-radius:7px; }
    .pc__wish { position:absolute; top:8px; right:8px; width:30px; height:30px; border-radius:50%; background:#fff; border:1px solid var(--line); display:grid; place-items:center; color:var(--muted); }
    .pc__wish svg { width:15px; height:15px; }
    .pc__body { padding:11px 12px 12px; display:flex; flex-direction:column; gap:5px; flex:1; }
    .pc__title { font-family:var(--font-body); font-weight:600; font-size:.86rem; line-height:1.32; margin:0; color:var(--ink); min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .pc__price { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
    .pc__sale { font-weight:800; font-size:1.02rem; color:var(--ink); }
    .pc__unit { font-size:.7rem; color:var(--muted); font-weight:600; margin-left:-3px; }
    .pc__mrp { color:#98a0b5; text-decoration:line-through; font-size:.76rem; }
    .pc__moq { font-size:.7rem; color:var(--muted); display:flex; align-items:center; gap:5px; }
    .pc__moq b { color:var(--save); font-weight:700; }
    .pc__cta { margin-top:auto; display:flex; align-items:center; justify-content:center; gap:6px; background:var(--cta); color:#fff; font-weight:700; font-size:.8rem; padding:9px; border-radius:9px; transition:.2s; }
    .pc__cta svg { width:15px; height:15px; }
    .pc:hover .pc__cta { background:var(--cta-2); }
    @media (min-width:600px) { .prow { grid-auto-columns:34%; } .pgrid { grid-template-columns:repeat(3,1fr); } }
    @media (min-width:768px) { .prow { grid-auto-columns:30%; gap:14px; } .pgrid { grid-template-columns:repeat(4,1fr); gap:14px; } .pc__body { padding:10px 10px 11px; } }
    @media (min-width:1024px) { .prow { grid-auto-flow:initial; grid-template-columns:repeat(4,1fr); overflow:visible; gap:16px; } .pgrid { grid-template-columns:repeat(4,1fr); gap:16px; } .pc__title { font-size:.9rem; } }
    @media (min-width:1024px) { .prow--6 { grid-template-columns:repeat(3,1fr); } }

    /* ---- Top brands (Tier A, LargeCollectionCard x7) ---- */
    .brands { display:grid; grid-auto-flow:column; grid-auto-columns:44%; gap:10px; overflow-x:auto; padding:4px 2px 12px; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
    .brands::-webkit-scrollbar { display:none; }
    .brand { display:block; scroll-snap-align:start; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; transition:.2s; }
    .brand img { width:100%; aspect-ratio:8/5; object-fit:cover; }
    .brand:hover { border-color:#ffc9a3; box-shadow:0 12px 24px rgba(0,0,0,.08); transform:translateY(-3px); }
    @media (min-width:640px) { .brands { grid-auto-columns:30%; gap:12px; } }
    @media (min-width:1024px) { .brands { grid-auto-flow:initial; grid-template-columns:repeat(7,1fr); overflow:visible; gap:14px; } }

    /* ---- Footer (Tier C) ---- */
    .ft { background:#111111; color:#c9c9cf; }
    .ft__in { max-width:var(--maxw); margin:0 auto; padding:40px 16px 18px; display:grid; grid-template-columns:1fr 1fr; gap:26px 18px; }
    .ft__brand { grid-column:1 / -1; }
    .ft__brand .logo__n { color:#fff; }
    .ft__logo { width:150px; background:#fff; border-radius:12px; padding:8px; }
    .ft__brand p { font-size:.86rem; line-height:1.6; margin:12px 0 0; max-width:38ch; }
    .ft__gst { display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:.74rem; font-weight:600; color:#ff9a4d; border:1px solid rgba(255,154,77,.35); padding:5px 10px; border-radius:999px; }
    .ft h3 { font-family:var(--font-body); font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin-bottom:12px; font-weight:700; }
    .ft ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:.86rem; }
    .ft ul a:hover { color:#fff; }
    .ft__contact li { display:flex; gap:9px; align-items:flex-start; line-height:1.45; }
    .ft__contact svg { width:16px; height:16px; flex:0 0 auto; margin-top:2px; color:#ff9a4d; }
    .ft__wa { display:inline-flex; align-items:center; gap:8px; margin-top:14px; background:var(--wa); color:#fff; font-weight:700; font-size:.82rem; padding:10px 14px; border-radius:10px; }
    .ft__wa svg { width:17px; height:17px; fill:#fff; }
    .ft__bottom { border-top:1px solid rgba(255,255,255,.1); max-width:var(--maxw); margin:0 auto; padding:16px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; font-size:.76rem; color:#9a9aa3; }
    .ft__pay { display:flex; gap:6px; flex-wrap:wrap; }
    .ft__pay span { border:1px solid rgba(255,255,255,.15); border-radius:6px; padding:3px 8px; font-size:.68rem; font-weight:700; color:#c9c9cf; letter-spacing:.04em; }
    @media (min-width:768px) { .ft__in { grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:28px; padding:52px 16px 24px; } .ft__brand { grid-column:auto; } }

    /* ---- Floating WhatsApp (preview affordance; maps to whatsapp_icon_show) ---- */
    .fab { position:fixed; right:14px; bottom:14px; z-index:50; width:52px; height:52px; border-radius:50%; background:var(--wa); display:grid; place-items:center; box-shadow:0 10px 24px rgba(37,211,102,.4); }
    .fab svg { width:28px; height:28px; fill:#fff; }
.nav-link {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 6px 12px;
  background: #fff;
  text-decoration: none;
}

.nav-link:hover,
.nav-link.on {
  border-color: var(--brand);
  color: var(--brand-3);
  background: var(--brand-soft);
}

.nav-link.hot {
  color: #fff;
  border-color: var(--brand);
  background: var(--brand);
}
.cat-card-img
{
display: block;
    aspect-ratio: 1 / 1;
    border-radius: 16px !important;
    overflow: hidden;
    background: var(--bg2);
    border: 1px solid var(--line);
    transition: .22s;
}
.cat-card-img:hover
{
border: 1.5px solid orange !important;

}
.section-heading
{
font-size: clamp(1.35rem, 3.4vw, 1.9rem) !important;
    color: var(--ink) !important;
    letter-spacing: -.01em !important;
    font-family: var(--font-head);
    margin: 0;
    line-height: 1.1;
    font-weight: 800;
    padding-bottom:5px !important;
}
 .pr-outlined-button, .pr-outlined-button:hover,.pr-plus-minus-button ,.pr-plus-minus-button:hover
{
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--cta);
    border: 1px solid var(--cta);
    color: #fff;
    font-weight: 700;
    font-size: .8rem;
    padding: 9px;
    border-radius: 9px;
    transition: .2s;
}
.section-heading-container
{
margin-bottom:24px;
}