/* GharKaMaal (Ghar ka Maal) — generated Tier-B section CSS (namespaced under .sx).
   Uploaded to site_settings.sx_css_location and concatenated into the store's global
   generated stylesheet. Brand accent (lime #a5cb00) comes from --secondary-main (theme-injected);
   deep slate (#243139) is a section-local token. No bare/body/:root/* selectors — safe to cascade globally. */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-navy:#243139; --sx-navy-2:#31424e; --sx-orange:#a5cb00; --sx-orange-hi:#b9de1e;
  --sx-ink:#1a2333; --sx-deal:#e03131; --sx-green:#1fa855;
  --sx-bg:#ffffff; --sx-surface:#f4f6fa; --sx-card:#ffffff;
  --sx-muted:#6a7488; --sx-line:rgba(36,49,57,.12); --sx-line-2:rgba(36,49,57,.06);
  --sx-maxw:1240px; --sx-radius:14px; --sx-lime-deep:#7fa000;
  --sx-head:"Space Grotesk","Arial Narrow",system-ui,sans-serif;
  --sx-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.sx { font-family:var(--sx-body); color:var(--sx-ink); }
.sx img { display:block; max-width:100%; }
.sx-head { text-align:center; max-width:680px; margin:0 auto 26px; }
.sx-head__k { display:inline-block; font-weight:700; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--sx-navy); }
.sx-head__k::before, .sx-head__k::after { content:""; display:inline-block; width:22px; height:3px; vertical-align:middle; margin:0 .6em; background:var(--secondary-main,var(--sx-orange)); }
.sx-head__h { font-family:var(--sx-head); font-weight:700; line-height:1.05; font-size:clamp(1.7rem,4.6vw,2.5rem); letter-spacing:-.02em; margin:9px 0 6px; color:var(--sx-navy); }
.sx-head__s { margin:0; color:var(--sx-muted); font-weight:400; font-size:.98rem; line-height:1.5; }
.sx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--secondary-main,var(--sx-orange)); color:var(--sx-navy); font-family:var(--sx-body); font-weight:700; font-size:.85rem; letter-spacing:.02em; padding:13px 26px; border:none; border-radius:11px; cursor:pointer; transition:.2s; }
.sx-btn:hover { background:var(--sx-orange-hi); transform:translateY(-1px); }
.sx-btn--navy { background:var(--sx-navy); color:#fff; }
.sx-btn--navy:hover { background:var(--sx-navy-2); }
.sx-btn--ghost { background:transparent; color:var(--sx-navy); border:1.5px solid var(--sx-line); }
.sx-btn--ghost:hover { background:var(--sx-surface); border-color:var(--sx-navy); }
.sx-btn--wa { background:var(--sx-green); color:#fff; }
.sx-btn--wa:hover { background:#188c47; }
.sx-btn--soon { background:rgba(36,49,57,.07); color:var(--sx-navy); border:1.5px dashed rgba(36,49,57,.35); cursor:default; }
.sx-btn--soon:hover { background:rgba(36,49,57,.07); transform:none; }
.sx-soon-badge { display:inline-block; background:var(--secondary-main,var(--sx-orange)); color:var(--sx-navy); font-size:.6rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:3px 8px; border-radius:999px; }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp { display:flex; flex-wrap:wrap; gap:12px; max-width:var(--sx-maxw); margin:0 auto; }
.sx-usp__item { display:flex; align-items:center; gap:12px; flex:1 1 calc(50% - 6px); min-width:0; background:var(--sx-card); border:1px solid var(--sx-line-2); border-radius:12px; padding:14px 15px; box-shadow:0 3px 10px rgba(36,49,57,.05); }
.sx-usp__ic { flex:0 0 auto; width:44px; height:44px; border-radius:11px; display:grid; place-items:center; background:rgba(165,203,0,.16); color:var(--sx-lime-deep); }
.sx-usp__ic svg { width:23px; height:23px; }
.sx-usp__t { margin:0; font-weight:700; font-size:.92rem; color:var(--sx-navy); }
.sx-usp__d { margin:2px 0 0; font-size:.76rem; color:var(--sx-muted); line-height:1.35; }
@media (min-width:860px) { .sx-usp__item { flex:1 1 calc(25% - 9px); } }
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:projects-1 */
.sx-proj__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:var(--sx-maxw); margin:0 auto; }
.sx-proj__card { position:relative; display:block; border-radius:16px; overflow:hidden; aspect-ratio:16/11; color:#fff; box-shadow:0 6px 18px rgba(36,49,57,.10); }
.sx-proj__card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.sx-proj__card:hover img { transform:scale(1.05); }
.sx-proj__card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(36,49,57,0) 34%,rgba(36,49,57,.78) 100%); }
.sx-proj__lbl { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:14px 15px; }
.sx-proj__t { display:block; font-family:var(--sx-head); font-weight:700; font-size:1.02rem; letter-spacing:-.01em; }
.sx-proj__c { display:block; font-size:.72rem; color:rgba(255,255,255,.82); margin-top:2px; }
.sx-proj__cta { display:inline-flex; align-items:center; gap:5px; margin-top:7px; font-size:.72rem; font-weight:700; color:var(--sx-orange-hi); }
@media (min-width:768px) { .sx-proj__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }
@media (min-width:1080px) { .sx-proj__grid { grid-template-columns:repeat(6,minmax(0,1fr)); } .sx-proj__card { aspect-ratio:3/4; } }
/* END shoopy-gen:projects-1 */

/* BEGIN shoopy-gen:calc-1 */
.sx-calc { max-width:var(--sx-maxw); margin:0 auto; background:var(--sx-navy); border-radius:22px; overflow:hidden; display:grid; grid-template-columns:1fr; color:#fff; margin-top: 21px !important }
.sx-calc__copy { padding:28px 24px 8px; }
.sx-calc__k { display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--sx-orange-hi); background:rgba(165,203,0,.16); padding:6px 12px; border-radius:999px; }
.sx-calc__h { font-family:var(--sx-head); font-weight:700; font-size:clamp(1.5rem,4vw,2.1rem); letter-spacing:-.02em; margin:14px 0 8px; line-height:1.05; }
.sx-calc__p { color:#b6c0d6; font-size:.94rem; line-height:1.5; margin:0 0 4px; max-width:46ch; }
.sx-calc__panel { padding:8px 24px 28px; }
.sx-calc__tabs { display:flex; gap:8px; margin:0 0 16px; }
.sx-calc__tab { flex:0 0 auto; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); color:#dbe2f0; font-weight:700; font-size:.8rem; padding:9px 18px; border-radius:10px; cursor:pointer; transition:.18s; }
.sx-calc__tab:hover { background:rgba(255,255,255,.14); }
.sx-calc__tab--on { background:var(--secondary-main,var(--sx-orange)); border-color:var(--secondary-main,var(--sx-orange)); color:var(--sx-navy); }
.sx-calc__form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sx-calc__field { display:flex; flex-direction:column; gap:5px; }
.sx-calc__field label { font-size:.72rem; font-weight:600; color:#9fabc4; letter-spacing:.02em; }
.sx-calc__field input, .sx-calc__field select { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:10px; color:#fff; font-family:var(--sx-body); font-size:.95rem; font-weight:600; padding:11px 12px; width:100%; }
.sx-calc__field input:focus, .sx-calc__field select:focus { outline:none; border-color:var(--sx-orange-hi); }
.sx-calc__out { margin-top:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px; }
.sx-calc__row { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px dashed rgba(255,255,255,.12); }
.sx-calc__row:last-child { border-bottom:none; }
.sx-calc__row span { color:#c3cbdd; font-size:.86rem; }
.sx-calc__row b { font-family:var(--sx-head); font-weight:700; font-size:1.05rem; color:#fff; }
.sx-calc__foot { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
.sx-calc__note { font-size:.72rem; color:#8b96ae; margin:0; }
@media (min-width:840px) {
  .sx-calc { grid-template-columns:1fr 1fr; align-items:center; }
  .sx-calc__copy { padding:34px 8px 34px 34px; }
  .sx-calc__panel { padding:26px 34px 26px 8px; }
}
/* END shoopy-gen:calc-1 */

/* BEGIN shoopy-gen:brands-1 */
.sx-brands { max-width:var(--sx-maxw); margin:0 auto; }
.sx-brands__filters { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 20px; }
.sx-brands__f { background:var(--sx-surface); border:1px solid var(--sx-line); color:var(--sx-navy); font-weight:700; font-size:.76rem; padding:8px 15px; border-radius:999px; cursor:pointer; transition:.18s; }
.sx-brands__f--on { background:var(--sx-navy); border-color:var(--sx-navy); color:#fff; }
.sx-brands__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sx-brands__card { background:var(--sx-card); border:1px solid var(--sx-line); border-radius:14px; padding:16px 15px; box-shadow:0 4px 12px rgba(36,49,57,.05); }
.sx-brands__top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.sx-brands__name { font-family:var(--sx-head); font-weight:700; font-size:1.02rem; color:var(--sx-navy); }
.sx-brands__tier { font-size:.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border-radius:6px; }
.sx-brands__tier--budget { background:rgba(31,168,85,.14); color:var(--sx-green); }
.sx-brands__tier--premium { background:rgba(36,49,57,.10); color:var(--sx-navy); }
.sx-brands__tier--popular { background:rgba(165,203,0,.18); color:var(--sx-lime-deep); }
.sx-brands__rate { display:flex; align-items:center; gap:8px; }
.sx-brands__bar { flex:1; height:8px; border-radius:6px; background:var(--sx-surface); overflow:hidden; }
.sx-brands__fill { height:100%; border-radius:6px; background:linear-gradient(90deg,var(--sx-orange),var(--sx-orange-hi)); }
.sx-brands__score { font-family:var(--sx-head); font-weight:700; font-size:.9rem; color:var(--sx-navy); flex:0 0 auto; }
.sx-brands__vfm { display:block; font-size:.68rem; color:var(--sx-muted); margin-top:8px; }
.sx-brands__vfm b { color:var(--sx-lime-deep); }
@media (min-width:768px) { .sx-brands__grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } }
/* END shoopy-gen:brands-1 */

/* BEGIN shoopy-gen:install-1 */
.sx-inst { max-width:var(--sx-maxw); margin:0 auto; background:var(--sx-surface); border:1px solid var(--sx-line); border-radius:22px; padding:26px 22px; display:grid; grid-template-columns:1fr; gap:22px; }
.sx-inst__copy .sx-inst__k { display:inline-block; font-weight:700; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--sx-lime-deep); }
.sx-inst__h { font-family:var(--sx-head); font-weight:700; font-size:clamp(1.4rem,3.6vw,1.9rem); letter-spacing:-.02em; color:var(--sx-navy); margin:8px 0 8px; line-height:1.06; }
.sx-inst__p { color:var(--sx-muted); font-size:.92rem; line-height:1.5; margin:0 0 14px; max-width:42ch; }
.sx-inst__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.sx-inst__card { background:var(--sx-card); border:1px solid var(--sx-line); border-radius:13px; padding:15px 12px; text-align:center; }
.sx-inst__ic { width:46px; height:46px; margin:0 auto 9px; border-radius:12px; background:rgba(36,49,57,.06); color:var(--sx-navy); display:grid; place-items:center; }
.sx-inst__ic svg { width:24px; height:24px; }
.sx-inst__role { display:block; font-weight:700; font-size:.86rem; color:var(--sx-navy); }
.sx-inst__price { display:block; font-size:.72rem; color:var(--sx-muted); margin-top:2px; }
.sx-inst__soon-note { font-size:.74rem; color:var(--sx-muted); margin:10px 0 0; }
@media (min-width:840px) { .sx-inst { grid-template-columns:1.05fr 1.35fr; align-items:center; gap:30px; } }
/* END shoopy-gen:install-1 */

/* BEGIN shoopy-gen:testimonials-1 */
/* Mobile: horizontal scroll-snap carousel. Desktop: 3-up grid (see media query). */
.sx-tm__grid { display:grid; grid-auto-flow:column; grid-auto-columns:82%; gap:14px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.sx-tm__grid::-webkit-scrollbar { display:none; }
.sx-tm__card { scroll-snap-align:start; background:var(--sx-card); border:1px solid var(--sx-line); border-radius:var(--sx-radius); padding:22px 20px; box-shadow:0 5px 16px rgba(36,49,57,.05); }
.sx-tm__stars { color:var(--sx-lime-deep); letter-spacing:.1em; font-size:.95rem; }
.sx-tm__q { font-size:1rem; line-height:1.55; color:var(--sx-ink); margin:11px 0 16px; }
.sx-tm__who { display:flex; align-items:center; gap:11px; }
.sx-tm__av { width:42px; height:42px; border-radius:50%; background:var(--sx-navy); color:#fff; display:grid; place-items:center; font-weight:700; font-family:var(--sx-head); font-size:1.05rem; }
.sx-tm__name { font-weight:700; font-size:.9rem; color:var(--sx-navy); }
.sx-tm__meta { font-size:.74rem; color:var(--sx-muted); }
.sx-tm__meta b { color:var(--sx-green); font-weight:700; }
@media (min-width:768px) { .sx-tm__grid { grid-auto-flow:row; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-columns:auto; overflow:visible; gap:18px; } }
/* END shoopy-gen:testimonials-1 */

/* BEGIN shoopy-gen:blogs-1 */
.sx-blog__grid { display:grid; grid-template-columns:1fr; gap:14px; max-width:var(--sx-maxw); margin:0 auto; }
.sx-blog__card { display:flex; flex-direction:column; background:var(--sx-card); border:1px solid var(--sx-line); border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(36,49,57,.06); transition:.22s; color:var(--sx-ink); }
.sx-blog__card:hover { transform:translateY(-4px); box-shadow:0 14px 28px rgba(36,49,57,.12); }
.sx-blog__im { width:100%; aspect-ratio:16/9; object-fit:cover; }
.sx-blog__body { display:flex; flex-direction:column; gap:7px; padding:16px 17px 18px; flex:1; }
.sx-blog__tag { font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--sx-lime-deep); }
.sx-blog__t { font-family:var(--sx-head); font-weight:700; font-size:1.05rem; line-height:1.28; letter-spacing:-.01em; color:var(--sx-navy); }
.sx-blog__d { font-size:.84rem; color:var(--sx-muted); line-height:1.5; }
.sx-blog__meta { margin-top:auto; padding-top:8px; font-size:.74rem; color:var(--sx-muted); }
.sx-blog__meta b { color:var(--sx-navy); font-weight:700; }
.sx-blog__card:hover .sx-blog__meta b { color:var(--sx-lime-deep); }
@media (min-width:768px) { .sx-blog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } }
/* END shoopy-gen:blogs-1 */

/* BEGIN shoopy-gen:press-1 */
.sx-press { max-width:var(--sx-maxw); margin:0 auto; text-align:center; }
.sx-press__h { font-family:var(--sx-head); font-weight:700; font-size:clamp(1.25rem,3.4vw,1.8rem); letter-spacing:-.01em; color:var(--sx-navy); margin:0 0 26px; }
.sx-press__row { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px 40px; }
.sx-press__logo { color:#7d8794; opacity:.9; white-space:nowrap; }
.sx-press__logo--serif { font-family:Georgia,'Times New Roman',serif; font-weight:700; font-size:1.25rem; }
.sx-press__logo--caps { font-family:var(--sx-body); font-weight:900; font-size:1.1rem; letter-spacing:.14em; }
.sx-press__logo--caps b { font-weight:900; color:#5d6771; }
.sx-press__logo--script { font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:1.3rem; }
.sx-press__logo--mono { font-family:'Courier New',monospace; font-weight:700; font-size:1.05rem; }
.sx-press__logo--badge { font-family:var(--sx-body); font-weight:800; font-size:.82rem; letter-spacing:.12em; border:2px solid #aab3bd; border-radius:8px; padding:6px 12px; }
.sx-press__note { font-size:.72rem; color:var(--sx-muted); margin:22px 0 0; }
/* END shoopy-gen:press-1 */

/* BEGIN shoopy-gen:fun-1 */
.sx-fun { position:relative; overflow:hidden; background:#f0f7d8; text-align:center; padding:64px 20px 68px; }
.sx-fun__blob { position:absolute; pointer-events:none; }
.sx-fun__blob--1 { width:190px; left:-60px; top:-40px; }
.sx-fun__blob--2 { width:230px; right:-80px; bottom:-90px; }
.sx-fun__blob--3 { width:90px; right:12%; top:18%; }
.sx-fun__k { position:relative; font-size:.95rem; font-weight:600; color:#66743a; margin:0 0 10px; }
.sx-fun__h { position:relative; font-family:var(--sx-head); font-weight:700; font-size:clamp(1.5rem,4.6vw,2.5rem); letter-spacing:-.02em; line-height:1.15; color:var(--sx-navy); margin:0 auto; max-width:21ch; }
.sx-fun__h em { font-style:normal; color:var(--sx-lime-deep); }
.sx-fun__btns { position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:11px; margin-top:26px; }
/* END shoopy-gen:fun-1 */

:root{
      --secondary-main:#a5cb00; --orange:#a5cb00; --orange-hi:#b9de1e;
      --navy:#243139; --navy-2:#31424e; --lime-deep:#7fa000; --ink:#1a2333; --deal:#e03131; --green:#1fa855;
      --bg:#ffffff; --surface:#f4f6fa; --card:#ffffff; --muted:#6a7488;
      --line:rgba(36,49,57,.12); --line-2:rgba(36,49,57,.06); --maxw:1240px;
      --font-head:"Space Grotesk","Arial Narrow",system-ui,sans-serif;
      --font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    }
    
    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.04;font-weight:700;letter-spacing:-.02em;}
    .wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px;}
    .sec{padding:42px 0;}
    .sec--tint{background:var(--surface);}
    .head{text-align:center;max-width:680px;margin:0 auto 26px;}
    .head__k{display:inline-block;font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);}
    .head__k::before,.head__k::after{content:"";display:inline-block;width:22px;height:3px;vertical-align:middle;margin:0 .6em;background:var(--orange);}
    .head__h{font-size:clamp(1.7rem,4.6vw,2.5rem);margin:9px 0 6px;color:var(--navy);}
    .head__s{margin:0;color:var(--muted);font-weight:400;font-size:.98rem;line-height:1.5;}
    .head--row{display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--maxw);text-align:left;gap:16px;margin-bottom:22px;}
    .head--row .head__h{margin-bottom:0;}
    .viewall{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:700;font-size:.82rem;letter-spacing:.02em;border-bottom:3px solid var(--orange);padding-bottom:3px;white-space:nowrap;}

    /* Notice (Tier C) — moving marquee announcement bar */
    .notice{background:var(--navy);color:#fff;font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;white-space:nowrap;padding:9px 0;}
    .notice b{color:var(--orange-hi);font-weight:800;}
    .notice__track{display:inline-flex;animation:gkm-marq 26s linear infinite;will-change:transform;}
    .notice__track span{display:inline-block;padding:0 22px;}
    .notice__track span::after{content:"·";display:inline-block;margin-left:44px;color:var(--orange-hi);}
    .notice:hover .notice__track{animation-play-state:paused;}
    @keyframes gkm-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    /* Header (Tier C) */
    .hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);}
    .hdr__in{display:flex;align-items:center;gap:11px;padding:11px 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;}
    .hdr__burger span{width:21px;height:2px;background:var(--navy);display:block;}
    .hdr__logo{flex:0 0 auto;}
    .hdr__logo img{height:34px;width:auto;}
    .hdr__loc{display:none;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;flex:0 0 auto;}
    .hdr__loc svg{width:18px;height:18px;color:var(--lime-deep);flex:0 0 auto;}
    .hdr__loc b{font-size:.78rem;font-weight:700;color:var(--navy);display:block;line-height:1.1;}
    .hdr__loc span{font-size:.66rem;color:var(--muted);}
    .hdr__nav{display:none;gap:22px;margin-left:14px;}
    .hdr__nav a{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.8rem;letter-spacing:.01em;color:var(--navy);white-space:nowrap;padding-bottom:2px;}
    .hdr__nav a svg{width:14px;height:14px;color:var(--lime-deep);flex:0 0 auto;}
    .hdr__nav a:hover{color:var(--lime-deep);border-bottom:2px solid var(--orange);}
    .hdr__nav--hot{color:var(--lime-deep)!important;font-weight:700;}
    .hdr__search{display:none;flex:1 1 220px;min-width:150px;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 16px;color:var(--muted);font-size:.82rem;max-width:460px;margin-left:auto;}
    .hdr__search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
    .hdr__search svg{width:17px;height:17px;color:var(--navy);flex:0 0 auto;}
    .hdr__icons{display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto;}
    .iconbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:transparent;border:none;cursor:pointer;position:relative;color:var(--navy);flex:0 0 auto;}
    .iconbtn:hover{background:var(--surface);}
    .iconbtn svg{width:22px;height:22px;}
    .iconbtn--wa svg{fill:#25d366;stroke:none;}
    .cartdot{position:absolute;top:4px;right:4px;background:var(--orange);color:var(--navy);font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 3px;}
    @media (max-width:479px){.hdr__in{gap:5px;padding:10px 12px;} .hdr__logo img{height:27px;} .iconbtn{width:38px;height:38px;} .iconbtn svg{width:20px;height:20px;}}
    @media (min-width:768px){.hdr__logo img{height:36px;} .hdr__search{display:flex;} .hdr__loc{display:flex;}}
    @media (min-width:1120px){
      .hdr__burger{display:none;}
      .hdr__in{flex-wrap:wrap;padding-bottom:0;}
      .hdr__nav{display:flex;flex:1 0 100%;order:10;justify-content:center;gap:34px;margin:9px 0 0;padding:10px 0 11px;border-top:1px solid var(--line-2);}
    }

    /* Hero / StoreBanner (Tier A) — moving (auto-advancing) banner carousel */
    .hero{background:var(--navy);overflow:hidden;position:relative;}
    .hero__track{display:flex;width:300%;animation:gkm-hero 21s ease-in-out infinite;will-change:transform;}
    .hero:hover .hero__track{animation-play-state:paused;}
    @keyframes gkm-hero{0%,27%{transform:translateX(0)}33%,60%{transform:translateX(-33.3334%)}66%,93%{transform:translateX(-66.6667%)}100%{transform:translateX(0)}}
    .hero__slide{flex:0 0 33.3334%;min-width:0;position:relative;background:var(--navy);}
    .hero__media img{width:100%;height:auto;display:block;}
    @media (max-width:767px){.hero__media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;}}
    .hero__copy{padding:26px 20px 34px;text-align:center;background:var(--navy);}
    .hero__k{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-hi);background:rgba(165,203,0,.16);padding:6px 12px;border-radius:999px;}
    .hero__h{font-size:clamp(2.1rem,7.5vw,3.1rem);margin:.4em 0 .3em;color:#fff;}
    .hero__h em{font-style:normal;color:var(--orange-hi);}
    .hero__sub{color:#c4cdd8;font-size:1rem;line-height:1.55;margin:0 auto 1.3em;max-width:42ch;}
    .hero__btns{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;}
    .hero__cta{display:inline-block;background:var(--orange);color:var(--navy);font-weight:800;font-size:.9rem;letter-spacing:.01em;padding:14px 28px;border-radius:11px;transition:.2s;}
    .hero__cta:hover{background:var(--orange-hi);transform:translateY(-1px);}
    .hero__cta--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);font-weight:700;}
    .hero__cta--ghost:hover{background:#fff;color:var(--navy);}
    .hero__trust{margin:18px 0 0;font-size:.8rem;color:#9aa7b3;letter-spacing:.01em;}
    .hero__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:3;}
    .hero__dot{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.38);}
    .hero__dot--1{animation:gkm-dot1 21s infinite;}.hero__dot--2{animation:gkm-dot2 21s infinite;}.hero__dot--3{animation:gkm-dot3 21s infinite;}
    @keyframes gkm-dot1{0%,27%{background:var(--orange)}33%,93%{background:rgba(255,255,255,.38)}100%{background:var(--orange)}}
    @keyframes gkm-dot2{0%,27%{background:rgba(255,255,255,.38)}33%,60%{background:var(--orange)}66%,100%{background:rgba(255,255,255,.38)}}
    @keyframes gkm-dot3{0%,60%{background:rgba(255,255,255,.38)}66%,93%{background:var(--orange)}100%{background:rgba(255,255,255,.38)}}
    @media (min-width:768px){
      .hero__media img{width:100%;height:clamp(380px,42vw,560px);object-fit:cover;object-position:center right;}
      .hero__copy{position:absolute;inset:0;right:auto;width:56%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 0 0 6%;background:linear-gradient(90deg,rgba(36,49,57,.86) 0%,rgba(36,49,57,.55) 62%,rgba(36,49,57,0) 100%);}
      .hero__h{font-size:clamp(2.4rem,4.2vw,3.7rem);}
      .hero__sub{margin-left:0;max-width:36ch;}
      .hero__btns{justify-content:flex-start;}
      .hero__dots{bottom:16px;}
    }
    @media (min-width:1024px){.hero__copy{padding-left:max(6%,calc((100vw - var(--maxw))/2 + 18px));}}

    /* Categories (Tier A) */
    .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px;padding:4px 2px;}
    .cat{min-width:0;text-align:center;}
    .cat__ic{position:relative;width:78px;height:78px;margin:0 auto 10px;border-radius:50%;overflow:hidden;transition:.22s;box-shadow:0 8px 18px rgba(36,49,57,.12);}
    .cat__ic img{width:100%;height:100%;object-fit:cover;}
    .cat:hover .cat__ic{transform:translateY(-4px);}
    .cat__n{font-size:.8rem;font-weight:700;color:var(--navy);display:block;line-height:1.25;}
    .cat__c{font-size:.64rem;font-weight:500;color:var(--muted);display:block;margin-top:2px;}
    @media (min-width:600px){.cat__ic{width:104px;height:104px;}}
    @media (min-width:768px){.cats{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;} .cat__ic{width:122px;height:122px;}}

    /* Product cards (Tier A) */
    .prow{display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
    .pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
    .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);box-shadow:0 4px 14px rgba(36,49,57,.05);transition:.22s;}
    .pc:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(36,49,57,.13);}
    .pc__media{position:relative;aspect-ratio:1/1;background:var(--surface);}
    .pc__media img{width:100%;height:100%;object-fit:cover;}
    .pc__off{position:absolute;top:10px;right:10px;background:var(--deal);color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.02em;padding:4px 8px;border-radius:7px;}
    .pc__tag{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;font-weight:700;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:6px;}
    .pc__body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:5px;flex:1;}
    .pc__code{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b7;margin:0;}
    .pc__title{font-family:var(--font-body);font-weight:600;font-size:.92rem;line-height:1.3;margin:0;color:var(--ink);min-height:2.4em;}
    .pc__price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:2px;}
    .pc__sale{font-weight:800;font-size:1.08rem;color:var(--navy);}
    .pc__mrp{color:#9aa3b7;text-decoration:line-through;font-size:.8rem;}
    .pc__save{color:var(--green);font-weight:700;font-size:.72rem;}
    .pc__cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--orange);color:var(--navy);font-weight:700;font-size:.84rem;letter-spacing:.02em;padding:11px;border-radius:9px;transition:.2s;}
    .pc__plus{font-size:1.05rem;line-height:1;}
    .pc:hover .pc__cta{background:var(--orange-hi);}
    @media (min-width:600px){.prow{grid-auto-columns:38%;} .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
    @media (min-width:768px){
      .prow{grid-auto-flow:initial;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;}
      .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
    }

    /* Promo banner (Tier A) */
    .ban__link{position:relative;display:block;border-radius:18px;overflow:hidden;}
    .ban__link img{width:100%;height:auto;display:block;}
    .ban__copy{padding:24px 20px 28px;text-align:center;background:var(--navy);}
    .ban__k{font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-hi);}
    .ban__h{color:#fff;font-size:clamp(1.7rem,5.5vw,2.6rem);margin:.3em 0 .2em;}
    .ban__sub{color:#b6c0d6;font-size:.98rem;margin:0 auto 1.1em;max-width:42ch;line-height:1.5;}
    .ban__cta{display:inline-block;background:var(--orange);color:var(--navy);font-weight:700;font-size:.88rem;letter-spacing:.01em;padding:13px 28px;border-radius:11px;}
    @media (min-width:768px){
      .ban__copy{position:absolute;inset:0;right:auto;width:54%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 4% 0 7%;background:none;}
      .ban__sub{margin-left:0;}
    }

    /* Footer (Tier C) */
    .ft{background:var(--navy);color:#c0c9db;margin-top:10px;}
    .ft__in{max-width:var(--maxw);margin:0 auto;padding:44px 18px 16px;display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;}
    .ft__brand{grid-column:1 / -1;}
    .ft__logo{display:flex;align-items:center;gap:11px;}
    .ft__logo img{width:46px;height:46px;border-radius:11px;}
    .ft__logo b{font-family:var(--font-head);font-size:1.25rem;color:#fff;font-weight:700;}
    .ft__logo b i{font-style:normal;color:var(--orange-hi);}
    .ft__brand p{color:#a4afc6;font-size:.85rem;line-height:1.7;margin:14px 0 16px;max-width:38ch;}
    .ft__apps{display:flex;gap:9px;flex-wrap:wrap;}
    .ft__app{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:8px 13px;font-size:.76rem;font-weight:700;color:#fff;}
    .ft__app svg{width:17px;height:17px;fill:currentColor;}
    .ft__col h4{font-family:var(--font-body);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--orange-hi);margin:0 0 13px;font-weight:700;}
    .ft__col a{display:block;color:#c0c9db;font-size:.85rem;margin-bottom:9px;}
    .ft__col a:hover{color:#fff;}
    .ft__contact{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:11px;}
    .ft__contact h4{font-family:var(--font-body);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--orange-hi);margin:0 0 2px;font-weight:700;}
    .ft__contact>a{display:inline-flex;align-items:flex-start;gap:8px;color:#c0c9db;font-size:.85rem;line-height:1.45;}
    .ft__contact>a:hover{color:#fff;}
    .ft__contact svg{width:17px;height:17px;color:var(--orange-hi);flex:0 0 auto;margin-top:1px;}
    .ft__social{display:flex;gap:11px;margin-top:4px;}
    .ft__social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;}
    .ft__social a:hover{background:var(--orange);color:var(--navy);}
    .ft__social svg{width:18px;height:18px;}
    .ft__bar{border-top:1px solid rgba(255,255,255,.1);}
    .ft__bar div{max-width:var(--maxw);margin:0 auto;padding:15px 18px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;color:#8791a8;font-size:.76rem;}
    @media (min-width:768px){.ft__in{grid-template-columns:1.8fr 1fr 1fr 1.4fr;} .ft__brand{grid-column:auto;} .ft__contact{grid-column:auto;padding-top:0;}}
.section
{
padding:2px;
}



/* ==========================================================================
   GHAR KA MAAL — LIVE SHOOPY COMPATIBILITY LAYER
   Target look: ghar-ka-maal-v2 preview
   Palette:
   Lime       #A5CB00
   Lime Hover #B9DE1E
   Navy       #243139
   Navy 2     #31424E
   Surface    #F4F6FA
   Deal Red   #E03131
   Success    #1FA855
   ========================================================================== */

:root {
  --secondary-main: #A5CB00 !important;

  --gkm-lime: #A5CB00;
  --gkm-lime-hi: #B9DE1E;
  --gkm-lime-deep: #7FA000;

  --gkm-navy: #243139;
  --gkm-navy-2: #31424E;

  --gkm-ink: #1A2333;
  --gkm-muted: #6A7488;

  --gkm-bg: #FFFFFF;
  --gkm-surface: #F4F6FA;
  --gkm-card: #FFFFFF;

  --gkm-line: rgba(36,49,57,.12);
  --gkm-line-2: rgba(36,49,57,.06);

  --gkm-deal: #E03131;
  --gkm-green: #1FA855;

  --gkm-radius: 14px;
}


/* ==========================================================================
   PAGE / GENERAL
   ========================================================================== */

html,
body,
main,
#root,
.app,
.page,
.page-wrapper,
.page-content,
.site-main,
.main-content {
  background: var(--gkm-bg) !important;
  color: var(--gkm-ink) !important;
}

.section-heading,
.heading-title,
.sec-title {
  color: var(--gkm-navy) !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   NOTICE BAR
   ========================================================================== */

.notice,
.utility-bar {
  background: var(--gkm-navy) !important;
  background-color: var(--gkm-navy) !important;
  color: #FFFFFF !important;
}

.notice {
  padding: 9px 0 !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
}

.notice b,
.notice strong {
  color: var(--gkm-lime-hi) !important;
}


/* ==========================================================================
   HEADER / NAVBAR
   ========================================================================== */

header.luxury-header,
.main-header,
.desktop-header-main,
.app-bar-main,
.app-bar,
.app-bar .toobar-regular,
.sh-header-main,
[class*="HeaderRenderer"] {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: var(--gkm-navy) !important;
}

header.luxury-header,
.main-header,
.desktop-header-main,
.sh-header-main,
[class*="HeaderRenderer"] {
  border-bottom: 1px solid var(--gkm-line) !important;
  box-shadow: none !important;
}


/* Header icons / profile / cart */
.desktop-action-item,
.utility-icons > button.icon-button,
.icon-button {
  color: var(--gkm-navy) !important;
}

.desktop-action-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 48px !important;
  text-align: center !important;
  cursor: pointer !important;
}

.desktop-action-item svg,
.utility-icons > button.icon-button svg {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}

.desktop-action-item span {
  color: var(--gkm-navy) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.desktop-action-item:hover,
.desktop-action-item:hover span,
.desktop-action-item:hover svg {
  color: var(--gkm-lime-deep) !important;
  stroke: var(--gkm-lime-deep) !important;
}


/* Search — preview uses soft light-grey search */
.utility-icons .search-container,
.search-container {
  min-height: 42px !important;
  padding: 0 11px !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  background: var(--gkm-surface) !important;
  background-color: var(--gkm-surface) !important;

  border: 1px solid var(--gkm-line) !important;
  border-radius: 10px !important;

  box-shadow: none !important;
}

.utility-icons .search-container:focus-within,
.search-container:focus-within {
  border-color: var(--gkm-lime-deep) !important;
  box-shadow: 0 0 0 3px rgba(165,203,0,.12) !important;
}

.search-container .input-container,
.utility-icons .search-container .input-container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 280px !important;
  background: transparent !important;
}

.input-container .search-box {
  border: 0 !important;
  border-bottom: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#desktop-search-bar {
  color: var(--gkm-navy) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#desktop-search-bar::placeholder {
  color: var(--gkm-muted) !important;
  opacity: 1 !important;
}

.utility-icons .search-container .search-icon svg,
.sh-header-search-icon {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}


/* Main desktop nav — same treatment as preview */
.desktop-nav .nav-link,
.nav-link {
  display: block !important;

  padding: 10px 0 !important;

  color: var(--gkm-navy) !important;

  font-size: .855rem !important;
  font-weight: 600 !important;

  text-decoration: none !important;

  border-bottom: 2px solid transparent !important;

  transition:
    color .18s ease,
    border-color .18s ease !important;
}

.desktop-nav .nav-link:hover,
.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.nav-link.selected,
.nav-link[aria-current="page"] {
  color: var(--gkm-lime-deep) !important;
  border-bottom-color: var(--gkm-lime) !important;
}


/* Cart button / badge */
.utility-icons .badge-icon-btn {
  width: 42px !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  background: transparent !important;
  color: var(--gkm-navy) !important;

  border-radius: 50% !important;
}

.utility-icons .badge-icon-btn:hover {
  background: var(--gkm-surface) !important;
}

.utility-icons .badge-icon-btn svg {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}

.utility-icons .badge-icon-count,
.sh-bottom-nav-cart-badge {
  background: var(--gkm-lime) !important;
  color: var(--gkm-navy) !important;
  font-weight: 800 !important;
}


/* Mobile header */
.mobile-menu-button,
.mobile-header-icons,
.side-menu-header,
.headless-luxury-header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: var(--gkm-navy) !important;
}

.mobile-menu-button svg,
.mobile-header-icons svg,
.headless-luxury-header svg {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}

button[aria-label="Close mobile menu"],
button[aria-label="Close mobile menu"] svg {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}


/* ==========================================================================
   CATEGORY CARDS
   ========================================================================== */

.cat-card,
.category-card,
.sh-category-card {
  background: transparent !important;
  color: var(--gkm-navy) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

.cat-card-img,
.cat-card-img-wrap,
.cat-card-img-semi-rounded,
.sh-category-card img {
  background: var(--gkm-surface) !important;

  border: 0 !important;

  box-shadow:
    0 8px 18px
    rgba(36,49,57,.12) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease !important;
}

.cat-card:hover .cat-card-img,
.cat-card:hover .cat-card-img-wrap,
.category-card:hover .cat-card-img,
.sh-category-card:hover img {
  transform: translateY(-4px) !important;

  box-shadow:
    0 12px 24px
    rgba(36,49,57,.16) !important;
}

.cat-card-title,
.cat-card-name,
.category-name,
.category-title,
.sh-category-card-title {
  color: var(--gkm-navy) !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   PRODUCT CARDS — PREVIEW MATCH
   ========================================================================== */

.product-card,
.pr-card,
.product-card-root,
.sh-product-card {
  display: flex !important;
  flex-direction: column !important;

  background: var(--gkm-card) !important;
  background-color: var(--gkm-card) !important;

  color: var(--gkm-ink) !important;

  border: 1px solid var(--gkm-line) !important;
  border-radius: var(--gkm-radius) !important;

  overflow: hidden !important;

  box-shadow:
    0 4px 14px
    rgba(36,49,57,.05) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease !important;
}

.product-card:hover,
.pr-card:hover,
.product-card-root:hover,
.sh-product-card:hover {
  transform: translateY(-4px) !important;

  box-shadow:
    0 16px 30px
    rgba(36,49,57,.13) !important;
}


/* Product image area */
.product-card-image-container,
.product-card-image,
.product-card-link .product-card-image,
.sh-product-card-image,
.sh-product-card-img {
  background: var(--gkm-surface) !important;
  background-color: var(--gkm-surface) !important;

  border: 0 !important;

  box-shadow: none !important;
}


/* Product content */
.product-card-info,
.product-card-content,
.sh-product-card-content {
  padding: 12px 13px 14px !important;

  background: #FFFFFF !important;

  color: var(--gkm-ink) !important;

  border: 0 !important;
}


/* Product name */
.product-card-name,
.product-card .product-title,
.product-card .product-name,
.pr-title,
.sh-product-card .product-title,
.sh-product-card .product-name {
  color: var(--gkm-ink) !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* Prices */
.product-card-price,
.product-price,
.pr-sale-price,
.sh-product-card .product-price,
.sh-product-card .price {
  color: var(--gkm-navy) !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

  font-size: 1.03rem !important;
  font-weight: 800 !important;
}

.product-card-mrp-price,
.product-mrp-price,
.pr-mrp-price {
  color: #9AA3B7 !important;
}

.product-card-discount,
.product-discount,
.pr-discount,
.sh-product-card-discount-tag {
  background: var(--gkm-deal) !important;
  background-color: var(--gkm-deal) !important;

  color: #FFFFFF !important;

  border: 0 !important;
  border-radius: 7px !important;

  padding: 4px 8px !important;

  font-size: .68rem !important;
  font-weight: 800 !important;
}

.product-card-save,
.product-saving,
.pr-save,
.pr-discount-text {
  color: var(--gkm-green) !important;
  font-weight: 700 !important;
}


/* ==========================================================================
   PRODUCT CARD BUTTONS
   ========================================================================== */

.product-card-actions {
  margin-top: auto !important;
  padding-top: 10px !important;
  width: 100% !important;
}

.product-card-action,
.product-card-action-row {
  width: 100% !important;
}

.product-card-action-row {
  gap: 8px !important;
}


/* Add to cart = lime like preview */
.product-card-action-btn,
.pr-outlined-button {
  width: 100% !important;
  min-height: 40px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px !important;

  background: var(--gkm-lime) !important;
  background-color: var(--gkm-lime) !important;

  color: var(--gkm-navy) !important;

  border: 1.5px solid var(--gkm-lime) !important;
  border-radius: 9px !important;

  box-shadow: none !important;

  font-size: .82rem !important;
  font-weight: 700 !important;

  cursor: pointer !important;
}

.product-card-action-btn:hover,
.pr-outlined-button:hover,
.pr-outlined-button:focus,
.pr-outlined-button:active {
  background: var(--gkm-lime-hi) !important;
  background-color: var(--gkm-lime-hi) !important;

  border-color: var(--gkm-lime-hi) !important;

  color: var(--gkm-navy) !important;
}


/* Buy now = navy */
.product-card-action-buy {
  background: var(--gkm-navy) !important;
  background-color: var(--gkm-navy) !important;

  color: #FFFFFF !important;

  border-color: var(--gkm-navy) !important;
}

.product-card-action-buy:hover {
  background: var(--gkm-navy-2) !important;
  background-color: var(--gkm-navy-2) !important;

  border-color: var(--gkm-navy-2) !important;

  color: #FFFFFF !important;
}


/* +/- quantity button */
.sh-product-plus-minus-button,
.pr-plus-minus-button {
  width: 100% !important;
  min-height: 40px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 8px 6px !important;

  background: var(--gkm-lime) !important;
  background-color: var(--gkm-lime) !important;

  color: var(--gkm-navy) !important;

  border: 1.5px solid var(--gkm-lime) !important;
  border-radius: 9px !important;

  box-shadow: none !important;

  font-size: .8rem !important;
  font-weight: 800 !important;

  cursor: pointer !important;
}

.sh-product-plus-minus-button *,
.pr-plus-minus-button *,
.pr-plus-minus-button-icon-left,
.pr-plus-minus-button-text,
.pr-plus-minus-icon-right {
  color: var(--gkm-navy) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sh-product-plus-minus-button:hover,
.pr-plus-minus-button:hover {
  background: var(--gkm-lime-hi) !important;
  background-color: var(--gkm-lime-hi) !important;

  border-color: var(--gkm-lime-hi) !important;
}


/* ==========================================================================
   PRODUCT DETAIL PAGE BUTTONS
   ========================================================================== */

.add-to-bag-button {
  background: var(--gkm-lime) !important;
  background-color: var(--gkm-lime) !important;

  color: var(--gkm-navy) !important;

  border: 1.5px solid var(--gkm-lime) !important;
  border-radius: 9px !important;

  font-weight: 800 !important;
}

.add-to-bag-button:hover {
  background: var(--gkm-lime-hi) !important;
  border-color: var(--gkm-lime-hi) !important;
  color: var(--gkm-navy) !important;
}

.buy-now-button {
  background: var(--gkm-navy) !important;
  background-color: var(--gkm-navy) !important;

  color: #FFFFFF !important;

  border: 1.5px solid var(--gkm-navy) !important;
  border-radius: 9px !important;

  font-weight: 800 !important;
}

.buy-now-button:hover {
  background: var(--gkm-navy-2) !important;
  border-color: var(--gkm-navy-2) !important;
  color: #FFFFFF !important;
}


/* ==========================================================================
   MOBILE BOTTOM NAV
   ========================================================================== */

.mobile-bottom-bar {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;

  border-top: 1px solid var(--gkm-line) !important;
}

.sh-bottom-nav-selected {
  color: var(--gkm-lime-deep) !important;
  stroke: var(--gkm-lime-deep) !important;
}

.sh-bottom-nav-unselected {
  color: var(--gkm-navy) !important;
  stroke: var(--gkm-navy) !important;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

.ft,
.footer,
.ftr,
.site-footer {
  background: var(--gkm-navy) !important;
  background-color: var(--gkm-navy) !important;

  color: #C0C9DB !important;

  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.ft h4,
.footer h4,
.ftr h4,
.site-footer h4 {
  color: var(--gkm-lime-hi) !important;
}

.ft a,
.footer a,
.ftr a,
.site-footer a {
  color: #C0C9DB !important;
}

.ft a:hover,
.footer a:hover,
.ftr a:hover,
.site-footer a:hover {
  color: #FFFFFF !important;
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

  .search-container {
    width: 100% !important;
  }

  .search-container .input-container,
  .utility-icons .search-container .input-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  #desktop-search-bar {
    width: 100% !important;
  }

  .product-card-action-btn,
  .pr-outlined-button,
  .sh-product-plus-minus-button,
  .pr-plus-minus-button {
    min-height: 38px !important;
    font-size: .78rem !important;
  }

  .action-buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .action-buttons > button {
    flex: 1 1 50% !important;
    width: 50% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* END GHAR KA MAAL — LIVE SHOOPY COMPATIBILITY LAYER */
@media (max-width: 1023px) {
    .category-label {
        color: Black !important;
    }
}
.title-punchline--mobile {
    margin-bottom: 2px;
    color: black;
}
.header-menu-button
{color:#000 !important;
}