/* ============================================================================
   ZenzKart — generated custom CSS (Tier-B sections)
   Uploaded to the store's dedicated generated-CSS file (site_settings.sx_css_location).
   Cascades GLOBALLY -> every rule namespaced under .sx / .sx-<section>.
   Brand colour comes from the theme var --secondary-main; only NEW namespaced
   --sx-* tokens are defined. No bare/body/html/:root/* selectors.
   ========================================================================== */

/* BEGIN shoopy-gen:base */
.sx {
  --sx-brand: var(--secondary-main, #f08000);
  --sx-brand-deep: #ffa14d;
  --sx-ink: #f2ede4;
  --sx-muted: #a89f93;
  --sx-line: #2a2724;
  --sx-bg2: #161412;
  --sx-card: #1a1815;
  --sx-deal: #d92d20;
  --sx-success: #3ecf7f;
  --sx-radius: 16px;
  --sx-maxw: 1240px;
  box-sizing: border-box;
  color: var(--sx-ink);
}
.sx img { display: block; max-width: 100%; height: auto; }

.sx-head { text-align: center; max-width: 680px; margin: 0 auto 26px; }
.sx-head__k { display: inline-block; font-weight: 700; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--sx-brand-deep); }
.sx-head__h { font-size: clamp(1.6rem, 4.6vw, 2.3rem); margin: 8px 0 6px; line-height: 1.1; color: var(--sx-ink); font-weight: 700; }
.sx-head__s { margin: 0; color: var(--sx-muted); font-size: 1rem; line-height: 1.5; }

.sx-btn {
  display: inline-block; background: var(--sx-brand); color: #1a1208; font-weight: 800;
  font-size: .85rem; letter-spacing: .03em; padding: 13px 28px; border-radius: 10px;
  transition: filter .2s, transform .2s; text-decoration: none;
}
.sx-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
/* END shoopy-gen:base */

/* BEGIN shoopy-gen:usp-1 */
.sx-usp { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; max-width: var(--sx-maxw); margin: 0 auto; }
.sx-usp__item { display: flex; align-items: center; gap: 12px; background: var(--sx-card); border: 1px solid var(--sx-line); border-radius: 14px; padding: 14px; }
.sx-usp__ic { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; background: #2c1d0e; color: var(--sx-brand-deep); }
.sx-usp__ic svg { width: 22px; height: 22px; }
.sx-usp__t { margin: 0; font-weight: 700; font-size: .88rem; }
.sx-usp__d { margin: 2px 0 0; font-size: .76rem; color: var(--sx-muted); }
@media (min-width: 768px) { .sx-usp { grid-template-columns: repeat(4, 1fr); } }
/* END shoopy-gen:usp-1 */

/* BEGIN shoopy-gen:story-1 */
.sx-story__in { display: grid; gap: 26px; max-width: var(--sx-maxw); margin: 0 auto; align-items: center; }
.sx-story__media img { border-radius: var(--sx-radius); width: 100%; height: 100%; object-fit: cover; }
.sx-story__h { font-size: clamp(1.5rem, 4vw, 2.1rem); line-height: 1.15; margin: 8px 0 12px; }
.sx-story__p { color: var(--sx-muted); line-height: 1.6; margin: 0 0 20px; }
.sx-story__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 0 0 22px; }
.sx-story__n { display: block; font-weight: 800; font-size: 1.15rem; color: var(--sx-brand-deep); }
.sx-story__l { font-size: .78rem; color: var(--sx-muted); }
@media (min-width: 900px) { .sx-story__in { grid-template-columns: 5fr 6fr; gap: 44px; } }
/* END shoopy-gen:story-1 */

/* BEGIN shoopy-gen:testimonials-1 */
.sx-tm__grid { display: grid; gap: 14px; max-width: var(--sx-maxw); margin: 0 auto; }
.sx-tm__card { background: var(--sx-card); border: 1px solid var(--sx-line); border-radius: var(--sx-radius); padding: 22px; display: flex; flex-direction: column; gap: 12px; }
.sx-tm__stars { color: var(--sx-brand); letter-spacing: 2px; }
.sx-tm__q { margin: 0; line-height: 1.6; color: var(--sx-ink); font-size: .93rem; flex: 1; }
.sx-tm__who { display: flex; align-items: center; gap: 11px; }
.sx-tm__av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #2c1d0e; color: var(--sx-brand-deep); font-weight: 800; }
.sx-tm__name { font-weight: 700; font-size: .86rem; }
.sx-tm__meta { font-size: .74rem; color: var(--sx-muted); }
@media (min-width: 820px) { .sx-tm__grid { grid-template-columns: repeat(3, 1fr); } }
/* END shoopy-gen:testimonials-1 */

:root {
      --brand: #f08000;          /* logo-extracted */
      --brand-deep: #ffa14d;     /* accessible light-orange accent on dark */
      --on-brand: #1a1208;       /* dark ink used on orange fills */
      --ink: #f2ede4;
      --muted: #a89f93;
      --line: #2a2724;
      --bg: #0d0c0b;
      --bg-tint: #161412;
      --chrome: #121212;         /* logo's black */
      --deal: #d92d20;
      --save: #3ecf7f;
      --wa: #25d366;
      --radius: 16px;
      --maxw: 1240px;
      --font-h: "Outfit", "Inter", system-ui, sans-serif;
      --font-b: "Inter", system-ui, sans-serif;
    }
       body { font-family: var(--font-b); color: var(--ink); background: var(--bg); line-height: 1.45; }
    img { display: block; max-width: 100%; height: auto; }
    a { color: inherit; text-decoration: none; }
    h1, h2, h3 { font-family: var(--font-h); }
    .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 16px; }
    .sec { padding: 40px 0; }
    .sec--tint { background: var(--bg-tint); }
    .head { text-align: center; max-width: 680px; margin: 0 auto 26px; }
    .head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
    .head__k { display: inline-block; font-weight: 700; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--brand-deep); }
    .head__h { font-size: clamp(1.6rem, 4.6vw, 2.3rem); margin-top: 8px; line-height: 1.1; }
    .head__s { color: var(--muted); margin-top: 6px; }
    .viewall { font-weight: 700; font-size: .85rem; color: var(--brand-deep); white-space: nowrap; }
    .btn { display: inline-block; font-weight: 800; font-size: .88rem; letter-spacing: .02em; padding: 14px 28px; border-radius: 11px; transition: filter .2s, transform .2s; }
    .btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
    .btn--primary { background: var(--brand); color: var(--on-brand); }
    .btn--ghost { background: transparent; color: var(--ink); border: 1.5px solid #4a443c; }
    .btn--ghost:hover { border-color: var(--brand-deep); color: var(--brand-deep); }

    /* ---- Notice bar (Tier C) ---- */
    .notice { background: var(--brand); color: var(--on-brand); text-align: center; font-size: .8rem; font-weight: 600; padding:3px !important; }

    /* ---- Header (Tier C) — dark chrome to match the logo ---- */
    .hdr { position: sticky; top: 0; z-index: 50; background: var(--chrome); color: #fff; border-bottom: 1px solid #2a2a2a; }
    .hdr__in { max-width: var(--maxw); margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; gap: 14px; }
    .hdr__burger { display: flex; flex-direction: column; gap: 4px; background: none; border: 0; padding: 6px; cursor: pointer; }
    .hdr__burger span { width: 20px; height: 2px; background: #fff; border-radius: 2px; }
    .brand-chip { display: flex; align-items: center; gap: 10px; }
    .brand-chip__mk { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; flex: 0 0 auto; background: #000; }
    .brand-chip__n { font-family: var(--font-h); font-weight: 800; font-size: 1.05rem; letter-spacing: .01em; }
    .brand-chip__n em { font-style: normal; color: var(--brand); }
    .brand-chip__s { display: block; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: #b9b0a4; }
    .hdr__nav { display: none; gap: 20px; font-size: .86rem; font-weight: 600; color: #e8e2d9; }
    .hdr__nav a:hover { color: var(--brand); }
    .hdr__nav--hot { color: var(--brand); }
    .hdr__search { display: none; flex: 1; align-items: center; gap: 9px; background: #1f1f1f; border: 1px solid #2e2e2e; color: #9d948a; font-size: .84rem; border-radius: 10px; padding: 10px 14px; }
    .hdr__search svg { width: 17px; height: 17px; }
    .hdr__icons { display: flex; align-items: center; gap: 4px; margin-left: auto; }
    .iconbtn { position: relative; background: none; border: 0; color: #fff; width: 38px; height: 38px; display: grid; place-items: center; cursor: pointer; border-radius: 9px; }
    .iconbtn:hover { background: #222; }
    .iconbtn svg { width: 21px; height: 21px; }
    .iconbtn--wa { color: var(--wa); }
    .cartdot { position: absolute; top: 2px; right: 2px; background: var(--brand); color: var(--on-brand); font-size: .6rem; font-weight: 800; width: 15px; height: 15px; border-radius: 50%; display: grid; place-items: center; }
    @media (min-width: 1024px) {
      .hdr__burger { display: none; }
      .hdr__nav { display: flex; }
      .hdr__search { display: flex; max-width: 330px; }
    }

    /* ---- Hero / StoreBanner (Tier A) ---- */
    .hero { position: relative; background: #0d0c0b; overflow: hidden; }
    .hero__bg { position: absolute; inset: 0; }
    .hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; }
    .hero__in { position: relative; max-width: var(--maxw); margin: 0 auto; padding: 30px 16px 330px; display: flex; }
    .hero__copy { max-width: 34rem; }
    .hero__h { font-size: clamp(2.1rem, 7vw, 3.4rem); line-height: 1.04; margin: 0 0 12px; letter-spacing: -.01em; }
    .hero__h em { font-style: normal; color: var(--brand-deep); }
    .hero__sub { color: #c9beae; font-size: 1.02rem; line-height: 1.55; margin-bottom: 20px; max-width: 42ch; }
    .hero__btns { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero__trust { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; font-size: .78rem; color: #e8e0d4; font-weight: 600; }
    .hero__trust > span { background: rgba(13,12,11,.62); border: 1px solid rgba(255,255,255,.08); border-radius: 999px; padding: 7px 12px; backdrop-filter: blur(3px); }
    .hero__stars { color: var(--brand-deep); }
    @media (min-width: 768px) {
      .hero__bg img { object-position: center; }
      .hero__in { align-items: center; min-height: 560px; padding-bottom: 34px; }
      .hero__copy { max-width: 27rem; }
    }

    /* ---- Categories (Tier A · ProductCategoriesV2) ---- */
    .cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .cat { text-align: center; }
    .cat__ic { border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: #fff; transition: box-shadow .2s, transform .2s; }
    .cat:hover .cat__ic { box-shadow: 0 10px 26px rgba(0,0,0,.55); transform: translateY(-2px); }
    .cat__n { display: block; margin-top: 10px; font-weight: 700; font-size: .9rem; }
    .cat__c { display: block; font-size: .74rem; color: var(--muted); }
    @media (min-width: 768px) { .cats { grid-template-columns: repeat(4, 1fr); gap: 18px; } }

    /* ---- Product cards (theme card style) ---- */
    .prow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .prow--scroll { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
    .prow--scroll .pc { flex: 0 0 240px; scroll-snap-align: start; }
    .pc { background: #1a1815; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
    .pc:hover { box-shadow: 0 12px 30px rgba(0,0,0,.55); transform: translateY(-2px); }
    .pc__media { position: relative; background: #fff; }
    .pc__off { position: absolute; top: 10px; left: 10px; background: var(--deal); color: #fff; font-size: .68rem; font-weight: 800; padding: 4px 9px; border-radius: 7px; }
    .pc__tag { position: absolute; top: 10px; right: 10px; background: #1a1815; color: #fff; font-size: .64rem; font-weight: 700; padding: 4px 8px; border-radius: 7px; }
    .pc__body { padding: 12px 13px 15px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
    .pc__title { font-family: var(--font-b); font-weight: 600; font-size: .87rem; line-height: 1.35; }
    .pc__rate { font-size: .72rem; color: var(--muted); }
    .pc__rate b { color: var(--brand-deep); letter-spacing: 1px; }
    .pc__price { display: flex; align-items: baseline; gap: 8px; margin-top: auto; }
    .pc__sale { font-weight: 800; font-size: 1.06rem; }
    .pc__mrp { color: var(--muted); font-size: .8rem; text-decoration: line-through; }
    .pc__save { font-size: .72rem; font-weight: 700; color: var(--save); }
    .pc__cta { margin-top: 8px; text-align: center; background: var(--brand); color: var(--on-brand); font-weight: 800; font-size: .8rem; padding: 10px; border-radius: 9px; }
    @media (min-width: 768px) { .prow { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
    @media (min-width: 1024px) { .prow { grid-template-columns: repeat(4, 1fr); } .prow--scroll .pc { flex-basis: 300px; } }

    /* ---- Promo banner (Tier A · BannerCollection) ---- */
    .ban { position: relative; display: block; border-radius: 20px; overflow: hidden; }
    .ban__bg img { width: 100%; height: 100%; object-fit: cover; min-height: 480px; }
    .ban__copy { position: absolute; inset: 0; padding: 28px 22px; display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; }
    .ban__k { font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--brand-deep); }
    .ban__h { font-size: clamp(1.6rem, 5vw, 2.5rem); line-height: 1.08; max-width: 17ch; }
    .ban__h em { font-style: normal; color: var(--brand-deep); }
    .ban__sub { color: #d5cabb; max-width: 34ch; font-size: .95rem; }
    .ban__copy .btn { align-self: flex-start; margin-top: 8px; }
    @media (min-width: 820px) {
      .ban__bg img { min-height: 0; }
      .ban__copy { justify-content: center; padding: 40px 48px; }
    }

    /* ---- Footer (Tier C) ---- */
    .ft { background: var(--chrome); color: #cfc8bd; margin-top: 40px; border-top: 1px solid #262626; }
    .ft__in { max-width: var(--maxw); margin: 0 auto; padding: 44px 16px 26px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 18px; }
    .ft__brand, .ft__col--contact, .ft__pay { grid-column: 1 / -1; }
    .ft__brand p { font-size: .85rem; line-height: 1.6; margin-top: 12px; max-width: 34ch; color: #a79e92; }
    .ft__col h4 { color: #fff; font-family: var(--font-h); font-size: .95rem; margin-bottom: 12px; }
    .ft__col a { display: block; font-size: .85rem; padding: 5px 0; color: #b6ada1; }
    .ft__col a:hover { color: var(--brand); }
    .ft__contact a { display: flex; align-items: center; gap: 9px; }
    .ft__contact svg { width: 17px; height: 17px; flex: 0 0 auto; }
    .ft__social { display: flex; gap: 10px; margin-top: 14px; }
    .ft__social a { width: 36px; height: 36px; border-radius: 9px; background: #1f1f1f; display: grid; place-items: center; padding: 0; }
    .ft__social svg { width: 18px; height: 18px; }
    .ft__pay { display: flex; flex-wrap: wrap; gap: 8px; }
    .ft__pay span { font-size: .7rem; font-weight: 700; border: 1px solid #2e2e2e; border-radius: 7px; padding: 5px 10px; color: #a79e92; }
    .ft__bar { border-top: 1px solid #262626; }
    .ft__bar > div { max-width: var(--maxw); margin: 0 auto; padding: 14px 16px; display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: space-between; font-size: .74rem; color: #877e72; }
    @media (min-width: 900px) { .ft__in { grid-template-columns: 1.3fr 1fr 1fr 1.3fr; } .ft__brand, .ft__col--contact { grid-column: auto; } }


/* =========================================================
   ZENZKART DARK — LIVE SHOOPY COMPATIBILITY LAYER
   Theme target: ZenzKart Dark preview
   ========================================================= */

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

  --zk-brand: #F08000;
  --zk-brand-light: #FFA14D;
  --zk-on-brand: #1A1208;

  --zk-bg: #0D0C0B;
  --zk-bg-tint: #161412;
  --zk-chrome: #121212;
  --zk-card: #1A1815;

  --zk-ink: #F2EDE4;
  --zk-muted: #A89F93;
  --zk-line: #2A2724;

  --zk-deal: #D92D20;
  --zk-save: #3ECF7F;
  --zk-wa: #25D366;

  --zk-radius-sm: 9px;
  --zk-radius: 16px;
}


/* =========================================================
   GLOBAL DARK TONE
   ========================================================= */

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

.section,
.products-section,
.product-grid-section,
.collection-products,
.related-products,
.related-products-section {
  background: var(--zk-bg) !important;
  background-color: var(--zk-bg) !important;
}

.section-heading,
.sec-title,
.head__h {
  color: var(--zk-ink) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
}

.section-heading {
  font-size: clamp(22px, 3vw, 30px) !important;
}

.section-sub,
.sec-sub,
.head__s {
  color: var(--zk-muted) !important;
}


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

.notice {
  background: var(--zk-brand) !important;
  background-color: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  text-align: center !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  padding: 3px !important;
}

.notice a,
.notice b,
.notice strong {
  color: var(--zk-on-brand) !important;
  font-weight: 800 !important;
}


/* =========================================================
   HEADER / DESKTOP HEADER
   ========================================================= */

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

.desktop-header-main,
.hdr,
.header,
.sh-header-main,
[class*="HeaderRenderer"] {
  border-bottom: 1px solid #2A2A2A !important;
  box-shadow: none !important;
}

.app-bar .title,
.app-bar .toolbar-title,
.sh-header-main a,
.sh-header-main button,
.sh-header-main svg,
[class*="HeaderRenderer"] a,
[class*="HeaderRenderer"] button,
[class*="HeaderRenderer"] svg {
  color: #FFFFFF !important;
}

.app-bar .logo {
  border-radius: 10px !important;
}


/* Desktop header actions — Profile / Cart / etc. */
.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;
  color: #FFFFFF !important;
  text-align: center !important;
  cursor: pointer !important;
}

.desktop-action-item svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

.desktop-action-item span {
  display: block !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.desktop-action-item:hover {
  color: var(--zk-brand) !important;
}

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


/* =========================================================
   SEARCH
   ========================================================= */

.search-container {
  padding: 0 10px !important;
  border: 1px solid #2E2E2E !important;
  border-radius: 10px !important;
  background: #1F1F1F !important;
  background-color: #1F1F1F !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: none !important;
}

.search-container:focus-within {
  border-color: var(--zk-brand) !important;
  box-shadow: 0 0 0 3px rgba(240, 128, 0, .10) !important;
}

.search-container .input-container {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !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(--zk-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#desktop-search-bar::placeholder {
  color: #9D948A !important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.nav-link {
  display: block !important;
  padding: 10px 0 !important;
  font-size: .855rem !important;
  font-weight: 600 !important;
  color: #E8E2D9 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition: color .18s ease, border-color .18s ease !important;
}

.nav-link:hover,
.nav-link:focus {
  color: var(--zk-brand) !important;
  border-bottom-color: var(--zk-brand) !important;
}

.nav-link.active,
.nav-link.selected,
.nav-link[aria-current="page"] {
  color: var(--zk-brand) !important;
}


/* =========================================================
   GENERAL BUTTONS
   ========================================================= */

.btn,
.sx .sx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  border-radius: 10px !important;
  border: 1.5px solid transparent !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: filter .18s ease, transform .18s ease !important;
}

.btn--primary,
.sx .sx-btn--primary {
  background: var(--zk-brand) !important;
  background-color: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border-color: var(--zk-brand) !important;
}

.btn--ghost,
.sx .sx-btn--ghost {
  background: transparent !important;
  color: var(--zk-ink) !important;
  border-color: #4A443C !important;
}

.btn--ghost:hover,
.sx .sx-btn--ghost:hover {
  color: var(--zk-brand-light) !important;
  border-color: var(--zk-brand-light) !important;
}


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

.cat-card,
.sh-category-card {
  color: var(--zk-ink) !important;
  text-align: center !important;
}

.cat-card-img,
.cat-card-img-wrap,
.sh-category-card img {
  background: #FFFFFF !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: var(--zk-radius) !important;
  overflow: hidden !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}

.cat-card:hover .cat-card-img,
.cat-card:hover .cat-card-img-wrap,
.sh-category-card:hover img {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.55) !important;
}

.cat-card-title,
.sh-category-card-title {
  color: var(--zk-ink) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin-top: 10px !important;
}


/* =========================================================
   PRODUCT CARDS — DARK CARD / WHITE IMAGE AREA
   ========================================================= */

.prod,
.pc,
.product-card,
.sh-product-card,
[class*="product-card"],
[class*="ProductCard"] {
  background: var(--zk-card) !important;
  background-color: var(--zk-card) !important;
  border: none;
  overflow: hidden !important;
  color: var(--zk-ink) !important;
  box-shadow: none !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}

.prod:hover,
.pc:hover,
.product-card:hover,
.sh-product-card:hover,
[class*="product-card"]:hover,
[class*="ProductCard"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0,0,0,.55) !important;
}

/* Product image stays white like the preview */
.prod__img,
.pc__media,
.product-card__image,
.sh-product-card-image,
.sh-product-card-img,
[class*="product-card"] [class*="image"],
[class*="ProductCard"] [class*="image"] {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: none !important;
  box-shadow: none !important;
}

.prod__body,
.pc__body,
.product-card__content,
.sh-product-card-content {
  background: var(--zk-card) !important;
  background-color: var(--zk-card) !important;
  border: none !important;
}


/* Remove unnecessary inner frames */
.prod *,
.pc *,
.product-card *,
.sh-product-card * {
  outline: none !important;
}

.pr-title,
.prod__name,
.pc__title,
.product-card .product-title,
.product-card .product-name,
.sh-product-card .product-title,
.sh-product-card .product-name,
[class*="product-card"] [class*="title"],
[class*="product-card"] [class*="name"],
[class*="ProductCard"] [class*="title"],
[class*="ProductCard"] [class*="name"] {
  color: #E9E4DB !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: .87rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.pr-sale-price,
.prod__price,
.pc__sale,
.product-card .product-price,
.product-card .price,
.sh-product-card .product-price,
.sh-product-card .price,
[class*="product-card"] [class*="price"],
[class*="ProductCard"] [class*="price"] {
  color: var(--zk-ink) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  justify-content:center !important;
}

.pr-sale-price {
  font-size: 1.06rem !important;
}

.pr-mrp-price {
  color: var(--zk-muted) !important;
  font-size: .8rem !important;
}


/* Discount badge */
.pr-discount,
.sh-product-card-discount-tag,
.prod__badge,
.pc__off {
  background: var(--zk-deal) !important;
  background-color: var(--zk-deal) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 7px !important;
  padding: 4px 9px !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
}

.pr-discount,
.sh-product-card-discount-tag {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  z-index: 3 !important;
}


/* =========================================================
   ADD TO CART / ADD TO BAG
   ========================================================= */

.prod__cta,
.pc__cta,
.pr-outlined-button {
  margin-top: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 8px !important;

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

  background: var(--zk-brand) !important;
  background-color: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;

  border: 1.5px solid var(--zk-brand) !important;
  border-radius: 9px !important;

  font-size: .8rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;

  box-shadow: none !important;
  cursor: pointer !important;
}

.prod__cta:hover,
.pc__cta:hover,
.pr-outlined-button:hover,
.pr-outlined-button:focus,
.pr-outlined-button:active {
  background: var(--zk-brand-light) !important;
  background-color: var(--zk-brand-light) !important;
  border-color: var(--zk-brand-light) !important;
  color: var(--zk-on-brand) !important;
}


/* =========================================================
   PLUS / MINUS
   ========================================================= */

.sh-product-plus-minus-button {
  border: 1.5px solid var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border-radius: 9px !important;
  text-align: center !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  padding: 8px 4px !important;
  cursor: pointer !important;
  background: var(--zk-brand) !important;
  background-color: var(--zk-brand) !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 38px !important;
}

.sh-product-plus-minus-button > * {
  color: var(--zk-on-brand) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.sh-product-plus-minus-button:hover,
.sh-product-plus-minus-button:focus,
.sh-product-plus-minus-button:active {
  border-color: var(--zk-brand-light) !important;
  background: var(--zk-brand-light) !important;
  background-color: var(--zk-brand-light) !important;
  color: var(--zk-on-brand) !important;
}


/* =========================================================
   SELECT / VARIANT FIELDS
   ========================================================= */

.prod select,
.product-card select,
.sh-product-card select,
select {
  background: #1F1D1A !important;
  color: var(--zk-ink) !important;
  border: 1px solid #38332D !important;
  border-radius: 9px !important;
}

.prod select:focus,
.product-card select:focus,
.sh-product-card select:focus,
select:focus {
  border-color: var(--zk-brand) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(240,128,0,.10) !important;
}


/* =========================================================
   LINKS / VIEW ALL
   ========================================================= */

.viewall,
.view-all,
.section-link,
.sec-link,
.sx-link {
  color: var(--zk-brand-light) !important;
  font-weight: 700 !important;
}

.viewall:hover,
.view-all:hover,
.section-link:hover,
.sec-link:hover,
.sx-link:hover {
  color: var(--zk-brand) !important;
}


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

.sh-bottom-nav-selected {
  stroke: var(--zk-brand) !important;
  color: var(--zk-brand) !important;
}

.sh-bottom-nav-unselected {
  stroke: #B8B0A6 !important;
  color: #B8B0A6 !important;
}

.sh-bottom-nav-cart-badge {
  background: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
}


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

.ft,
.footer,
.ftr,
.site-footer {
  background: var(--zk-chrome) !important;
  background-color: var(--zk-chrome) !important;
  color: #CFC8BD !important;
  border-top: 1px solid #262626 !important;
}

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

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

.ft a:hover,
.footer a:hover,
.ftr a:hover,
.site-footer a:hover {
  color: var(--zk-brand) !important;
}


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

@media (max-width: 767px) {

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

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

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

  .section-heading {
    font-size: 22px !important;
  }

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


/* END ZENZKART DARK — LIVE SHOOPY COMPATIBILITY LAYER */
.bg-white {
    --tw-bg-opacity: 1;
    background-color: #000000;
}


/* =====================================================================
   ZENZKART DARK — PYSN / LIVE SHOOPY CLASS COMPATIBILITY
   Uses live class names found in pysn.css while preserving ZenzKart dark
   visual language: black / charcoal / warm cream / orange / red / green.
   ===================================================================== */

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

  --zk-brand: #F08000;
  --zk-brand-light: #FFA14D;
  --zk-on-brand: #1A1208;

  --zk-bg: #0D0C0B;
  --zk-bg-tint: #161412;
  --zk-chrome: #121212;
  --zk-card: #1A1815;
  --zk-panel: #1F1D1A;
  --zk-panel-2: #24211D;

  --zk-ink: #F2EDE4;
  --zk-muted: #A89F93;
  --zk-line: #2A2724;
  --zk-line-2: #38332D;

  --zk-paper: #FFFFFF;
  --zk-sand: #F1EFE7;
  --zk-deal: #D92D20;
  --zk-save: #3ECF7F;
  --zk-wa: #25D366;

  --zk-radius-sm: 9px;
  --zk-radius: 16px;
}

/* ---------------------------------------------------------------------
   GLOBAL PAGE TONE
   --------------------------------------------------------------------- */

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

a {
  color: inherit;
}

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

/* ---------------------------------------------------------------------
   NOTICE / ANNOUNCEMENT
   --------------------------------------------------------------------- */

.notice,
.utility-bar {
  background: var(--zk-brand) !important;
  background-color: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
}

.notice {
  padding: 3px !important;
  text-align: center !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
}

/* ---------------------------------------------------------------------
   HEADER — classes taken from pysn.css
   --------------------------------------------------------------------- */

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

header.luxury-header,
.main-header,
.desktop-header-main,
.sh-header-main {
  border-bottom: 1px solid #2A2A2A !important;
  box-shadow: none !important;
}

/* Desktop nav */
.desktop-nav .nav-link,
.nav-link {
  display: block !important;
  padding: 10px 0 !important;
  color: #E8E2D9 !important;
  font-size: .855rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !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(--zk-brand) !important;
  border-bottom-color: var(--zk-brand) !important;
}

/* Desktop search */
.utility-icons .search-container,
.search-container {
  min-height: 42px !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  background: #1F1F1F !important;
  border: 1px solid #2E2E2E !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.utility-icons .search-container:focus-within,
.search-container:focus-within {
  border-color: var(--zk-brand) !important;
  box-shadow: 0 0 0 3px rgba(240,128,0,.10) !important;
}

.utility-icons .search-container .input-container,
.search-container .input-container {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !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;
}

.utility-icons .search-container::before {
  display: none !important;
}

.utility-icons .search-container #desktop-search-bar,
#desktop-search-bar {
  color: var(--zk-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.utility-icons .search-container #desktop-search-bar::placeholder,
#desktop-search-bar::placeholder {
  color: #8E867D !important;
  opacity: 1 !important;
}

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

/* Header action icons */
.utility-icons > button.icon-button,
.icon-button,
.desktop-action-item {
  color: #FFFFFF !important;
}

.utility-icons > button.icon-button svg,
.desktop-action-item svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !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;
}

.desktop-action-item span {
  color: #FFFFFF !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(--zk-brand) !important;
  stroke: var(--zk-brand) !important;
}

/* Cart button */
.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: var(--zk-brand) !important;
  border-radius: 9px !important;
}

.utility-icons .badge-icon-btn svg {
  color: var(--zk-on-brand) !important;
  stroke: var(--zk-on-brand) !important;
}

.utility-icons .badge-icon-count {
  background: var(--zk-deal) !important;
  color: #FFFFFF !important;
  border: 2px solid var(--zk-chrome) !important;
  font-weight: 800 !important;
}

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

.headless-luxury-header {
  border-bottom: 2px solid var(--zk-brand) !important;
}

.headless-luxury-header svg {
  color: var(--zk-brand) !important;
}

/* ---------------------------------------------------------------------
   CATEGORY / COLLECTION CLASSES
   --------------------------------------------------------------------- */

.cat-card-list,
.category-card-list,
.category-list,
.categories-list,
.category-grid,
.cat-grid {
  background: var(--zk-bg) !important;
}

.cat-card,
.category-card {
  background: transparent !important;
  color: var(--zk-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cat-card-img,
.cat-card-img-semi-rounded {
  background: #FFFFFF !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: var(--zk-radius) !important;
}

.cat-card-title,
.cat-card-name,
.category-name,
.category-title,
.cat-card-letter-container {
  color: var(--zk-ink) !important;
  background: transparent !important;
}

/* ---------------------------------------------------------------------
   PRODUCT LISTING CARDS — pysn native classes
   --------------------------------------------------------------------- */

.product-card,
.pr-card,
.product-card-root,
.sh-product-card {
  display: flex !important;
  flex-direction: column !important;
  background: var(--zk-card) !important;
  background-color: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: var(--zk-radius) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

.product-card:hover,
.pr-card:hover,
.product-card-root:hover,
.sh-product-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.42) !important;
}

/* Product image stays light for product readability */
.product-card-image-container,
.product-card-image,
.product-card-link .product-card-image,
.sh-product-card-image,
.sh-product-card-img {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

.product-card-info,
.product-card-content,
.sh-product-card-content {
  background: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border: 0 !important;
}

.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(--zk-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.product-card-price,
.product-price,
.pr-sale-price,
.sh-product-card .product-price,
.sh-product-card .price {
  color: var(--zk-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.product-card-mrp-price,
.product-mrp-price,
.pr-mrp-price {
  color: var(--zk-muted) !important;
}

.product-card-discount,
.product-discount,
.pr-discount,
.sh-product-card-discount-tag {
  background: var(--zk-deal) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 7px !important;
  font-weight: 800 !important;
  width: 83px;
    height: 22px;
    text-align: center;
}

/* Listing card action 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;
}

.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(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border: 1.5px solid var(--zk-brand) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.product-card-action-btn:hover,
.pr-outlined-button:hover,
.pr-outlined-button:focus,
.pr-outlined-button:active {
  background: var(--zk-brand-light) !important;
  border-color: var(--zk-brand-light) !important;
  color: var(--zk-on-brand) !important;
}

.product-card-action-buy {
  background: var(--zk-deal) !important;
  border-color: var(--zk-deal) !important;
  color: #FFFFFF !important;
}

.product-card-action-buy:hover {
  background: #EF493D !important;
  border-color: #EF493D !important;
  color: #FFFFFF !important;
}

.product-card-sold-out {
  color: var(--zk-muted) !important;
}

/* ---------------------------------------------------------------------
   PRODUCT DETAIL PAGE
   --------------------------------------------------------------------- */

.product-detail-grid {
  max-width: 1240px !important;
  margin: 0 auto !important;
  background: var(--zk-bg) !important;
  color: var(--zk-ink) !important;
  gap: clamp(26px, 4vw, 56px) !important;
}

.product-image-container,
.product-info-container,
.product-info,
.product-info-header {
  color: var(--zk-ink) !important;
}

.product-info-container {
  background: var(--zk-card) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: var(--zk-radius) !important;
  padding: 20px !important;
}

/* Main image */
.main-image-container {
  background: var(--zk-sand) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: var(--zk-radius) !important;
  box-shadow: 10px 10px 0 rgba(240,128,0,.85) !important;
  overflow: hidden !important;
}

.main-image-wrapper,
.main-image {
  background: var(--zk-sand) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.main-image-wrapper::before,
.thumbnail::before {
  display: none !important;
}

.main-image {
  object-fit: contain !important;
}

/* thumbnails */
.thumbnails-container {
  gap: 10px !important;
}

.thumbnail {
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 8px !important;
  background: var(--zk-sand) !important;
  overflow: hidden !important;
}

.thumbnail.active {
  border: 2px solid var(--zk-brand) !important;
}

.swiper-pagination-bullet {
  background: #5D574F !important;
}

.swiper-pagination-bullet-active {
  background: var(--zk-brand) !important;
}

/* Product title, sku, pricing */
.product-title,
.product-component-name {
  color: var(--zk-ink) !important;
  font-weight: 700 !important;
}

.product-sku,
.product-sku-container,
.product-component-sku,
.product-component-light-text {
  color: var(--zk-muted) !important;
}

.product-pricing-root,
.product-pricing-primary,
.product-pricing-secondary {
  color: var(--zk-ink) !important;
}

.product-pricing-price,
.product-pricing-primary,
.product-price {
  color: var(--zk-ink) !important;
  font-weight: 800 !important;
}

.product-pricing-discount {
  color: var(--zk-save) !important;
}

.product-pricing-gst-text,
.product-pricing-gst-exclusive,
.product-pricing-meas-unit {
  color: var(--zk-muted) !important;
}

/* Rating row */
.product-page-rating {
  margin-top: 12px !important;
  color: var(--zk-ink) !important;
}

.product-page-rating .rating-stars,
.product-page-rating .product-rating-value {
  background: var(--zk-panel) !important;
  border-color: var(--zk-line-2) !important;
  color: var(--zk-ink) !important;
}

.product-page-rating .rating-stars::before {
  color: var(--zk-brand) !important;
}

.product-page-rating .product-rating-count {
  color: var(--zk-muted) !important;
}

/* Quantity */
.quantity-label {
  color: var(--zk-muted) !important;
}

.quantity-dropdown {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 9px !important;
  color: var(--zk-ink) !important;
}

.quantity-dropdown .MuiSelect-select {
  color: var(--zk-ink) !important;
}

.quantity-dropdown .MuiSvgIcon-root,
.quantity-dropdown .MuiSelect-icon {
  color: var(--zk-brand) !important;
}

.quantity-dropdown fieldset {
  border: 0 !important;
}

/* PDP action buttons */
.action-buttons {
  gap: 12px !important;
}

.add-to-bag-button,
.buy-now-button {
  min-height: 52px !important;
  border-radius: 9px !important;
  font-weight: 800 !important;
  border: 1.5px solid transparent !important;
}

.add-to-bag-button {
  background: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border-color: var(--zk-brand) !important;
}

.add-to-bag-button:hover {
  background: var(--zk-brand-light) !important;
  border-color: var(--zk-brand-light) !important;
  color: var(--zk-on-brand) !important;
}

.buy-now-button {
  background: var(--zk-deal) !important;
  color: #FFFFFF !important;
  border-color: var(--zk-deal) !important;
}

.buy-now-button:hover {
  background: #EF493D !important;
  border-color: #EF493D !important;
  color: #FFFFFF !important;
}

.pr-card-action-enquiry {
  color: var(--zk-wa) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 9px !important;
}

.pr-card-action-enquiry:hover {
  background: var(--zk-wa) !important;
  border-color: var(--zk-wa) !important;
  color: #07130C !important;
}

/* plus minus */
.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(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border: 1.5px solid var(--zk-brand) !important;
  border-radius: 9px !important;
  font-weight: 800 !important;
}

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

/* accordions */
.details-accordion {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

.details-toggle {
  color: var(--zk-ink) !important;
}

.details-toggle::after {
  color: var(--zk-brand) !important;
}

/* size chart */
.size-chart-btn,
.product-share-icons {
  color: var(--zk-brand-light) !important;
}

/* Delivery estimate */
.delivery-estimate-root {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

.delivery-estimate-heading,
.delivery-estimate-info {
  color: var(--zk-ink) !important;
}

.delivery-estimate-input {
  background: var(--zk-bg-tint) !important;
  color: var(--zk-ink) !important;
  border-color: var(--zk-line-2) !important;
}

.delivery-estimate-applybtn {
  color: var(--zk-brand) !important;
}

.delivery-estimate-err,
.delivery-not-available-err {
  color: #FF6A60 !important;
}

/* Product sticky footer */
.product-footer-root,
.product-component-about,
.product-component-about-mobile {
  background: var(--zk-chrome) !important;
  color: var(--zk-ink) !important;
  border-top: 1px solid var(--zk-line) !important;
}

.product-footer-height .pr-outlined-button,
.product-footer-height .pr-plus-minus-button {
  border-radius: 9px !important;
}

/* ---------------------------------------------------------------------
   CART / CHECKOUT DETAILS PAGE
   --------------------------------------------------------------------- */

.sh-cart-details-page-desk,
.sh-cart-detail-page-mob,
.sh-cart-review-desk,
.sh-cart-review-mob {
  background: var(--zk-bg) !important;
  color: var(--zk-ink) !important;
}

.sh-cart-details-page-desk .custom-card,
.sh-cart-detail-page-mob .custom-card,
.sh-cart-details-page-desk .cart-item-root,
.sh-cart-detail-page-mob .cart-item-root,
.sh-cart-details-page-desk .cart-summary-root,
.sh-cart-detail-page-mob .cart-summary-root,
.sh-cart-details-page-desk .cart-items-cart-items,
.sh-cart-detail-page-mob .cart-items-cart-items,
.sh-cart-review-desk .custom-card,
.sh-cart-review-mob .custom-card {
  background: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* cart / checkout headings */
.sh-cart-details-page-desk .cart-items-section-heading,
.sh-cart-detail-page-mob .cart-items-section-heading,
.sh-cart-details-page-desk .cart-summary-section-heading,
.sh-cart-detail-page-mob .cart-summary-section-heading,
.sh-cart-details-page-desk .coupon-apply-section-heading,
.sh-cart-detail-page-mob .coupon-apply-section-heading,
.sh-cart-details-page-desk .address-details-card-header,
.sh-cart-detail-page-mob .address-details-card-header,
.sh-cart-details-page-desk .delivery-options-card-header,
.sh-cart-detail-page-mob .delivery-options-card-header,
.sh-cart-review-desk .payment-options-card-header,
.sh-cart-review-mob .payment-options-card-header,
.sh-cart-review-desk .delivery-address-info-header,
.sh-cart-review-mob .delivery-address-info-header,
.sh-cart-review-desk .shipping-options-header,
.sh-cart-review-mob .shipping-options-header {
  color: var(--zk-ink) !important;
  font-weight: 700 !important;
}

.sh-cart-details-page-desk .cart-items-section-heading::before,
.sh-cart-detail-page-mob .cart-items-section-heading::before,
.sh-cart-details-page-desk .cart-summary-section-heading::before,
.sh-cart-detail-page-mob .cart-summary-section-heading::before,
.sh-cart-details-page-desk .coupon-apply-section-heading::before,
.sh-cart-detail-page-mob .coupon-apply-section-heading::before,
.sh-cart-details-page-desk .address-details-card-header::before,
.sh-cart-detail-page-mob .address-details-card-header::before,
.sh-cart-details-page-desk .delivery-options-card-header::before,
.sh-cart-detail-page-mob .delivery-options-card-header::before,
.sh-cart-review-desk .payment-options-card-header::before,
.sh-cart-review-mob .payment-options-card-header::before,
.sh-cart-review-desk .delivery-address-info-header::before,
.sh-cart-review-mob .delivery-address-info-header::before {
  background: var(--zk-brand) !important;
  border-color: var(--zk-brand) !important;
}

/* Cart text */
.cart-item-primary,
.cart-item-text,
.cart-summary-label,
.cart-summary-value,
.cart-details-button-label,
.cart-review-button-label {
  color: var(--zk-ink) !important;
}

.cart-item-remove-txt,
.custom-info-card-action-btn,
.add-address-card-action-btn,
.coupon-apply-action-btn {
  color: var(--zk-brand-light) !important;
}

.cart-summary-savings-cont,
.cart-summary-delivery-savemsg,
.cart-summary-earn-cont {
  color: var(--zk-save) !important;
}

/* Coupon box */
.sh-cart-details-page-desk .cart-details-desktop-box.universal-border,
.sh-cart-detail-page-mob .cart-details-desktop-box.universal-border {
  background: var(--zk-panel) !important;
  border: 1px dashed var(--zk-brand) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

/* Address cards */
.address-card,
.address-details-card-box,
.delivery-address-info-box {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

.address,
.address-phone,
.address-details-card-address,
.delivery-address-info-address {
  color: var(--zk-ink) !important;
}

.address-details-card-note,
.payment-options-card-note,
.delivery-options-card-muted {
  color: var(--zk-muted) !important;
}

.address-details-card-checked,
.payment-options-card-checked,
.delivery-options-card-checked {
  color: var(--zk-brand) !important;
}

/* Delivery / shipping option */
.sh-shipping-option {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

.shipping-options-charge,
.payment-options-card-label,
.delivery-options-card-label {
  color: var(--zk-ink) !important;
  font-weight: 700 !important;
}

.shipping-options-desktop-time,
.payment-options-card-info {
  color: var(--zk-muted) !important;
}

.payment-options-card-saving {
  color: var(--zk-save) !important;
}

/* Wallet */
.wallet-apply-root,
.wallet-apply-card {
  background: var(--zk-panel) !important;
  border: 1px solid var(--zk-line-2) !important;
  border-radius: 10px !important;
  color: var(--zk-ink) !important;
}

.wallet-apply-value {
  color: var(--zk-ink) !important;
}

/* Checkout buttons */
.solid-button__btn,
.cart-details-button-root,
.cart-review-button-root,
.checkout-buttons-footer .solid-button__btn {
  background: var(--zk-brand) !important;
  color: var(--zk-on-brand) !important;
  border: 1.5px solid var(--zk-brand) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

.solid-button__btn:hover,
.cart-details-button-root:hover,
.cart-review-button-root:hover,
.checkout-buttons-footer .solid-button__btn:hover {
  background: var(--zk-brand-light) !important;
  border-color: var(--zk-brand-light) !important;
  color: var(--zk-on-brand) !important;
}

.outlined-button__btn,
.sh-outlined-button {
  background: transparent !important;
  color: var(--zk-brand-light) !important;
  border: 1.5px solid var(--zk-brand) !important;
  border-radius: 9px !important;
}

.outlined-button__btn:hover,
.sh-outlined-button:hover {
  background: rgba(240,128,0,.10) !important;
  color: var(--zk-brand-light) !important;
}

/* Mobile checkout footer */
.checkout-buttons-footer,
.checkout-input-btn-wrapper {
  background: var(--zk-chrome) !important;
  border-top: 1px solid var(--zk-line) !important;
}

/* ---------------------------------------------------------------------
   CHECKOUT INPUT / FORM CLASSES
   --------------------------------------------------------------------- */

.checkout-input-field-container,
.instructions-input-container {
  color: var(--zk-ink) !important;
}

.checkout-input-field-head,
.checkout-input-field-field,
.order-custom-fields-label,
.order-custom-fields-label-text {
  color: var(--zk-ink) !important;
}

.checkout-input-description,
.add-address-modal-note {
  color: var(--zk-muted) !important;
}

.instructions-input-text-field,
.order-custom-fields-select,
.MuiOutlinedInput-root {
  background: var(--zk-panel) !important;
  color: var(--zk-ink) !important;
  border-radius: 9px !important;
}

.MuiOutlinedInput-notchedOutline {
  border-color: var(--zk-line-2) !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--zk-brand) !important;
}

.MuiInputBase-input,
.MuiSelect-select,
.MuiInputLabel-root,
.MuiSelect-icon {
  color: var(--zk-ink) !important;
}

/* Address bottom sheet */
.bottom-sheet-body:has(.addressform-input-field) {
  background: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
}

.bottom-sheet-body:has(.addressform-input-field) .bottom-sheet-head {
  color: var(--zk-ink) !important;
}

.bottom-sheet-body:has(.addressform-input-field) .MuiInputBase-input,
.bottom-sheet-body:has(.addressform-input-field) .MuiSelect-select {
  color: var(--zk-ink) !important;
}

.bottom-sheet-body:has(.addressform-input-field) .MuiOutlinedInput-notchedOutline {
  border-color: var(--zk-line-2) !important;
}

/* Full page address form */
main:has(.addressform-input-field),
main:has(.addressform-field) {
  background: var(--zk-bg) !important;
  color: var(--zk-ink) !important;
}

main:has(.addressform-input-field) .fixed.bottom-0 {
  background: var(--zk-chrome) !important;
  border-top: 1px solid var(--zk-line) !important;
}

/* ---------------------------------------------------------------------
   PROFILE / ACCOUNT / ADDRESS CLASSES
   --------------------------------------------------------------------- */

.profile-details-layout,
.profile-details-form-card,
.address-card,
.order-details-card,
.orders-container {
  background: var(--zk-card) !important;
  color: var(--zk-ink) !important;
}

.profile-details-form-card,
.address-card,
.order-details-card {
  border: 1px solid var(--zk-line) !important;
  border-radius: 12px !important;
}

.desk-addresses-title,
.profile-review-card-title,
.profile-review-card-name {
  color: var(--zk-ink) !important;
}

.profile-review-card-subtext,
.profile-review-description {
  color: var(--zk-muted) !important;
}

.profile-review-card-delete,
.desk-deletebtn,
.desk-cancelbtn {
  color: #FF6A60 !important;
}

.address-editbtn {
  color: var(--zk-brand-light) !important;
}

/* ---------------------------------------------------------------------
   ORDER DETAILS
   --------------------------------------------------------------------- */

.sh-order-detail,
.order-items-root,
.order-list-item-root {
  background: var(--zk-bg) !important;
  color: var(--zk-ink) !important;
}

.order-items-root,
.order-details-card {
  border-color: var(--zk-line) !important;
}

.order-items-heading,
.payment-info-heading,
.shipping-info-heading,
.order-details-primary-txt,
.order-item-primary-txt,
.order-list-item-primarytxt {
  color: var(--zk-ink) !important;
}

.order-details-secondary-txt,
.order-list-item-secondarytxt,
.shipping-info-address,
.shipping-info-citystate-pin,
.shipping-info-landmark {
  color: var(--zk-muted) !important;
}

/* ---------------------------------------------------------------------
   REVIEWS
   --------------------------------------------------------------------- */

.product-review-root,
.product-review-list,
.reviews-and-rating-card,
.review-card-root,
.reviews-list-root {
  color: var(--zk-ink) !important;
}

.product-review-summary,
.review-card-root,
.reviews-and-rating-card {
  background: var(--zk-card) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 12px !important;
}

.product-review-heading,
.reviews-and-rating-heading,
.review-card-name,
.review-card-title,
.reviews-list-name,
.reviews-list-title {
  color: var(--zk-ink) !important;
}

.review-card-description,
.reviews-list-description,
.product-review-subtext,
.product-review-empty-subtext {
  color: var(--zk-muted) !important;
}

.front-star,
.rating-stars {
  color: var(--zk-brand) !important;
}

/* ---------------------------------------------------------------------
   FOOTER
   --------------------------------------------------------------------- */

.ft,
.footer,
.ftr,
.site-footer {
  background: var(--zk-chrome) !important;
  background-color: var(--zk-chrome) !important;
  color: #CFC8BD !important;
  border-top: 1px solid #262626 !important;
}
/* =========================================
   CART PREVIEW — FORCE BLACK TEXT
   ========================================= */

.cart-preview,
.cart-preview * {
  color: #000 !important;
}

/* Header */
.cart-preview-header h3,
.view-bag-link {
  color: #000 !important;
}

/* Product details */
.cart-preview-item h4,
.item-color,
.item-stock,
.text-black {
  color: #000 !important;
}

/* Remove icon */
.remove-item,
.remove-item svg {
  color: #000 !important;
  stroke: #000 !important;
}

/* Price */
.price-label,
.price-value {
  color: #000 !important;
}

/* Quantity */
.quantity-label {
  color: #000 !important;
}

.quantity-selector,
.pr-qty-cart {
  color: #000 !important;
}

.pr-plus-minus-button,
.sh-product-plus-minus-button,
.sh-product-plus-minus-button *,
.pr-plus-minus-button *,
.pr-plus-minus-button-icon-left,
.pr-plus-minus-button-text,
.pr-plus-minus-button-text span,
.pr-plus-minus-button-text-icon,
.pr-plus-minus-icon-right {
  color: #000 !important;
}

/* Total */
.total-label,
.total-value {
  color: #000 !important;
}

/* Footer */
.cart-preview-footer,
.cart-total,
.cart-total-label,
.cart-total-value {
  color: #000 !important;
}

/* Checkout button text */
.checkout-button {
  color: #000 !important;
}

/* SVG icons */
.cart-preview svg {
  color: #000 !important;
  stroke: #000 !important;
}
.ft h4,
.footer h4,
.ftr h4,
.site-footer h4 {
  color: #FFFFFF !important;
}

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

.ft a:hover,
.footer a:hover,
.ftr a:hover,
.site-footer a:hover {
  color: var(--zk-brand) !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-detail-grid {
    gap: 20px !important;
  }

  .product-info-container {
    padding: 16px !important;
  }

  .main-image-container {
    box-shadow: 6px 6px 0 rgba(240,128,0,.85) !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;
  }
}

/* END ZENZKART DARK — PYSN / LIVE SHOOPY CLASS COMPATIBILITY */
.sh-cart-details-page-desk h1 {
  color: #fff !important;
  font-weight: 600 !important;
}
.sh-cart-details-page-desk div[style*="position: sticky"][style*="bottom: 0px"] {
  background: #0D0C0B !important;
  background-color: #0D0C0B !important;
}
.product-card-info, .product-card-content, .sh-product-card-content {
    padding: 10px !important;
}
.md\:border-gray-200 ,.border-gray-200 {
    border-color: rgb(53 47 31);
}
.variant-field-label {
    
    color: #e2e5e8;
    margin-bottom: 0;
}
.product-filter-btn.MuiButton-root {
      color: white;
}
.truncate,.whitespace-nowrap {
    white-space: nowrap;
    color:#ff8800;
}
.text-gray-500 {
    color:#ff8800;
}
.border-gray-300 {
       border-color: rgb(53 47 31);
}
.bg-\[\#8B572A\] {
    background-color:#ff8800;
}
.text-gray-700
{
color:#fff !important;
}
.breadcrumb .current {
    color: rgb(165 161 161) !important;
    }
.store-info-value {
    color: #e5e5e5;
}
.store-info-label {
    color: #e5e5e5;
}
p.MuiTypography-body1 {
  color: #fff !important;
}
@media (max-width: 768px) {

  /* Add to Cart + Buy Now in one row */
  .action-buttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    width: 100% !important;
  }

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

  /* Mobile bottom bar */
  .mobile-bottom-bar {
    background-color: #1a1a1a !important;
  }
}
@media (max-width: 768px) {
  button[aria-label="Close mobile menu"] {
    color: #000 !important;
  }

  button[aria-label="Close mobile menu"] svg {
    color: #000 !important;
    stroke: #000 !important;
  }
}
.checkout-button-container
{
background-color: #1a1a1a !important;
}
.shop-all-link {
        padding: 9px 20px !important;
    border-radius: 12px !important;
}
.sx-story__in {
    padding-left: 12px;
    padding-right:12px;
}
.MuiFormControlLabel-root .sh-ftr-label{
  color: #000 !important;
} 
.MuiDrawer-paper .MuiTypography-body1{
   color: #000 !important;
}
.MuiTypography-root.MuiTypography-body1.price-filter-input-label {
  color: #000000 !important;
}