/* Rajadhani Mega Mart — generated CSS (uploaded to site_settings.sx_css_location).
   Authored per-segment, concatenated into one file. Do NOT @import or minify
   (the BEGIN/END markers are comments and must survive). Every selector is
   namespaced under .sx so nothing leaks into the theme header/footer/cards.
   Brand colour comes from the theme var --secondary-main (Rajadhani orange);
   the deal-green / cream accents are namespaced --sx-* tokens. */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-brand: var(--secondary-main, #ec5a1e);
  --sx-brand-hot: #ff7a2e;
  --sx-brand-deep: #c43e0f;
  --sx-ink: #263238;
  --sx-muted: #6b7280;
  --sx-line: #ececec;
  --sx-cream: #fff7f0;
  --sx-cream-2: #ffeede;
  --sx-save: #1c8a4a;
  --sx-save-bg: #e7f6ee;
  --sx-radius: 18px;
  --sx-shadow: 0 16px 40px rgba(38,50,56,.10);
  --sx-max: 1200px;
  font-family: inherit;
  color: var(--sx-ink);
}
.sx, .sx * { box-sizing: border-box; }
.sx-wrap { max-width: var(--sx-max); margin: 0 auto; padding: 0 18px; width: 100%; }
.sx-eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 11.5px; font-weight: 800; letter-spacing: .18em;
  text-transform: uppercase; color: var(--sx-brand); margin: 0 0 12px;
}
.sx-eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; border-radius: 2px; }
.sx a:focus-visible, .sx button:focus-visible, .sx input:focus-visible { outline: 3px solid var(--sx-brand); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .sx, .sx * { animation-duration: .001ms !important; transition-duration: .001ms !important; } }
.sx-h2 {
  font-family: inherit; font-weight: 800;
  font-size: clamp(24px, 3.2vw, 36px); line-height: 1.12;
  margin: 0 0 12px; color: var(--sx-ink); letter-spacing: -.02em;
}
.sx-h2 em { color: var(--sx-brand); font-style: normal; }
.sx-sub { color: var(--sx-muted); font-size: 15px; line-height: 1.65; margin: 0; max-width: 640px; }
.sx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 14px 26px; border-radius: 12px;
  background: var(--sx-brand); color: #fff;
  font-weight: 800; font-size: 14px; text-decoration: none;
  border: none; cursor: pointer; transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sx-btn:hover { filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(236,90,30,.30); }
.sx-btn--brand { background: linear-gradient(135deg, #ff7a2e, #ec5a1e); color: #fff; }
.sx-btn--light { background: #fff; color: var(--sx-brand-deep); border: 1.5px solid var(--sx-line); }
.sx-btn svg { width: 18px; height: 18px; }
.sx-section { padding: clamp(30px, 3.6vw, 50px) 0; }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp.sx-section { padding: 0; }
.sx-usp__band { background: #fff; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); }
.sx-usp__grid { display: grid; grid-template-columns: 1fr 1fr; }
.sx-usp__cell { display: flex; align-items: center; gap: 13px; padding: 16px 16px; justify-content: center; }
.sx-usp__cell + .sx-usp__cell { box-shadow: inset 1px 0 0 var(--sx-line); }
.sx-usp__ic { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
  background: var(--sx-cream-2); color: var(--sx-brand); }
.sx-usp__ic svg { width: 22px; height: 22px; }
.sx-usp__t { display: block; font-size: 14px; font-weight: 800; color: var(--sx-ink); line-height: 1.25; }
.sx-usp__d { display: block; font-size: 12px; color: var(--sx-muted); margin-top: 2px; }
@media (min-width: 760px) {
  .sx-usp__grid { grid-template-columns: repeat(4, 1fr); }
  .sx-usp__cell { justify-content: flex-start; padding: 20px 22px; }
}
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:promo-kitchen */
.sx-promo__card { position: relative; display: grid; grid-template-columns: 1fr; border-radius: 22px; overflow: hidden; box-shadow: var(--sx-shadow); border: 1px solid var(--sx-line); background: #fff; }
.sx-promo__media { min-height: 230px; background: #fff; display: grid; place-items: center; }
.sx-promo__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sx-promo__body { position: relative; padding: clamp(26px, 4vw, 48px); color: #fff; background: linear-gradient(135deg, #ff7a2e 0%, var(--sx-brand) 52%, var(--sx-brand-deep) 100%); }
.sx-promo__body::after { content: ""; position: absolute; right: -70px; top: -70px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.14); pointer-events: none; }
.sx-promo__body .sx-eyebrow { color: rgba(255,255,255,.92); position: relative; }
.sx-promo__body h2 { font-weight: 800; font-size: clamp(26px, 3.6vw, 42px); line-height: 1.06; margin: 0 0 14px; color: #fff; letter-spacing: -.02em; position: relative; }
.sx-promo__body h2 em { font-style: normal; color: #fff2c9; }
.sx-promo__body p { font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.94); margin: 0 0 20px; max-width: 440px; position: relative; }
.sx-promo__off { display: inline-flex; align-items: baseline; gap: 8px; margin: 0 0 20px; position: relative; }
.sx-promo__off b { font-size: clamp(34px,5vw,52px); font-weight: 900; line-height: 1; color: #fff; letter-spacing: -.03em; }
.sx-promo__off span { font-size: 14px; font-weight: 700; color: #fff2c9; }
.sx-promo__chips { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; position: relative; }
.sx-promo__chips span { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26); border-radius: 999px; padding: 8px 14px; }
.sx-promo__chips span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.sx-promo__actions { position: relative; }
.sx-promo__actions .sx-btn--light { background: #fff; color: var(--sx-brand-deep); }
@media (min-width: 820px) {
  .sx-promo__card { grid-template-columns: 1.05fr 1fr; }
  .sx-promo__media { min-height: 100%; }
}
/* END shoopy-gen:promo-kitchen */

/* BEGIN shoopy-gen:promo-dry */
.sx-promo--dry .sx-promo__body { background: linear-gradient(135deg, #9a4b17 0%, #7a3a12 55%, #5c2b0d 100%); }
.sx-promo--dry .sx-promo__body h2 em { color: #ffd9a8; }
.sx-promo--dry .sx-promo__off span, .sx-promo--dry .sx-eyebrow { color: #ffd9a8 !important; }
.sx-promo--dry .sx-promo__actions .sx-btn--light { color: #7a3a12; }
@media (min-width: 820px) {
  .sx-promo--dry .sx-promo__card { grid-template-columns: 1fr 1.05fr; }
  .sx-promo--dry .sx-promo__media { order: 2; }
}
/* END shoopy-gen:promo-dry */

/* BEGIN shoopy-gen:why-1 */
.sx-why { background: linear-gradient(160deg, var(--sx-cream) 0%, #fff 60%); }
.sx-why__head { text-align: center; max-width: 680px; margin: 0 auto 34px; }
.sx-why__head .sx-eyebrow { justify-content: center; }
.sx-why__head p { color: var(--sx-muted); font-size: 15px; line-height: 1.7; margin: 0; }
.sx-why__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sx-why__card { background: #fff; border: 1px solid var(--sx-line); border-radius: 18px; padding: 24px 20px; box-shadow: 0 10px 28px rgba(38,50,56,.05); }
.sx-why__ic { width: 50px; height: 50px; border-radius: 14px; background: var(--sx-cream-2); color: var(--sx-brand); display: grid; place-items: center; margin-bottom: 14px; }
.sx-why__ic svg { width: 26px; height: 26px; }
.sx-why__card h3 { margin: 0 0 7px; color: var(--sx-ink); font-size: 16px; font-weight: 800; }
.sx-why__card p { margin: 0; color: var(--sx-muted); font-size: 13.5px; line-height: 1.6; }
@media (min-width: 860px) { .sx-why__grid { grid-template-columns: repeat(4, 1fr); } }
/* END shoopy-gen:why-1 */

/* BEGIN shoopy-gen:reviews-1 */
.sx-reviews { background: #fff; }
.sx-reviews__head { text-align: center; margin-bottom: 32px; }
.sx-reviews__head .sx-eyebrow { justify-content: center; }
.sx-reviews__head .sx-sub { margin: 0 auto; }
.sx-reviews__grid { display: grid; gap: 16px; }
.sx-review { position: relative; background: var(--sx-cream); border: 1px solid var(--sx-line); border-radius: 18px; padding: 26px 22px 22px; display: flex; flex-direction: column; }
.sx-review__stars { display: inline-flex; gap: 2px; color: #f5a623; margin-bottom: 12px; }
.sx-review__stars svg { width: 16px; height: 16px; fill: currentColor; }
.sx-review__text { font-size: 14px; line-height: 1.7; color: #3b4750; margin: 0 0 18px; position: relative; z-index: 1; }
.sx-review__who { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.sx-review__av { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--sx-brand-hot), var(--sx-brand-deep)); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 15px; flex: 0 0 auto; }
.sx-review__who b { display: block; font-size: 14px; color: var(--sx-ink); }
.sx-review__who small { color: var(--sx-muted); font-size: 12px; }
@media (min-width: 820px) { .sx-reviews__grid { grid-template-columns: repeat(3, 1fr); } }
/* END shoopy-gen:reviews-1 */


/* Extracted from index.html */

:root{--secondary-main:#ec5a1e;--brand:#ec5a1e;--brand-hot:#ff7a2e;--brand-deep:#c43e0f;--ink:#263238;--muted:#6b7280;--line:#ececec;--cream:#fff7f0;--cream2:#ffeede;--save:#1c8a4a;--save-bg:#e7f6ee;--wa:#25a155;}
*{box-sizing:border-box;}
/* Scoped to the mockup chrome only — this was global and leaked an offset, rounded
   orange outline onto the store's real inputs (e.g. the sign-in modal). */
.m-hero a:focus-visible,.m-hero button:focus-visible,.m-foot a:focus-visible,.m-notice a:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px;}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
body{margin:0;font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;}
a{color:inherit;}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px;width:100%;}
.ic{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
/* announcement */
.m-notice{background:var(--ink);color:#fff;text-align:center;font-size:13px;font-weight:600;letter-spacing:.01em;padding:9px 16px;}
.m-notice b{color:#ffcf9e;}
/* header */
.m-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.m-header__in{display:flex;align-items:center;gap:16px;padding:10px 18px;max-width:1200px;margin:0 auto;}
.m-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.m-logo img{height:60px;width:auto;display:block;}
.m-search{flex:1;display:flex;align-items:center;gap:9px;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:11px 16px;color:var(--muted);font-size:14px;max-width:520px;}
.m-search .ic{width:18px;height:18px;color:var(--brand);flex:0 0 auto;}
.m-search input{flex:1;border:none;background:transparent;outline:none;color:var(--ink);font-size:14px;font-family:inherit;min-width:0;}
.m-search input::placeholder{color:var(--muted);}
.m-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.m-ico{display:flex;gap:6px;align-items:center;margin-left:auto;}
.m-ico__btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700;transition:background .15s;}
.m-ico__btn:hover{background:var(--cream);}
.m-ico__btn .ic{width:22px;height:22px;}
.m-ico__lbl{display:none;}
.m-ico__dot{position:absolute;top:2px;left:26px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;}
/* nav strip */
.m-navbar{background:#fff;border-bottom:1px solid var(--line);display:none;}
.m-navbar__in{max-width:1200px;margin:0 auto;padding:0 18px;display:flex;gap:26px;}
.m-navbar a{padding:12px 0;font-size:13.5px;font-weight:700;color:#3a4650;text-decoration:none;position:relative;white-space:nowrap;}
.m-navbar a::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2.5px;background:var(--brand);transition:right .25s;border-radius:2px;}
.m-navbar a:hover{color:var(--brand-deep);}
.m-navbar a:hover::after{right:0;}
/* hero */
.m-hero{position:relative;background:var(--brand);overflow:hidden;}
.m-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.m-hero__track::-webkit-scrollbar{display:none;}
.m-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;overflow:hidden;}
.m-hero__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.m-hero__slide{height:clamp(430px,64vw,520px);}
.m-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,18,8,.10) 0%,rgba(30,18,8,.42) 78%,rgba(30,18,8,.52) 100%);}
@media(min-width:761px){.m-hero__scrim{background:linear-gradient(95deg,rgba(30,18,8,.55) 0%,rgba(30,18,8,.34) 42%,rgba(30,18,8,0) 70%);}}
.m-hero__in{position:absolute;inset:0;display:flex;align-items:center;}
.m-hero__c{max-width:1200px;margin:0 auto;padding:0 22px;width:100%;}
.m-hero__box{max-width:min(560px,calc(100vw - 44px));width:100%;color:#fff;}
.m-hero__eye{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);padding:6px 13px;border-radius:999px;margin-bottom:16px;}
.m-hero h1{font-weight:900;font-size:clamp(30px,5.4vw,54px);line-height:1.03;margin:0 0 14px;letter-spacing:-.03em;text-shadow:0 2px 18px rgba(0,0,0,.18);}
.m-hero h1 em{font-style:normal;color:#ffe08a;}
.m-hero p{font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:rgba(255,255,255,.95);margin:0 0 22px;max-width:min(440px,calc(100vw - 44px));}
.m-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.m-hero__chips{display:flex;flex-wrap:wrap;gap:9px 16px;}
.m-hero__chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#fff;}
.m-hero__chip .ic{width:16px;height:16px;color:#ffe08a;}
.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s;}
.m-btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px rgba(0,0,0,.22);}
.m-btn .ic{width:18px;height:18px;}
.m-btn--brand{background:#fff;color:var(--brand-deep);}
.m-btn--out{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.6);}
.m-hero__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:7px;justify-content:center;z-index:3;}
.m-hero__dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);}
.m-hero__dots span.is-on{background:#fff;width:26px;border-radius:999px;}
/* section shells */
.m-sec{padding:clamp(30px,3.6vw,50px) 0;}
.m-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px;}
.m-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 9px;}
.m-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px;}
.m-h2{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:var(--ink);margin:0;letter-spacing:-.02em;}
.m-h2 em{color:var(--brand);font-style:normal;}
.m-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--brand-deep);text-decoration:none;border:1.5px solid var(--line);padding:11px 18px;border-radius:10px;background:#fff;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;}
.m-link:hover{border-color:var(--brand-hot);background:var(--cream);}
.m-link .ic{width:16px;height:16px;}
/* category icon tiles */
.m-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.m-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 8px;transition:transform .16s,box-shadow .16s,border-color .16s;}
.m-cat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(38,50,56,.10);border-color:var(--brand-hot);}
.m-cat__ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--cream2);color:var(--brand);}
.m-cat__ic .ic{width:28px;height:28px;stroke-width:1.6;}
.m-cat:hover .m-cat__ic{background:var(--brand);color:#fff;}
.m-cat__n{font-weight:700;font-size:12.5px;line-height:1.2;color:var(--ink);}
.m-cat--all .m-cat__ic{background:linear-gradient(135deg,#ff7a2e,#ec5a1e);color:#fff;font-weight:900;font-size:20px;}
/* product rails */
.m-rail{position:relative;}
.m-row{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;}
.m-row::-webkit-scrollbar{display:none;}
.m-pcard{scroll-snap-align:start;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;}
.m-pcard:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(38,50,56,.13);border-color:#e2d3c6;}
.m-pcard__badge{position:absolute;top:10px;left:10px;z-index:2;background:linear-gradient(135deg,#22a75c,#1c8a4a);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:7px;letter-spacing:.02em;box-shadow:0 4px 10px rgba(28,138,74,.3);}
.m-pcard__fav{position:absolute;top:9px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:background .15s,color .15s,transform .15s;}
.m-pcard__fav .ic{width:16px;height:16px;}
.m-pcard__fav:hover{background:var(--brand);color:#fff;transform:scale(1.06);}
.m-pcard__img{position:relative;flex:0 0 auto;aspect-ratio:1/1;background:#fff;overflow:hidden;display:block;border-bottom:1px solid var(--line);}
.m-pcard__img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease;padding:6px;}
.m-pcard:hover .m-pcard__img img{transform:scale(1.05);}
.m-pcard__b{padding:13px 13px 14px;display:flex;flex:1 1 auto;flex-direction:column;}
.m-pcard__cat{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);}
.m-pcard__b h4{margin:4px 0 0;font-size:13.5px;color:var(--ink);line-height:1.32;font-weight:600;}
.m-pcard__rate{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink);margin-top:8px;}
.m-pcard__rate svg{width:13px;height:13px;fill:#f5a623;stroke:none;}
.m-pcard__rate small{color:var(--muted);font-weight:500;}
.m-pcard__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:9px 0 12px;}
.m-pcard__price b{font-size:17px;color:var(--ink);}
.m-pcard__mrp{font-size:12.5px;color:var(--muted);text-decoration:line-through;}
.m-pcard__save{font-size:11px;font-weight:800;color:var(--save);background:var(--save-bg);padding:2px 7px;border-radius:6px;}
.m-pcard__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:800;padding:11px 14px;border-radius:10px;margin-top:auto;text-decoration:none;transition:filter .15s;}
.m-pcard__cta .ic{width:16px;height:16px;}
.m-pcard__cta:hover{filter:brightness(1.07);}
/* footer */
.m-foot{background:#1f2a30;color:#aab4bb;}
.m-foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1200px;margin:0 auto;padding:44px 18px;}
.m-foot__cols h4{color:#fff;font-size:14px;margin:0 0 14px;}
.m-foot__cols a,.m-foot__cols p{display:block;color:#9aa6ad;text-decoration:none;font-size:13px;line-height:2;margin:0;}
.m-foot__cols a:hover{color:#ffb27d;}
.m-foot__brand{grid-column:1 / -1;}
.m-foot__wm{display:inline-block;background:#fff;border-radius:12px;padding:10px 14px;margin-bottom:14px;}
.m-foot__wm img{height:58px;width:auto;display:block;}
.m-foot__brand p{font-size:13px;line-height:1.7;max-width:360px;margin-bottom:16px;}
.m-soc{display:flex;gap:10px;}
.m-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cdd6db;}
.m-soc a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.m-soc .ic{width:18px;height:18px;}
.m-foot__bottom{border-top:1px solid rgba(255,255,255,.08);max-width:1200px;margin:0 auto;padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;}
.m-foot__bottom p{margin:0;font-size:12px;color:#7c878e;}
.m-pay{display:flex;flex-wrap:wrap;gap:7px;}
.m-pay span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#cdd6db;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 9px;}
.m-wa{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 26px rgba(37,161,85,.5);transition:transform .15s;}
.m-wa:hover{transform:scale(1.07);}
.m-wa .ic{width:30px;height:30px;fill:currentColor;stroke:none;}
@media(min-width:480px){.m-cats{grid-template-columns:repeat(4,1fr);}.m-row{grid-auto-columns:230px;}}
@media(min-width:600px){.m-foot__cols{grid-template-columns:2fr 1fr 1fr 1fr;}.m-foot__brand{grid-column:auto;}.m-ico__lbl{display:inline;}}
@media(min-width:768px){.m-cats{grid-template-columns:repeat(6,1fr);}.m-cat__n{font-size:13px;}}
@media(min-width:980px){.m-navbar{display:block;}.m-row{grid-auto-columns:1fr;overflow:visible;}}
@media(min-width:1080px){.m-cats{grid-template-columns:repeat(8,1fr);}}

/* BEGIN shoopy-gen:header-match */
/* Overrides for the zippy theme's native desktop header so its chrome matches
   the Rajadhani reference mockup. These target the theme's own class names
   (.desktop-header*, .nav-link, etc.), not the .sx-/.m- section classes.
   NOTE: the logo image itself and the category/nav labels are store data, not
   CSS — the dark placeholder logo must be re-uploaded to fully match. */
/* Announcement bar: full-bleed. The theme's .notice wrapper adds ~10.5px padding
   and a white background, which framed the dark bar with a white border.
   Scoped to .luxury-header so it covers both the desktop and mobile headers. */
.luxury-header .notice { padding: 0 !important; background: transparent !important; }

.desktop-header .desktop-header-top { gap: 20px !important; }
.desktop-header .desktop-header-left { flex: 0 0 auto; }
.desktop-header .desktop-header-center { flex: 1 1 auto; max-width: none !important; display: flex; justify-content: flex-start; }

/* Align header + nav with the page's 1200px content container. The theme used
   max-width:1440px + 40px side padding, so the logo/nav sat out of line with the
   hero and product sections below (which use a 1200px container). */
.desktop-header .desktop-header-main,
.desktop-header .desktop-nav {
  max-width: 1200px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Logo: size the lockup like the reference */
.desktop-header .desktop-store-logo,
.desktop-header .desktop-store-logo img { width: auto !important; height: 46px !important; max-width: 200px !important; }

/* Hide the "Delivery in 8 Minutes / Select location" block (absent in reference) */
.desktop-header .desktop-delivery-location { display: none !important; }

/* Search: rounded cream pill with an orange icon */
.desktop-header .desktop-header-search .search-box.sh-header-search-box {
  background: #fff7f0 !important;
  border: 1px solid #ececec !important;
  border-radius: 12px !important;
  height: 48px !important;
  width: 100% !important;
  max-width: 560px !important;
  padding-left: 16px !important;
  box-shadow: none !important;
}
.desktop-header .desktop-header-search .search-box .lucide-search { color: #ec5a1e !important; }

/* Account / Cart cluster */
.desktop-header .desktop-login-button,
.desktop-header .desktop-cart-label,
.desktop-header .desktop-cart-button { color: #263238 !important; font-weight: 700 !important; }
/* icon + label on the same line (theme stacks them in a column) */
.desktop-header .desktop-login-button,
.desktop-header .desktop-cart-wrapper { flex-direction: row !important; align-items: center !important; gap: 10px !important; }
.desktop-header #desktop-login-trigger span { font-size: 0 !important; }
.desktop-header #desktop-login-trigger span::after { content: "Account"; font-size: 13px; font-weight: 700; }

/* Nav strip: centered, evenly spaced, bold, orange hover */
.desktop-header .desktop-nav .space-x-4 > * { margin-left: 0 !important; }
.desktop-header .desktop-nav .space-x-4 { justify-content: center !important; gap: 26px !important; }
.desktop-header .desktop-nav .nav-link { font-weight: 700 !important; color: #3a4650 !important; font-size: 13.5px !important; }
.desktop-header .desktop-nav .nav-link:hover { color: #c43e0f !important; }
/* END shoopy-gen:header-match */

/* BEGIN shoopy-gen:section-order */
/* Stack the homepage sections as a flex column so section order can be controlled.
   Goal: the ".home-category-heading" HTML block sits directly ABOVE the category
   tiles. It renders after them in the DOM, so it's pulled up one slot — while the
   hero banner + StoreBanner are held on top with lower orders so the heading does
   not jump above the hero. */
main { display: flex; flex-direction: column; }
main > .hero-banner-root { order: -3; }
main > .section:has(.StoreBanner-component) { order: -2; }
main > .section:has(.home-category-heading) { order: -1; }

/* Constrain the heading to the same container as the category cards
   (.page-container = max-width 1440px + 40px side padding) so they line up.
   margin-top gives it breathing room from the banner above (was flush, gap 0);
   margin-bottom keeps a consistent gap down to the tiles. */
main .home-category-heading {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(30px, 3.6vw, 50px);
  margin-bottom: 24px;
  padding-left: 40px;
  padding-right: 40px;
}

/* The ".m-link" arrow uses an SVG sprite symbol (#i-arrow) that isn't published
   in the store, so it renders blank. Hide the empty icon and draw a CSS arrow.
   Applies to every custom section heading (.m-head): "View all", "Shop all", etc. */
main .m-head .m-link svg.ic { display: none; }
main .m-head .m-link::after {
  content: "\2192"; /* → */
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}
/* END shoopy-gen:section-order */

/* BEGIN shoopy-gen:product-card */
/* Restyle the theme's native product cards to match the reference .m-pcard:
   white bordered rounded card, product image on white, green % OFF badge top-left,
   bold dark price with strikethrough MRP, full-width orange add button.
   NOTE: heart/wishlist icon, the category label, and the star rating are not in the
   card DOM, so they can't be added via CSS. */
.product-card {
  position: relative;
  background: #fff !important;
  border: 1px solid #ececec !important;
  border-radius: 16px !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* reserve room for the add-to-cart bar pinned to the card bottom */
  padding-bottom: 58px !important;
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 38px rgba(38, 50, 56, .13);
  border-color: #e2d3c6;
}

/* Image on white, contained (theme used object-fit:cover on a tinted box).
   The container is made non-positioned + non-clipping so the add button can
   anchor to the CARD bottom; the <a> link becomes the image box instead. */
.product-card-image-container {
  position: static !important;
  overflow: visible !important;
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #ececec !important;
  border-radius: 0 !important;
  aspect-ratio: auto !important; /* collapse to the link's height (theme forced 4/5) */
  height: auto !important;
}
.product-card-link { position: relative !important; display: block !important; aspect-ratio: 1 / 1 !important; }
.product-card-image { object-fit: contain !important; padding: 8px !important; background: #fff; }

/* Wishlist heart, top-right over the image (decorative; the theme card has none) */
.product-card-link::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ececec;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  background: rgba(255, 255, 255, .94) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23263238'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z'/%3E%3C/svg%3E") no-repeat center / 15px;
}

/* Add button → full-width orange "Add to cart" bar pinned to the card bottom,
   with a cart icon injected via a data: URI (no sprite is published). */
.product-card-add-button {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  top: auto !important;
  width: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #ec5a1e !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 0 !important;
  text-transform: none !important;
  box-shadow: 0 4px 12px rgba(236, 90, 30, .30);
}
.product-card-add-button::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='9'%20cy='21'%20r='1'/%3E%3Ccircle%20cx='20'%20cy='21'%20r='1'/%3E%3Cpath%20d='M1%201h4l2.68%2013.39a2%202%200%200%200%202%201.61h9.72a2%202%200%200%200%202-1.61L23%206H6'/%3E%3C/svg%3E") no-repeat center / contain;
}
.product-card-add-button::after { content: "Add to cart"; font-size: 13px; font-weight: 800; white-space: nowrap; }
.product-card-add-button:hover { filter: brightness(1.07); }

/* Quantity stepper (shown once the item is in the cart) — match the add button:
   a full-width orange bar pinned to the card bottom with white - / value / +. */
.product-card-quantity-selector {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  top: auto !important;
  width: auto !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ec5a1e !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(236, 90, 30, .30);
}
.product-card-quantity-btn {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
  width: 44px !important;
  height: 100% !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer;
}
.product-card-quantity-btn:hover { background: rgba(255, 255, 255, .16) !important; }
.product-card-quantity-value { color: #fff !important; font-weight: 800 !important; font-size: 15px !important; flex: 1 1 auto; text-align: center; }

/* Discount → green badge, top-left over the image */
.product-card-discount-amount {
  position: absolute !important;
  top: 10px;
  left: 10px;
  z-index: 2;
  background: linear-gradient(135deg, #22a75c, #1c8a4a);
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 9px;
  border-radius: 7px;
  box-shadow: 0 4px 10px rgba(28, 138, 74, .3);
}

/* Price row: dark bold price + strikethrough MRP (theme showed price as a green pill) */
.product-card-price {
  background: transparent !important;
  color: #263238 !important;
  border: none !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  box-shadow: none !important; /* theme left a green offset shadow that looked like an underline */
}
.product-card-mrp-price { color: #6b7280 !important; text-decoration: line-through; font-size: 12.5px !important; }
/* theme adds a 20x1px line after the discount (rendered as stray dashes on the badge) */
.product-card-discount-amount::after { display: none !important; }

.product-card-info { padding: 12px 12px 0 !important; display: flex; flex-direction: column; flex: 1 1 auto; }

/* Reference order: title first, then price, then the variant chip
   (the theme renders price above the title). Tight spacing for a compact card. */
.product-card-name-link { order: 1; margin-bottom: 4px; }
.product-card-pricing { order: 2; margin: 0 !important; }
.product-card-variant-chip { order: 3; }

/* Breathing room above the variant chip; wider rail cards so the layout reads
   better and the "Add to cart" label stays on one line. */
.product-card-variant-chip { margin-top: 6px !important; }
/* Wider rail cards. The theme sets the slide width with a more specific selector,
   so match its specificity (.swiper-wrapper .swiper-slide...) and let the inner
   card fill the slide. */
.swiper-wrapper .swiper-slide.product-swiper-slide { width: 220px !important; }
/* slide padding 5px/side made a 10px gap between rail cards; 3px/side = 6px, matching the grid */
.product-swiper-slide { padding-left: 2px !important; padding-right: 2px !important; }
.product-swiper-slide .scroll-animate-item,
.product-swiper-slide .product-card { width: 100% !important; }

/* The "Products" grid (ProductInfiniteScroll) is a CSS grid, not a rail — widen
   its cards to ~220px too via responsive columns. Scoped to this component so the
   category tiles (which share .recommended-theme-mode-grid) keep their own layout. */
.ProductInfiniteScroll-component .recommended-theme-mode-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 6px !important; }

/* Uniform card height: stretch each rail slide / grid cell to the tallest in its
   row and let the card fill it, so every "Add to cart" button lines up. */
.swiper-wrapper { align-items: stretch !important; }
.product-swiper-slide { height: auto !important; }
.product-swiper-slide .scroll-animate-item,
.recommended-theme-mode-grid .scroll-animate-item { height: 100% !important; }
.product-card { height: 100% !important; }
/* END shoopy-gen:product-card */

/* BEGIN shoopy-gen:deals-heading */
/* The custom ".deals-of-the-day-heading" HTML block sits directly above the
   Deals ProductGridCollection. Hide the collection's own built-in title, put the
   heading on the same cream band, align its content to the collection container,
   and collapse the gap so the two read as one block. */

/* Hide the collection's built-in title AND its built-in header row (the "See All"
   link lives in .collection-header, separate from the .heading title) */
main .ProductGridCollection-component .heading,
main .ProductGridCollection-component .collection-header { display: none !important; }
/* Remove the collection container's top margin (my-6) so cards butt against the heading */
main .ProductGridCollection-component .page-container { margin-top: 0 !important; }

/* Heading section shares the collection's cream background (full-bleed band) */
main > .section:has(.deals-of-the-day-heading) {
  background: #FDF7F0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* Heading content aligned to the collection's container (page-container: 1440px + 40px) */
main .deals-of-the-day-heading {
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 40px) 40px 12px;
}
/* END shoopy-gen:deals-heading */

/* BEGIN shoopy-gen:mobile-cards */
/* Below 768px, show two product cards per row (grid) and two-up in the rails,
   instead of one full-width card. */
@media (max-width: 768px) {
  .ProductInfiniteScroll-component .recommended-theme-mode-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .swiper-wrapper .swiper-slide.product-swiper-slide { width: 46vw !important; }
}
/* END shoopy-gen:mobile-cards */

/* BEGIN shoopy-gen:footer-social */
/* The footer social icons use SVG sprite symbols (#i-insta/#i-fb/#i-wa) that
   aren't published, so the circles render empty. Hide the empty icons and paint
   each brand glyph as a white data: URI background. */
.m-soc a svg.ic { display: none !important; }
.m-soc a { background-repeat: no-repeat !important; background-position: center !important; background-size: 18px 18px !important; }
.m-soc a[aria-label="Instagram"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'2'%20width%3D'20'%20height%3D'20'%20rx%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'17.5'%20cy%3D'6.5'%20r%3D'1'%20fill%3D'white'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E") !important; }
.m-soc a[aria-label="Facebook"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'white'%3E%3Cpath%20d%3D'M22%2012a10%2010%200%201%200-11.6%209.9v-7H7.9V12h2.5V9.8c0-2.5%201.5-3.9%203.8-3.9%201.1%200%202.2.2%202.2.2v2.4h-1.2c-1.2%200-1.6.8-1.6%201.6V12h2.7l-.4%202.9h-2.3v7A10%2010%200%200%200%2022%2012z'%2F%3E%3C%2Fsvg%3E") !important; }
.m-soc a[aria-label="WhatsApp"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'white'%3E%3Cpath%20d%3D'M12%202a10%2010%200%200%200-8.5%2015.3L2%2022l4.8-1.5A10%2010%200%201%200%2012%202zm0%2018.2c-1.5%200-3-.4-4.3-1.2l-.3-.2-2.9.9.9-2.8-.2-.3A8.2%208.2%200%201%201%2012%2020.2zm4.6-6.1c-.3-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8%201-.1.1-.3.2-.5.1-.3-.1-1.1-.4-2-1.3-.8-.7-1.3-1.6-1.4-1.8-.2-.3%200-.4.1-.6l.4-.5c.1-.1.2-.3.2-.4.1-.2%200-.3%200-.4%200-.1-.6-1.5-.8-2-.2-.5-.4-.5-.6-.5h-.5c-.2%200-.4%200-.7.3-.2.3-.9.9-.9%202.2s1%202.6%201.1%202.7c.1.2%202%203.1%204.9%204.3.7.3%201.2.5%201.6.6.7.2%201.3.2%201.8.1.5-.1%201.5-.6%201.7-1.2.2-.6.2-1.1.2-1.2-.1-.2-.3-.2-.5-.3z'%2F%3E%3C%2Fsvg%3E") !important; }
/* END shoopy-gen:footer-social */