/* ============================================================================
   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: 0.72rem;
  letter-spacing: 0.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: 0.85rem;
  letter-spacing: 0.03em;
  padding: 13px 28px;
  border-radius: 10px;
  transition:
    filter 0.2s,
    transform 0.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: 0.88rem;
}
.sx-usp__d {
  margin: 2px 0 0;
  font-size: 0.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: 0.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: 0.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: 0.86rem;
}
.sx-tm__meta {
  font-size: 0.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: 0.72rem;
  letter-spacing: 0.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: 0.85rem;
  color: var(--brand-deep);
  white-space: nowrap;
}
.btn {
  display: inline-block;
  font-weight: 800;
  font-size: 0.88rem;
  letter-spacing: 0.02em;
  padding: 14px 28px;
  border-radius: 11px;
  transition:
    filter 0.2s,
    transform 0.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: 0.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: 0.01em;
}
.brand-chip__n em {
  font-style: normal;
  color: var(--brand);
}
.brand-chip__s {
  display: block;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #b9b0a4;
}
.hdr__nav {
  display: none;
  gap: 20px;
  font-size: 0.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: 0.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: 0.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: -0.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: 0.78rem;
  color: #e8e0d4;
  font-weight: 600;
}
.hero__trust > span {
  background: rgba(13, 12, 11, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.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 0.2s,
    transform 0.2s;
}
.cat:hover .cat__ic {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
  transform: translateY(-2px);
}
.cat__n {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  font-size: 0.9rem;
}
.cat__c {
  display: block;
  font-size: 0.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 0.2s,
    transform 0.2s;
}
.pc:hover {
  box-shadow: 0 12px 30px rgba(0, 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: 0.68rem;
  font-weight: 800;
  padding: 4px 9px;
  border-radius: 7px;
}
.pc__tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #1a1815;
  color: #fff;
  font-size: 0.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: 0.87rem;
  line-height: 1.35;
}
.pc__rate {
  font-size: 0.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: 0.8rem;
  text-decoration: line-through;
}
.pc__save {
  font-size: 0.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: 0.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: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.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: 0.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: 0.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: 0.95rem;
  margin-bottom: 12px;
}
.ft__col a {
  display: block;
  font-size: 0.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: 0.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: 0.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: 0.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, 0.1) !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: 0.855rem !important;
  font-weight: 600 !important;
  color: #e8e2d9 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  transition:
    color 0.18s ease,
    border-color 0.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: 0.88rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    filter 0.18s ease,
    transform 0.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 0.2s ease,
    transform 0.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, 0.55) !important;
}

.cat-card-title,
.sh-category-card-title {
  color: var(--zk-ink) !important;
  font-size: 0.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 0.2s ease,
    transform 0.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, 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: 0.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: 0.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: 0.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: 0.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: 0.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, 0.1) !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: 0.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: 0.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: 0.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, 0.1) !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 0.18s ease,
    box-shadow 0.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, 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: 0.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, 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, 0.1) !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, 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, 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: 0.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;
}

/* =====================================================================
   ZENZKART DARK — ACCOUNT SIDEBAR + PROFILE FIX
   The legacy account sidebar (.menu / .menu-item) ships white list rows
   with 18px gaps and NO container background, so the dark page shows
   through the gaps as black bars. The disabled profile inputs also fall
   back to a light (#fafafa) fill, leaving one stray white field on the
   dark card. Both are re-skinned for the dark theme below.
   ===================================================================== */

/* ---- Account "My Account" sidebar (legacy .menu markup) ---- */
.menu {
  background: var(--zk-card) !important;
  border: 16px solid var(--zk-line) !important;
}

.menu-head {
  border-bottom: 1px solid var(--zk-line) !important;
}

.menu-head .MuiTypography-root,
.menu-head p,
.menu-heading {
  color: var(--zk-ink) !important;
}

/* Kill the white rows: let each item blend into the dark card so the
   inter-item gaps no longer read as black bars. */
.menu-item {
  background: transparent !important;
}

.menu-item a {
  color: var(--zk-ink) !important;
}

.menu-item a:hover {
  color: var(--zk-brand-light) !important;
}

/* ---- Profile Details card — disabled / read-only inputs ---- */
.profile-details-form-card .MuiOutlinedInput-root,
.profile-details-input-field,
.profile-details-form-card .universal-input {
  background: var(--zk-panel) !important;
}

/* The universal disabled rule forces a light (#fafafa) fill on the inner
   <input>; clear it so the field shows the dark panel like its siblings. */
.profile-details-disabled-style input:disabled,
.profile-details-form-card input:disabled,
.profile-details-form-card .MuiInputBase-input.Mui-disabled {
  background: transparent !important;
  color: var(--zk-muted) !important;
  -webkit-text-fill-color: var(--zk-muted) !important;
}

.profile-details-input-label,
.profile-details-form-card .MuiInputLabel-root {
  color: var(--zk-muted) !important;
}

.profile-details-input,
.profile-details-form-card .MuiInputBase-input {
  color: var(--zk-ink) !important;
}

/* ---- Action row (Edit profile / Save) ----
   The button sits in an MUI <Box>, which the global `.MuiBox-root`
   background rule paints near-black — leaving a long dark bar beside the
   button. Make the row transparent so only the button shows, with a bit
   of top spacing. */
.profile-details-edit-section,
.profile-details-form-card .MuiBox-root.profile-details-edit-section,
.profile-details-btn-container,
.profile-details-form-card .MuiBox-root.profile-details-btn-container {
  background: transparent !important;
  padding-top: 4px !important;
}

.profile-details-edit-section,
.profile-details-form-card .MuiBox-root.profile-details-edit-section {
  margin-top: 24px !important;
}

/* =====================================================================
   ZENZKART DARK — ACCOUNT DROPDOWN (header popover)
   The popover items use Tailwind `hover:bg-gray-50` (near-white); on the
   dark panel with white text the hovered row (e.g. "My Account") turns
   into a white bar that swallows its label. Recolour hover + borders.
   ===================================================================== */
.account-popover .hover\:bg-gray-50:hover {
  background-color: var(--zk-panel) !important;
}

.account-popover .border-gray-100 {
  border-color: var(--zk-line) !important;
}

.account-popover .text-gray-800 {
  color: var(--zk-ink) !important;
}

/* =====================================================================
   ZENZKART DARK — CART REVIEW PAGE
   The review page cards use `.common-card-style` / `.cart-summary-root` /
   `.cart-items-*`, but the earlier cart rules only darkened `.custom-card`
   under `.sh-cart-review-desk`, so Bill Details, the item card and the CTA
   stayed white (with cream text rendering invisible on white). Cover the
   review-specific card classes, and neutralise the CTA's inline white bg.
   ===================================================================== */
.sh-cart-review-desk .common-card-style,
.sh-cart-review-mob .common-card-style,
.sh-cart-review-desk .cart-review-desktop-box,
.sh-cart-review-mob .cart-review-desktop-box,
.sh-cart-review-desk .cart-summary-root,
.sh-cart-review-mob .cart-summary-root,
.sh-cart-review-desk .cart-items-root,
.sh-cart-review-mob .cart-items-root,
.sh-cart-review-desk .cart-items-cart-items,
.sh-cart-review-mob .cart-items-cart-items {
  background: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border-color: var(--zk-line) !important;
  box-shadow: none !important;
}

/* Pay Now CTA container carries an inline background:#ffffff — a white
   band behind the button. `!important` overrides the inline value. */
.cart-review-sticky-cta,
.sh-cart-review-desk .cart-review-sticky-cta,
.sh-cart-review-mob .cart-review-sticky-cta {
  background: transparent !important;
  background-color: transparent !important;
}

/* =====================================================================
   ZENZKART DARK — APPLY-COUPON MODAL (CouponsList)
   The coupon sheet and its offer cards ship with light defaults, so the
   popup renders as a white panel with white cards. Re-skin for dark.
   ===================================================================== */
.coupons-list-modal,
.sh-cpn-modal,
.coupons-paper-list,
.sh-cpn {
  background: var(--zk-card) !important;
  background-color: var(--zk-card) !important;
  color: var(--zk-ink) !important;
  border-color: var(--zk-line) !important;
}

.coupons-list-list,
.sh-cpn-head,
.coupons-list-space-between {
  background: transparent !important;
}

.coupons-list-heading,
.sh-cpn-head .coupons-list-heading {
  color: var(--zk-ink) !important;
}

.sh-cpn-close,
.sh-cpn-close svg,
.sh-cpn-handle {
  color: var(--zk-ink) !important;
}

/* Individual offer cards */
.coupon-card-card {
  background: var(--zk-panel) !important;
  background-color: var(--zk-panel) !important;
  border: 1px solid var(--zk-line) !important;
  color: var(--zk-ink) !important;
  box-shadow: none !important;
}

.coupon-card-heading {
  color: var(--zk-ink) !important;
}

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

.coupon-card-description,
.coupons-list-login-info,
.sh-cpn-empty {
  color: var(--zk-muted) !important;
}

.coupon-card-action-btn {
  color: var(--zk-brand-light) !important;
}

.coupon-card-error {
  color: #ff6a60 !important;
}

/* Coupon input row */
.coupons-list-couponfield,
.coupons-list-couponfield .MuiOutlinedInput-root {
  background: var(--zk-panel) !important;
  color: var(--zk-ink) !important;
}
.sh-cart-review-desk .cart-review-sticky-cta, .sh-cart-review-desk div:has(> .cart-review-button-root) {
    background: var(--surface, #131719) !important;
    border-color: var(--line, rgba(255, 255, 255, 0.1)) !important;
}
.sh-cart-review-desk > .MuiGrid-item:first-child a, .sh-cart-review-mob > .MuiGrid-item:first-child a {
    color: #a8b2b9 !important;
    opacity: 1 !important;
}.sh-cart-review-desk > .MuiGrid-item:first-child h1, .sh-cart-review-mob > .MuiGrid-item:first-child h1 {
    color: #f2f4f5 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}
.profile-details-layout {
    padding:16px !important
}
.add-address-modal-container .MuiBox-root{
    background-color: transparent !important;
}
.bottom-sheet-head-ctn svg{
    stroke: #fff !important;
}