/* ═══════════════════════════════════════════════════════════════
   ZUBYDUBY — CREAM THEME (loaded last, overrides all dark styles)
   ═══════════════════════════════════════════════════════════════ */

/* ── Root variables ── */
:root {
  --cream:       #f9f7f3;
  --cream-dark:  #f0ede6;
  --cream-mid:   #ede8de;
  --white:       #ffffff;
  --text-dark:   #1a1a1a;
  --text-mid:    #444444;
  --text-soft:   #666666;
  --text-muted:  #999999;
  --gold:        #C9A048;
  --border:      #e2ddd5;
}

/* ══════════════════════════════════
   1. BODY & BASE
   ══════════════════════════════════ */
body {
  background: var(--cream) !important;
  color: var(--text-dark) !important;
}

/* ══════════════════════════════════
   2. SECTIONS — general content areas
   ══════════════════════════════════ */
.section { background: transparent !important; }
.inner-page { background: var(--cream) !important; }

/* Section titles */
.section-title h2 { color: var(--text-dark) !important; }
.section-title p, .section-title .sub { color: var(--text-soft) !important; }

/* ══════════════════════════════════
   3. BRAND STORY
   ══════════════════════════════════ */
.brand-story { background: var(--cream-dark) !important; }
.bs-headline { color: var(--text-dark) !important; }
.bs-desc { color: var(--text-mid) !important; }
.bs-tagline { color: rgba(160,120,50,0.75) !important; }
.bs-quote p { color: var(--text-soft) !important; }

/* ══════════════════════════════════
   4. FEATURED COLLECTION
   ══════════════════════════════════ */
.fc-section { background: var(--cream) !important; }
.fc-title { color: rgba(26,26,26,0.35) !important; }
.fc-filter {
  border-color: rgba(26,26,26,0.14) !important;
  color: rgba(26,26,26,0.45) !important;
  background: transparent !important;
}
.fc-filter.active {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
.fc-filter:hover:not(.active) {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
.fc-view-all { color: var(--gold) !important; }
.fc-label { background: var(--white) !important; }
.fc-lname { color: var(--text-dark) !important; }
.fc-lprice { color: var(--text-soft) !important; }

/* ══════════════════════════════════
   5. TESTIMONIALS — Dark Luxury (kept intentionally dark)
   ══════════════════════════════════ */
/* Section stays dark — rich dark gradient for depth */
.ts-section {
  background: linear-gradient(160deg, #0f0d08 0%, #0a0905 50%, #0e0b07 100%) !important;
  border-top: 3px solid rgba(201,160,72,0.45) !important;
}
.ts-section::before { opacity: 0.07 !important; }
.ts-section .section-title h2 { color: #ffffff !important; }
.ts-section .section-title span { color: #C9A048 !important; letter-spacing: 3px; }

/* Left featured panel */
.ts-hero {
  background: linear-gradient(145deg, #161208 0%, #0f0d09 100%) !important;
  border-top-color: rgba(201,160,72,0.25) !important;
}
/* Featured quote text */
.ts-slide-text { color: rgba(255,255,255,0.96) !important; }
.ts-slide-name { color: #ffffff !important; }
.ts-slide-meta { color: rgba(255,255,255,0.6) !important; }
.ts-slide-stars { color: #C9A048 !important; }
.ts-quote-bg { color: rgba(201,160,72,0.12) !important; }
.ts-slide-verified { color: #C9A048 !important; border-color: rgba(201,160,72,0.45) !important; }

/* Right panel */
.ts-right {
  background: linear-gradient(180deg, #0e0c08 0%, #0b0908 100%) !important;
  border-left-color: rgba(201,160,72,0.18) !important;
  border-top-color: rgba(201,160,72,0.22) !important;
}
.ts-right-label { color: #C9A048 !important; letter-spacing: 5px; }

/* Mini review cards — clearly readable */
.ts-card {
  background: rgba(201,160,72,0.05) !important;
  border-color: rgba(201,160,72,0.14) !important;
}
.ts-card:hover {
  background: rgba(201,160,72,0.1) !important;
  border-color: rgba(201,160,72,0.38) !important;
  box-shadow: 0 4px 20px rgba(201,160,72,0.1) !important;
}
.ts-card-name  { color: rgba(255,255,255,0.96) !important; }
.ts-card-text  { color: rgba(255,255,255,0.78) !important; }
.ts-card-stars { color: #C9A048 !important; }

/* Stats bar — clearly readable */
.ts-stats-bar {
  background: linear-gradient(90deg, #0c0a06 0%, #0e0c08 50%, #0c0a06 100%) !important;
  border-top-color: rgba(201,160,72,0.22) !important;
}
.ts-stat-num   { color: #ffffff !important; }
.ts-stat-lbl   { color: rgba(255,255,255,0.65) !important; }
.ts-stat-stars { color: #C9A048 !important; }
.ts-stat-base  { color: rgba(255,255,255,0.52) !important; }
.ts-stat-block { border-right-color: rgba(201,160,72,0.15) !important; }

/* CTA button — more visible */
.ts-cta {
  color: #C9A048 !important;
  border-color: rgba(201,160,72,0.7) !important;
}
.ts-cta:hover { background: #C9A048 !important; color: #0d0c09 !important; }

/* Navigation dots */
.ts-dot { background: rgba(201,160,72,0.2) !important; }
.ts-dot.active { background: #C9A048 !important; }

/* ══════════════════════════════════
   6. GALLERY SECTION
   ══════════════════════════════════ */
.gallery-section {
  background: linear-gradient(135deg, var(--cream-dark) 0%, var(--cream-mid) 100%) !important;
}
.section-header h2 { color: var(--text-dark) !important; }
.section-header p { color: var(--text-soft) !important; }

/* ══════════════════════════════════
   7. TRUST SECTION
   ══════════════════════════════════ */
.trust-section {
  background: var(--cream-mid) !important;
  border-top-color: var(--border) !important;
  border-bottom-color: var(--border) !important;
}
.content h3 { color: var(--text-dark) !important; }
.content p { color: var(--text-soft) !important; }
.icon-wrapper {
  background: var(--white) !important;
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
.trust-card:hover .icon-wrapper {
  background: var(--gold) !important;
  color: var(--white) !important;
}

/* ══════════════════════════════════
   8. PRODUCT CARDS (all pages)
   ══════════════════════════════════ */
.product-card, .rc {
  background: var(--white) !important;
  border-color: var(--border) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,0.06) !important;
}
.product-card:hover, .rc:hover {
  box-shadow: 0 10px 36px rgba(0,0,0,0.11) !important;
  border-color: rgba(201,160,72,0.3) !important;
}
.rc-img { background: var(--cream-dark) !important; }
.rc-name { color: var(--text-dark) !important; }
.rc-price { color: var(--text-dark) !important; }
.rc-mrp { color: var(--text-muted) !important; }
.rc-sz {
  border-color: var(--border) !important;
  color: var(--text-soft) !important;
  background: var(--cream) !important;
}
.rc-add {
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
.rc-add:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
.product-content h3 { color: var(--text-dark) !important; }
.price, .product-content .price { color: var(--text-dark) !important; }

/* ══════════════════════════════════
   9. CATEGORY PAGE ELEMENTS
   ══════════════════════════════════ */
/* Category sub-filter bar */
.subcat-bar {
  background: var(--white) !important;
  border-bottom-color: var(--border) !important;
}
.sc-pill {
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
  color: var(--text-soft) !important;
}
.sc-pill:hover, .sc-pill.active {
  background: rgba(201,160,72,0.1) !important;
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
/* Filter sidebar */
.filter-sidebar {
  background: var(--white) !important;
  border-color: var(--border) !important;
}
.fs-head { background: var(--cream-dark) !important; }
.fs-section { border-bottom-color: var(--border) !important; }
.fs-section h4 { color: var(--text-soft) !important; }
/* Price range */
.price-labels { color: var(--text-soft) !important; }
/* Color pills */
.clr-pill {
  background: var(--cream) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
.clr-pill:hover, .clr-pill.active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
/* Size pills */
.sz-pill {
  background: var(--cream) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
.sz-pill:hover, .sz-pill.active {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
/* Sort / topbar */
.results-topbar h2, .results-topbar h1 { color: var(--text-dark) !important; }
.results-count-text { color: var(--text-muted) !important; }
.sort-select {
  background: var(--white) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
/* View toggle */
.vt-btn {
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
  color: var(--text-soft) !important;
}
.vt-btn:hover, .vt-btn.active {
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}
/* Active filter chip */
.af-chip {
  background: rgba(201,160,72,0.1) !important;
  color: var(--gold) !important;
}
/* Empty state */
.state-box { color: var(--text-dark) !important; }
/* Mobile filter overlay */
.mob-filter-panel {
  background: var(--white) !important;
}

/* ══════════════════════════════════
   10. PRODUCT DETAIL PAGE
   ══════════════════════════════════ */
.pd-breadcrumb {
  background: var(--cream-dark) !important;
  border-bottom-color: var(--border) !important;
}
.pd-breadcrumb .container,
.pd-breadcrumb a { color: var(--text-soft) !important; }
.pd-breadcrumb a:hover { color: var(--gold) !important; }
.pd-breadcrumb .current { color: var(--text-dark) !important; }
/* Gallery */
.pd-main-img { background: var(--cream-dark) !important; }
.pd-thumb {
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
}
.pd-wish-btn {
  background: var(--white) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
  color: var(--text-muted) !important;
}
.pd-wish-btn:hover, .pd-wish-btn.active {
  color: var(--gold) !important;
  background: rgba(201,160,72,0.08) !important;
}
/* Details */
.pd-title { color: var(--text-dark) !important; }
.pd-price { color: var(--text-dark) !important; }
.pd-mrp { color: var(--text-muted) !important; }
.pd-tax { color: var(--text-muted) !important; }
.pd-divider { background: var(--border) !important; }
.pd-label { color: var(--text-soft) !important; }
.pd-rating-count, .pd-sold { color: var(--text-muted) !important; }
/* Size buttons */
.sz-btn {
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
.sz-btn:hover { border-color: var(--gold) !important; color: var(--gold) !important; }
.sz-btn.active {
  background: var(--text-dark) !important;
  border-color: var(--text-dark) !important;
  color: var(--white) !important;
}
.sz-btn.out-of-stock,
.sz-btn.oos {
  opacity: 0.35 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}
.sz-btn[disabled] {
  opacity: 0.35 !important;
  text-decoration: line-through !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
/* Description tabs */
.pd-tab-btn { color: var(--text-soft) !important; border-color: var(--border) !important; }
.pd-tab-btn.active { color: var(--text-dark) !important; border-color: var(--text-dark) !important; }
.pd-desc { color: var(--text-mid) !important; }
/* Feature bullets & care list — "dark theme overrides" in product.html uses rgba(255,…) which
   is invisible against the cream background; override with readable dark values */
.pd-desc-features li { color: var(--text-mid) !important; }
.care-list li {
  color: var(--text-soft) !important;
  background: var(--cream-dark) !important;
  border-color: var(--border) !important;
}
/* Trust pills */
.trust-pill { background: var(--cream-dark) !important; color: var(--text-soft) !important; }
/* Meta / share row */
.pd-meta { color: var(--text-soft) !important; }
.pd-share { color: var(--text-soft) !important; }
.pd-share a { background: var(--cream-dark) !important; color: var(--text-soft) !important; border: none !important; }
.pd-share a:hover { background: var(--gold) !important; color: #fff !important; }
/* Tabs section border */
.pd-tabs-section { background: var(--white) !important; border-top-color: var(--border) !important; }
.pd-tabs-nav { border-bottom-color: var(--border) !important; }
/* Qty controls */
.pd-qty { border-color: var(--border) !important; }
.pd-qty button { background: var(--cream-dark) !important; color: var(--text-dark) !important; }
/* Notify box */
.notify-box { background: var(--cream-dark) !important; border-color: var(--border) !important; }
.notify-box p { color: var(--text-mid) !important; }
.notify-input-row input {
  background: var(--white) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
/* Reviews tab */
.reviews-score p { color: var(--text-soft) !important; }
.rb-row { color: var(--text-soft) !important; }
.rb-track { background: var(--cream-dark) !important; }
.review-card { background: var(--white) !important; border-color: var(--border) !important; }
/* Related products heading */
.pd-related-title { color: var(--text-dark) !important; }

/* ══════════════════════════════════
   11. WISHLIST PAGE
   ══════════════════════════════════ */
.wl-page, .wishlist-page { background: var(--cream) !important; }
.wl-card {
  background: var(--white) !important;
  border-color: var(--border) !important;
}
.wl-name { color: var(--text-dark) !important; }
.wl-price { color: var(--text-dark) !important; }
.wl-mrp { color: var(--text-muted) !important; }
.wl-meta { color: var(--text-soft) !important; }

/* ══════════════════════════════════
   12. CART PAGE
   ══════════════════════════════════ */
.cart-page { background: var(--cream) !important; }
.cart-items-box, .cart-summary-box {
  background: var(--white) !important;
  border-color: var(--border) !important;
}
.cart-item { border-color: var(--border) !important; }
.cart-item-name { color: var(--text-dark) !important; }
.cart-item-price { color: var(--text-dark) !important; }
.cart-item-meta { color: var(--text-soft) !important; }
.summary-label { color: var(--text-soft) !important; }
.summary-value { color: var(--text-dark) !important; }

/* ══════════════════════════════════
   13. LOGIN / AUTH PAGES
   ══════════════════════════════════ */
.auth-page, .login-page { background: var(--cream) !important; }
.auth-card, .login-card {
  background: var(--white) !important;
  border-color: var(--border) !important;
}
.auth-title, .login-title { color: var(--text-dark) !important; }
.auth-sub, .login-sub { color: var(--text-soft) !important; }
.form-label { color: var(--text-dark) !important; }
.form-input {
  background: var(--cream) !important;
  border-color: var(--border) !important;
  color: var(--text-dark) !important;
}
.form-input:focus { border-color: var(--gold) !important; }
.form-input::placeholder { color: var(--text-muted) !important; }

/* ══════════════════════════════════
   14. CHECKOUT PAGE
   ══════════════════════════════════ */
.checkout-page { background: var(--cream) !important; }

/* ══════════════════════════════════
   15. BLOG PAGE
   ══════════════════════════════════ */
.blog-card {
  background: var(--white) !important;
  border-color: var(--border) !important;
}
.blog-title { color: var(--text-dark) !important; }
.blog-excerpt { color: var(--text-mid) !important; }

/* ══════════════════════════════════
   16. CONTACT PAGE
   ══════════════════════════════════ */
.ct-info { background: #f0ede6 !important; }
.ct-info-card { background: #ffffff !important; border-color: rgba(201,160,72,0.18) !important; box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important; }
.ct-info-card h3 { color: #1a1a1a !important; }
.ct-info-card p { color: #666 !important; }
.ct-info-card a { color: #C9A048 !important; }
.ct-form-box { background: #ffffff !important; border-color: rgba(201,160,72,0.15) !important; }
.ct-form-title { color: #1a1a1a !important; }
.ct-form-sub { color: #666 !important; }
.ct-field label { color: #888 !important; }
.ct-field input, .ct-field select, .ct-field textarea {
  background: #f9f7f3 !important; border-color: #e2ddd5 !important; color: #1a1a1a !important;
}
.ct-field select option { background: #fff !important; color: #1a1a1a !important; }
.ct-field input::placeholder, .ct-field textarea::placeholder { color: #bbb !important; }
/* Review section */
.rv-card { background: #ffffff !important; border-color: rgba(201,160,72,0.2) !important; }
.rv-title { color: #1a1a1a !important; }
.rv-sub { color: #666 !important; }
.rv-field label { color: #888 !important; }
.rv-field input, .rv-field textarea {
  background: #f9f7f3 !important; border-color: #e2ddd5 !important; color: #1a1a1a !important;
}
.rv-star { color: #ddd !important; cursor: pointer; }
.rv-star.active, .rv-star:hover { color: #C9A048 !important; }

/* ══════════════════════════════════
   16B. ABOUT US / B2B / POLICY PAGES
   ══════════════════════════════════ */
.about-section { background: var(--cream) !important; }
.team-card { background: var(--white) !important; border-color: var(--border) !important; }
.team-name { color: var(--text-dark) !important; }
.team-role { color: var(--text-soft) !important; }
.team-bio { color: var(--text-mid) !important; }

/* ══════════════════════════════════
   17. GENERIC TEXT FIXES
   ══════════════════════════════════ */
/* Headings that are on cream background but got white color */
h1:not(.hero h1):not(.offer-content h1) { color: var(--text-dark); }
h2:not(.hero h2):not(.offer-content h2):not(.newsletter h2):not(.footer h2) { color: var(--text-dark); }
h3:not(.footer h3):not(.category-overlay h3):not(.overlay h3):not(.ts-hero h3) { color: var(--text-dark); }
h4:not(.footer h4):not(.mega-col h4) { color: var(--text-dark); }

/* Paragraphs in light context */
p:not(.hero p):not(.offer-content p):not(.newsletter p):not(.footer-about):not(.ts-hero p):not(.ts-slide p):not(.quote-banner p) {
  color: var(--text-mid);
}

/* ══════════════════════════════════
   18. INPUTS & FORMS (global — light pages only)
   ══════════════════════════════════ */
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not(.search-box input):not(.nl-form input):not(.field input):not(.coupon-input):not(.dk-nl-input),
textarea,
select {
  background: var(--white) !important;
  color: var(--text-dark) !important;
  border-color: var(--border) !important;
}
input::placeholder, textarea::placeholder { color: var(--text-muted) !important; }
label:not(.footer label):not(.field label):not(.check-label) { color: var(--text-dark) !important; }

/* ══════════════════════════════════
   19. HERO SECTIONS — all text white/gold (override dark-text rules)
   ══════════════════════════════════ */

/* ── Homepage V3 hero (hero-v3) ── */
.hero-v3 { background-color: #0d0c09; }
/* Typography lines */
.hv3-line1 { color: transparent !important; }
.hv3-line2 { color: #ffffff !important; }
.hv3-line3 { color: transparent !important; -webkit-text-stroke-color: #C9A048 !important; }
/* Subinfo text */
.hv3-sub1 { color: rgba(255,255,255,0.65) !important; }
.hv3-sub2 { color: rgba(255,255,255,0.32) !important; }
/* Buttons */
.hv3-btn-primary {
  background: #C9A048 !important;
  color: #0d0c09 !important;
  border-color: #C9A048 !important;
}
.hv3-btn-primary:hover { background: transparent !important; color: #C9A048 !important; }
.hv3-btn-secondary {
  color: rgba(255,255,255,0.8) !important;
  border-color: rgba(255,255,255,0.3) !important;
  background: transparent !important;
}
.hv3-btn-secondary:hover { color: #fff !important; border-color: rgba(255,255,255,0.7) !important; }
/* Stats */
.hv3-stat-num { color: #fff !important; }
.hv3-stat-gold { color: #C9A048 !important; }
.hv3-stat-lbl { color: rgba(255,255,255,0.38) !important; }
/* Trust icons inside hero */
.hv3-ti span { color: rgba(255,255,255,0.38) !important; }
/* Slide overlay stays dark */
.hv3-slide-overlay { background: rgba(10,8,5,0.52) !important; }
/* Content padding — centre content in the visible area (below fixed header).
   padding-top = header + 80  AND  padding-bottom = 80  makes justify-content:center
   place the content midpoint at the exact visual centre of the hero. */
.hv3-content {
  padding-top: calc(var(--hdr-total, 160px) + 80px) !important;
  padding-bottom: 80px !important;
  overflow: visible !important;
}

/* Wide desktop (≥992px): cap headline sizes so neither "WHAT SETS" nor "YOU APART."
   can wrap inside the 732px content box (860px max-width − 64px×2 side padding).
   At 10rem the text is ~840px wide — 108px too wide. Capping at 7rem (112px) gives
   a safe 80px margin on each side before wrapping can occur. */
@media (min-width: 992px) {
  .hv3-line2 { font-size: clamp(4.2rem, 7.5vw, 7rem) !important; }
  .hv3-line3 { font-size: clamp(3.4rem, 6.5vw, 7rem) !important; }
}

/* Shorter screens (≤800 px tall — e.g. 1366×768 laptops):
   scale the giant headline down so buttons stay comfortably above the fold.
   Declared AFTER min-width:992px so it wins when BOTH queries apply. */
@media (max-height: 800px) {
  .hv3-line1 { font-size: clamp(2.4rem, 5.2vw, 5.8rem) !important; }
  .hv3-line2 { font-size: clamp(2.8rem, 6vw,  6.8rem) !important; }
  .hv3-line3 { font-size: clamp(2.2rem, 4.8vw, 5.5rem) !important; }
  .hv3-typo  { gap: 0 !important; }
  .hv3-subinfo { margin-bottom: 24px !important; }
}

/* ── About Us hero (au-hero) ── */
.au-hero h1 { color: #ffffff !important; }
.au-hero h1 em { color: #C9A048 !important; }
.au-hero p { color: rgba(255,255,255,0.65) !important; }
.au-eyebrow { color: #C9A048 !important; }
.au-breadcrumb { color: rgba(255,255,255,0.45) !important; }
.au-breadcrumb a { color: rgba(255,255,255,0.45) !important; }
.au-btn-gold { background: #C9A048 !important; color: #fff !important; }
.au-btn-ghost { color: rgba(255,255,255,0.8) !important; border-color: rgba(255,255,255,0.3) !important; }

/* ── Contact hero (ct-hero) ── */
.ct-hero h1 { color: #ffffff !important; }
.ct-hero h1 em { color: #C9A048 !important; display: block !important; }
.ct-hero p { color: rgba(255,255,255,0.72) !important; }
.ct-eyebrow { color: #C9A048 !important; }
.ct-breadcrumb { color: rgba(255,255,255,0.45) !important; }
.ct-breadcrumb a { color: rgba(255,255,255,0.45) !important; }

/* ── Category hero (cat-hero) ── */
.cat-hero { background: #0a0a0a !important; }
.cat-hero-inner h1, .cat-hero-inner h2 { color: #ffffff !important; }
.cat-hero-inner p, .cat-hero-inner .cat-count { color: rgba(255,255,255,0.6) !important; }
.cat-hero-crumb { color: rgba(255,255,255,0.35) !important; }
.cat-hero-title { color: #ffffff !important; }
.cat-hero-title span { color: #C9A048 !important; }
.cat-hero-sub { color: rgba(255,255,255,0.5) !important; }
.cat-hero-stat strong { color: #ffffff !important; }
.cat-hero-stat span { color: rgba(255,255,255,0.4) !important; }

/* ── Old hero (hero class) ── */
.hero h1 { color: #fff !important; }
.hero p { color: #ddd !important; }
.hero .hero-subtitle { color: var(--gold) !important; }

/* Old newsletter class */
.newsletter { background: var(--cream-dark) !important; }
.newsletter h2 { color: var(--text-dark) !important; }
.newsletter p { color: var(--text-soft) !important; }

/* ── New NL Section (Be The First To Know) ── */
.nl-section {
  background: var(--cream) !important;
  padding: 60px 40px !important;
}
.nl-wrap {
  background: var(--white) !important;
  border: 1px solid rgba(201,160,72,0.25) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 2px 12px rgba(201,160,72,0.06) !important;
}
.nl-eyebrow { color: #C9A048 !important; }
.nl-title { color: #1a1a1a !important; }
.nl-section h2 { color: #1a1a1a !important; }
.nl-desc { color: #666666 !important; }
.nl-section p { color: #666666 !important; }
.nl-form {
  border: 1.5px solid #e2ddd5 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.nl-form input {
  background: #f9f7f3 !important;
  color: #1a1a1a !important;
  border: none !important;
}
.nl-form input::placeholder { color: #aaaaaa !important; }
.nl-form button {
  background: #C9A048 !important;
  color: #fff !important;
}
.nl-form button:hover { background: #b8903d !important; }
.nl-perk-title { color: #1a1a1a !important; }
.nl-perk-sub { color: #666666 !important; }
.nl-perk-icon { stroke: #C9A048 !important; }
.nl-panel + .nl-panel { border-left-color: rgba(0,0,0,0.15) !important; }

/* ── Newsletter mobile responsive — cream-theme padding override fix ── */
@media (max-width: 640px) {
  .nl-section { padding: 40px 16px !important; }
  .nl-left { padding: 28px 20px !important; }
  .nl-wrap { border-radius: 0 !important; }
}
@media (max-width: 420px) {
  .nl-section { padding: 28px 10px !important; }
  .nl-left { padding: 22px 14px !important; }
  .nl-title { font-size: clamp(1.4rem, 6vw, 1.9rem) !important; }
  /* Stack subscribe button below email input on very small screens */
  .nl-form { flex-wrap: wrap !important; border-radius: 6px !important; }
  .nl-form input {
    width: 100% !important;
    flex-basis: 100% !important;
    border-radius: 4px 4px 0 0 !important;
    border-bottom: 1px solid #e2ddd5 !important;
  }
  .nl-form button {
    width: 100% !important;
    justify-content: center !important;
    border-radius: 0 0 4px 4px !important;
  }
}

/* Offer banner */
.offer-banner, .offer-content { background: #0f0f0f !important; }
.offer-content h2 { color: #fff !important; }
.offer-content p { color: #bbb !important; }

/* Stats section (has bg image) */
.stats-section { background: #0d0c09 !important; }
.stats-title, .counter { color: #fff !important; }
.stat-hindi { color: #C9A048 !important; }
.stat-en    { color: rgba(255,255,255,0.6) !important; }

/* Testimonial featured panel (left dark side) */
.ts-hero { background: #111009 !important; }
.ts-slide-text { color: rgba(255,255,255,0.88) !important; }
.ts-name { color: #fff !important; }
.ts-loc { color: rgba(255,255,255,0.5) !important; }

/* Footer */
.footer { background: #0f0f0f !important; color: #fff !important; }
.footer-col h3 { color: #fff !important; }
.footer-about, .footer-links a, .footer-contact li { color: #9a9a9a !important; }
.footer-links a:hover { color: var(--gold) !important; }
.footer-bottom { color: #666 !important; border-color: rgba(255,255,255,0.07) !important; }

/* ══════════════════════════════════════════════════════
   HEADER — Bright White, clearly visible on all pages
   ══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   HEADER — Bright White (override all hero-overlay dark rules)
   Using SAME high-specificity selectors as style.css to win
   ═══════════════════════════════════════════════════════════ */

/* ── HDR-TOP always white ── */
.hdr-top {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e3d8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}
/* Override hero-overlay transparent hdr-top */
.header.hero-overlay:not(.active) .hdr-top {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e3d8 !important;
}
.header.hero-overlay.active .hdr-top {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e3d8 !important;
}

/* ── LOGO — dark logo always ── */
.hdr-top-inner .logo .white-logo { display: none  !important; }
.hdr-top-inner .logo .dark-logo  { display: block !important; }
.header.hero-overlay:not(.active) .hdr-top-inner .logo .white-logo { display: none  !important; }
.header.hero-overlay:not(.active) .hdr-top-inner .logo .dark-logo  { display: block !important; }

/* ── SEARCH BAR — visible on white ── */
.header-search {
  background: #f5f2ed !important;
  border: 1.5px solid #ddd8ce !important;
  border-radius: 8px !important;
}
.header-search:focus-within {
  border-color: #C9A048 !important;
  box-shadow: 0 0 0 3px rgba(201,160,72,0.1) !important;
}
.header-search input { color: #1a1a1a !important; }
.header-search input::placeholder { color: #aaa !important; }
.header-search > i { color: #999 !important; }
/* Override hero-overlay transparent search */
.header.hero-overlay:not(.active) .header-search {
  background: #f5f2ed !important;
  border: 1.5px solid #ddd8ce !important;
}
.header.hero-overlay:not(.active) .header-search input { color: #1a1a1a !important; }
.header.hero-overlay:not(.active) .header-search input::placeholder { color: #aaa !important; }
.header.hero-overlay:not(.active) .header-search i { color: #999 !important; }

/* ── ICONS — dark on white ── */
.hdr-icons a { color: #1a1a1a !important; }
.hdr-icons a:hover { color: #C9A048 !important; }
.hdr-badge { background: #C9A048 !important; color: #fff !important; }
/* Override hero-overlay white icons */
.header.hero-overlay:not(.active) .hdr-icons a { color: #1a1a1a !important; }
.header.hero-overlay:not(.active) .hdr-icons a:hover { color: #C9A048 !important; }
.header.hero-overlay:not(.active) .hdr-badge { background: #C9A048 !important; color: #fff !important; }

/* ── MOBILE HAMBURGER — dark ── */
.header.hero-overlay:not(.active) #menuIcon i { color: #1a1a1a !important; }
#menuIcon { color: #1a1a1a !important; }
.mobile-toggle-logo { color: #1a1a1a !important; }
.menu-open { background: #fff !important; }

/* ── MOBILE top-bar: cream/white theme ──
   style.css @media(max-width:991px) forces .hdr-top-inner to #0d0c09 (dark).
   These overrides restore the cream look on mobile to match desktop. */
@media (max-width: 991px) {
  .hdr-top-inner {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e3d8 !important;
  }
  .hdr-top-inner .hdr-icons a { color: #1a1a1a !important; }
  .hdr-top-inner .hdr-icons a:hover { color: #C9A048 !important; }
  .hdr-top-inner .hdr-badge { background: #C9A048 !important; color: #fff !important; }
  #menuIcon { color: #1a1a1a !important; }
  #menuIcon:hover,
  #menuIcon:active { color: #C9A048 !important; background: rgba(201,160,72,0.1) !important; }
  /* Logo is a dark image — remove the brightness(10) white-wash filter */
  .mobile-toggle-logo img,
  .hdr-top-inner .mobile-toggle-logo img { filter: none !important; }

  /* Nav DRAWER stays dark (#141210) — restore white text that the global
     cream-theme .hdr-nav .nav-links color:#2a2a2a rule was overriding */
  .hdr-nav .nav-links > li > a,
  .nav-links > li > a {
    color: rgba(255,255,255,0.9) !important;
    background: transparent !important;
  }
  .hdr-nav .nav-links > li > a:hover,
  .nav-links > li > a:hover {
    color: #C9A048 !important;
    background: rgba(201,160,72,0.08) !important;
    padding-left: 28px !important;
  }
  .nav-links > li > a.nav-hot { color: #C9A048 !important; font-weight: 700 !important; }
  .nav-arr { display: none !important; }
  .nav-links .nav-auth-item a {
    color: rgba(255,255,255,0.9) !important;
  }
  .nav-links .nav-auth-item a:hover {
    color: #C9A048 !important;
    background: rgba(201,160,72,0.08) !important;
    padding-left: 28px !important;
  }
  /* When nav drawer is open, .mobile-toggle gets background:#0f0f0f — X icon needs to be light */
  .header.menu-open #menuIcon { color: #fff !important; }
  .header.menu-open #menuIcon:hover { color: #C9A048 !important; }

  /* Suppress old CSS ::before "MENU" — real close bar is injected by JS openNav() */
  .nav-links::before { content: none !important; display: none !important; }

  /* Injected close bar styles ---------------------------------------- */
  #nav-close-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 20px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    list-style: none !important;
    margin: 0 !important;
  }
  .nav-drawer-label {
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.55) !important;
    text-transform: uppercase !important;
  }
  .nav-drawer-close {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
  }
  .nav-drawer-close:hover { color: #C9A048 !important; }
}

/* ── HDR-NAV ROW — cream ── */
.hdr-nav {
  background: #f4f0e8 !important;
  border-bottom: 1px solid #e2ddd5 !important;
}
.hdr-nav .nav-links > li > a { color: #2a2a2a !important; font-weight: 600 !important; }
.hdr-nav .nav-links > li > a:hover { color: #C9A048 !important; border-bottom-color: #C9A048 !important; }
.hdr-nav .nav-links li a.nav-hot { color: #C9A048 !important; }
.hdr-nav .nav-links li a.nav-hot::before { background: #C9A048 !important; color: #fff !important; }
/* Nav arrows */
.nav-arr { color: #888 !important; }

/* ── DROPDOWNS ── */
.submenu, .submenu-two {
  background: #fff !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}
.submenu li a, .submenu-two li a { color: #1a1a1a !important; }
.submenu li:hover > a, .submenu-two li:hover > a { color: #C9A048 !important; background: #faf7f2 !important; }

/* ── ANNOUNCE BAR — gold strip ── */
.announce-bar {
  background: #C9A048 !important;
  border-top: 1px solid rgba(0,0,0,0.1) !important;
}
.header.hero-overlay:not(.active) .announce-bar { background: #C9A048 !important; }
.announce-track > span { color: #fff !important; font-weight: 700 !important; }
.announce-track > .a-sep { color: rgba(255,255,255,0.5) !important; }

/* ── BADGES (old style fallback) ── */
.cart-badge, .wish-badge { background: #C9A048 !important; color: #fff !important; }

/* ── OLD SEARCH-BOX (few pages use this) ── */
.search-box {
  background: #f5f2ed !important;
  border-bottom: 1.5px solid #ddd8ce !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
}
.search-box input { background: transparent !important; color: #1a1a1a !important; border: none !important; }
.search-box input::placeholder { color: #aaa !important; }
.search-box button { color: #888 !important; }

/* ══════════════════════════════════════════════════════
   HEADER SPACING — CSS fallbacks (JS in js.js sets exact values)
   hdr-top(68) + hdr-nav(42) + announce(34) = 144px
   ══════════════════════════════════════════════════════ */
:root { --hdr-total: 144px; }

/* Hero sections — CSS fallback padding */
.cat-hero { padding-top: 168px; }
.ct-hero  { padding-top: 168px; }
.au-hero  { padding-top: 168px; }
.wl-hero  { padding-top: 160px; }

/* Non-hero pages */
.cart-page      { padding-top: var(--hdr-total); }
.wishlist-page  { padding-top: var(--hdr-total); }
.orders-page    { padding-top: var(--hdr-total); }
.profile-page   { padding-top: var(--hdr-total); }
.returns-page   { padding-top: var(--hdr-total); }
.checkout-page  { padding-top: var(--hdr-total); }
.gc-page        { padding-top: var(--hdr-total); }
.blog-section   { padding-top: var(--hdr-total); }
.policy-section { padding-top: var(--hdr-total); }
.b2b-section    { padding-top: var(--hdr-total); }
.error-page     { padding-top: var(--hdr-total); }
.pd-breadcrumb  { margin-top: var(--hdr-total); }
.auth-card      { margin-top: 160px; }

/* ══════════════════════════════════
   ADD TO CART BUTTONS — full fix (all variants, all pages)
   ══════════════════════════════════ */

/* ── Featured collection hover card button (fc-hadd) ── */
/* fc-hadd also has cart-btn class which has rotate on hover — override completely */
.fc-hadd,
.fc-hadd.cart-btn {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  padding: 10px 12px !important;
  letter-spacing: 1px !important;
  font-size: 9.5px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-radius: 4px !important;        /* NOT circular */
  transform: none !important;           /* NO rotation */
  writing-mode: horizontal-tb !important; /* always horizontal text */
}
.fc-hadd:hover,
.fc-hadd.cart-btn:hover {
  transform: none !important;           /* override rotate(90deg) from cart-btn:hover */
  background: #C9A048 !important;
  color: #fff !important;
}
/* Prevent hover panel from letting button overflow */
.fc-hover {
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* ── Round cart button (icon only) ── */
.cart-btn {
  background: #1a1a1a !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
.cart-btn:hover { background: #C9A048 !important; color: #fff !important; }

/* ── Full-width text Add to Cart button ── */
.add-to-cart {
  width: 100% !important;
  background: #1a1a1a !important;
  color: #fff !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
.add-to-cart:hover { background: #C9A048 !important; }

/* ══════════════════════════════════
   CART PAGE — Empty state + full fix
   ══════════════════════════════════ */
.empty-state {
  background: #ffffff !important;
  border: 1.5px solid #e8e3d8 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
}
.empty-state .empty-icon { color: #ddd8ce !important; }
.empty-state h2 { color: #1a1a1a !important; }
.empty-state p  { color: #888 !important; }

/* Ship bar on cart page */
.ship-bar { background: #fff !important; border-color: rgba(201,160,72,0.2) !important; }
.ship-bar-header { color: #1a1a1a !important; }
.ship-bar-note  { color: #999 !important; }

/* ══════════════════════════════════
   PRODUCT CARDS — Image area fix (broken/missing image shows cream)
   ══════════════════════════════════ */
.rc-img,
.rc .rc-img,
.product-image,
.wl-img-wrap,
.pd-main-img,
.pd-thumb {
  background: #f0ede6 !important;
}
/* Ensure image elements are visible */
.rc-img img,
.product-image img {
  display: block !important;
  min-height: 160px !important;
}

/* ══════════════════════════════════
   WISHLIST PAGE — Layout fix
   ══════════════════════════════════ */
.wishlist-page {
  background: #f9f7f3 !important;
  /* padding-top set by JS to exact header height */
}
/* Wishlist hero — dark, full visibility */
.wl-hero {
  background: linear-gradient(135deg, #0a0a0a 60%, #1a060a) !important;
  padding-top: 36px !important;
  padding-bottom: 34px !important;
  min-height: auto !important;
}
.wl-hero-text h2 { color: #fff !important; font-weight: 800 !important; }
.wl-hero-text p  { color: rgba(255,255,255,0.55) !important; }
/* Buttons in wl-hero */
.wh-btn { font-size: 12.5px !important; padding: 10px 18px !important; }
.wh-btn.wh-ghost   { color: rgba(255,255,255,0.7) !important; border-color: rgba(255,255,255,0.2) !important; background: transparent !important; }
.wh-btn.wh-outline { color: rgba(255,255,255,0.7) !important; border-color: rgba(255,255,255,0.2) !important; background: transparent !important; }
.wh-btn.wh-outline:hover { border-color: #C9A048 !important; color: #C9A048 !important; }
.wh-btn.wh-red { background: #C9A048 !important; color: #fff !important; }
.wh-btn.wh-red:hover { background: #b8903d !important; }

/* Content area below hero */
.wishlist-page > .container {
  padding-top: 24px !important;
}
/* Wishlist empty state */
.wl-empty h3   { color: #1a1a1a !important; }
.wl-empty p    { color: #888 !important; }
.wl-empty-icon { color: #d4cdc4 !important; }
.wl-shop-btn   { background: #1a1a1a !important; color: #fff !important; }
.wl-shop-btn:hover { background: #C9A048 !important; }
/* Wishlist cards */
.wl-card { background: #fff !important; border-color: #e8e3d8 !important; box-shadow: 0 2px 14px rgba(0,0,0,0.06) !important; }
.wl-name   { color: #1a1a1a !important; }
.wl-price  { color: #1a1a1a !important; }
.wl-mrp    { color: #aaa !important; }
.wl-meta   { color: #888 !important; }
/* Toolbar */
.wl-count strong { color: #1a1a1a !important; }
.wl-count        { color: #888 !important; }
/* Recently viewed heading */
.rel-section-title { color: #1a1a1a !important; }
/* Cart page related product grid */
.rel-add {
  background: #f0ede6 !important;
  color: #1a1a1a !important;
  border: 1px solid #e2ddd5 !important;
}
.rel-add:hover { background: #C9A048 !important; color: #fff !important; border-color: #C9A048 !important; }
.rel-card { background: #fff !important; border-color: #e2ddd5 !important; }
.rel-name  { color: #1a1a1a !important; }
.rel-price { color: #1a1a1a !important; }
.rel-mrp   { color: #aaa !important; }

/* ── Listing page add button (rc-add) ── */
.rc-add {
  width: 100% !important;
  max-width: 100% !important;
  padding: 9px 8px !important;
  font-size: 10px !important;
  letter-spacing: 0.8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
.rc-add:hover { background: #C9A048 !important; border-color: #C9A048 !important; color: #fff !important; }

/* ── Product card button override (dark pages) ── */
.product-card .cart-btn {
  background: #1a1a1a !important;
  color: #fff !important;
}
.product-card .cart-btn:hover { background: #C9A048 !important; }

/* ══════════════════════════════════
   20. SCROLLBAR (cream style)
   ══════════════════════════════════ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--cream-dark); }
::-webkit-scrollbar-thumb { background: #c9b88a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* ══════════════════════════════════
   21. CART PAGE — DETAILED
   ══════════════════════════════════ */
.page-title { color: var(--text-dark) !important; }
.page-sub { color: var(--text-soft) !important; }
.ship-bar { background: var(--white) !important; border-color: var(--border) !important; }
.ship-bar-header { color: var(--text-dark) !important; }
.ship-bar-track { background: var(--border) !important; }
.ship-bar-note { color: var(--text-muted) !important; }
.ship-bar-note.free { color: var(--gold) !important; }
.cart-items-box { background: var(--white) !important; border-color: var(--border) !important; }
.cart-items-head { border-bottom-color: var(--border) !important; }
.cart-items-head span { color: var(--text-dark) !important; }
.clear-cart-btn { color: var(--text-muted) !important; }
.cart-item { border-bottom-color: var(--border) !important; }
.cart-item-img { background: var(--cream-dark) !important; }
.cart-item-name { color: var(--text-dark) !important; }
.cart-item-price { color: var(--text-dark) !important; }
.cart-item-mrp { color: var(--text-muted) !important; }
.cart-item-total { color: var(--gold) !important; }
.ci-badge { background: var(--cream-dark) !important; color: var(--text-soft) !important; }
.ci-remove { color: var(--text-muted) !important; }
.qty-ctrl { border-color: var(--border) !important; }
.qty-btn { background: var(--cream-dark) !important; color: var(--text-dark) !important; }
.qty-btn:hover { background: var(--gold) !important; color: #fff !important; }
.qty-num { background: var(--white) !important; color: var(--text-dark) !important; border-color: var(--border) !important; }
.continue-link { color: var(--text-soft) !important; }
.continue-link:hover { color: var(--gold) !important; }
.cart-summary { background: var(--white) !important; border-color: var(--border) !important; color: var(--text-dark) !important; }
.summary-title { color: var(--text-dark) !important; }
.s-row .label { color: var(--text-soft) !important; }
.s-row .val { color: var(--text-dark) !important; }
.s-divider { border-top-color: var(--border) !important; }
.s-total { color: var(--text-dark) !important; }
.coupon-wrap { border-top-color: var(--border) !important; }
.coupon-label { color: var(--text-muted) !important; }
.coupon-input { background: var(--cream) !important; border-color: var(--border) !important; color: var(--text-dark) !important; }
/* Cart header stays dark */
.cart-header { background: #111009 !important; }
.ch-step { color: rgba(255,255,255,0.28) !important; }
.ch-step.active { color: #fff !important; }
.ch-step.done { color: var(--gold) !important; }
.ch-back { color: rgba(255,255,255,0.4) !important; }
.ch-back:hover { color: var(--gold) !important; }

/* ══════════════════════════════════
   22. LOGIN / SIGNUP PAGE — COMPLETE FIX
   ══════════════════════════════════ */
/* Card → white */
.auth-card {
  background: #ffffff !important;
  border-color: rgba(201,160,72,0.2) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.25) !important;
}
/* Brand strip inside card → keep dark for logo visibility */
.card-brand {
  background: #1a1a1a !important;
}
.card-brand-tagline { color: rgba(255,255,255,0.55) !important; }
/* Logo in card-brand — white-logo.png already white, remove wrong filter */
.card-brand img {
  filter: none !important;
  height: 44px !important;
  width: auto !important;
  object-fit: contain !important;
}
/* Card body → white */
.card-body { background: #ffffff !important; }
/* Tabs */
.tabs {
  background: #f0ede6 !important;
  border-radius: 10px !important;
}
.tab-btn { color: #999 !important; }
.tab-btn.active {
  background: #ffffff !important;
  color: #C9A048 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important;
}
/* Form text */
.form-title { color: #1a1a1a !important; }
.form-sub { color: #777 !important; }
/* Field labels */
.field label { color: #888 !important; }
/* Inputs */
.field input {
  background: #f9f7f3 !important;
  color: #1a1a1a !important;
  border-color: #e2ddd5 !important;
}
.field input::placeholder { color: #bbb !important; }
.field input:focus {
  border-color: #C9A048 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(201,160,72,0.1) !important;
}
/* Eye toggle button */
.eye-btn { color: #aaa !important; }
.eye-btn:hover { color: #555 !important; }
/* Remember me checkbox label */
.check-label { color: #666 !important; }
/* Submit button → dark with white text */
.submit-btn {
  background: #1a1a1a !important;
  color: #ffffff !important;
}
.submit-btn:hover:not(:disabled) {
  background: #C9A048 !important;
  color: #ffffff !important;
}
.submit-btn:disabled {
  background: #ddd !important;
  color: #aaa !important;
}
/* Google / social buttons */
.social-btn {
  background: #f5f5f5 !important;
  color: #1a1a1a !important;
  border-color: #e2ddd5 !important;
}
/* Switch line & back link */
.switch-line { color: #888 !important; }
.switch-line a { color: #C9A048 !important; }
.back-link { color: #999 !important; }
.back-link:hover { color: #1a1a1a !important; }
.secure-item { color: #aaa !important; }
.secure-item i { color: #bbb !important; }
/* Alerts */
.alert { background: #f9f7f3 !important; }
/* Forgot password link */
.forgot-link { color: #C9A048 !important; }
/* Divider text */
.or-divider, .divider-text { color: #aaa !important; }
.divider-line { background: #e2ddd5 !important; }
/* Login page body stays with bg image (don't change) */
.bg-image { z-index: 0 !important; }
.bg-overlay { z-index: 1 !important; }

/* ══════════════════════════════════
   23. BLOG PAGE
   ══════════════════════════════════ */
.blog-card { background: var(--white) !important; border-color: var(--border) !important; }
.blog-card-title { color: var(--text-dark) !important; }
.blog-card-excerpt { color: var(--text-mid) !important; }
.blog-card-meta { color: var(--text-soft) !important; }
.blog-article-body h1,
.blog-article-body h2,
.blog-article-body h3 { color: var(--text-dark) !important; }
.blog-article-body p { color: var(--text-mid) !important; }
/* Removed .quote-text and .quote-author overrides to preserve dark banner visibility */

/* ══════════════════════════════════
   24. GIFT CARDS PAGE
   ══════════════════════════════════ */
.gc-form-section { background: var(--white) !important; border-color: var(--border) !important; }
.gc-section-title { color: var(--text-dark) !important; }
.gc-amount-btn { background: var(--cream-dark) !important; border-color: var(--border) !important; color: var(--text-dark) !important; }
.gc-amount-btn.active { background: var(--gold) !important; color: #fff !important; border-color: var(--gold) !important; }

/* ══════════════════════════════════
   25. ADMIN PAGE (keep dark)
   ══════════════════════════════════ */
.admin-sidebar { background: #111 !important; color: #fff !important; }
.admin-nav-link { color: rgba(255,255,255,0.6) !important; }
.admin-nav-link.active { color: #fff !important; background: rgba(201,160,72,0.1) !important; }

/* ══════════════════════════════════
   26. WISHLIST HERO (stays dark)
   ══════════════════════════════════ */
.wl-hero { background: linear-gradient(135deg, #0a0a0a 60%, #1a060a) !important; }
.wl-hero-text h2 { color: #fff !important; }
.wl-hero-text p { color: rgba(255,255,255,0.4) !important; }

/* ══════════════════════════════════
   27. BRAND BADGE — logo swap
   ══════════════════════════════════ */
.bs-rc-badge--logo {
  background: #ffffff !important;
  padding: 10px !important;
  gap: 0 !important;
}
.bs-rc-logo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* ══════════════════════════════════════════════════════════════════
   28. GLOBAL MOBILE / PRODUCTION FIXES
   Applied last so they override everything above.
   ══════════════════════════════════════════════════════════════════ */

/* ── Global no horizontal scroll ── */
html, body { overflow-x: hidden !important; max-width: 100% !important; }

/* ── All images / videos scale down ── */
img, video, iframe, svg {
  max-width: 100% !important;
  height: auto;
}

/* ── Minimum touch target for all interactive elements ── */
button, .btn, [role="button"],
input[type="submit"], input[type="button"],
a.btn, a.button {
  min-height: 44px !important;
  touch-action: manipulation;
}

/* ── Form inputs: always full width, prevent zoom on iOS (16px) ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select {
  max-width: 100% !important;
  font-size: max(16px, 1em) !important;
}

/* ══════════════════════════════════
   Invoice page — mobile columns
   ══════════════════════════════════ */
@media (max-width: 600px) {
  .inv-meta {
    grid-template-columns: 1fr !important;
    padding: 20px 16px !important;
  }
  .inv-items-table th:nth-child(3),
  .inv-items-table td:nth-child(3) {
    display: none !important;
  }
}

/* ══════════════════════════════════
   480 px — phones
   ══════════════════════════════════ */
@media (max-width: 480px) {
  /* Headings scale down to stay within viewport */
  h1 { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; }
  h2 { font-size: clamp(1.3rem, 6vw, 1.8rem) !important; }
  h3 { font-size: clamp(1.1rem, 5vw, 1.4rem) !important; }

  /* Section padding smaller on phones */
  .section { padding-left: 16px !important; padding-right: 16px !important; }

  /* Container side padding */
  .container { padding-left: 16px !important; padding-right: 16px !important; }

  /* Trust strip — wrap on phones */
  .trust-strip .container { flex-wrap: wrap !important; gap: 8px !important; }

  /* Footer columns → single column */
  .footer-grid,
  .ft-cols,
  .footer-links-grid { grid-template-columns: 1fr !important; }

  /* Cart items on very small screens */
  .cart-item { grid-template-columns: 64px 1fr auto !important; gap: 10px !important; }
  .cart-item-img { width: 64px !important; height: 72px !important; }
}

/* ══════════════════════════════════
   375 px — standard iPhone
   ══════════════════════════════════ */
@media (max-width: 375px) {
  /* Fluid hero text */
  .hv3-line1 { font-size: clamp(2rem, 8.5vw, 3rem) !important; }
  .hv3-line2 { font-size: clamp(2.2rem, 9vw, 3.4rem) !important; }
  .hv3-line3 { font-size: clamp(1.8rem, 7.5vw, 2.8rem) !important; }

  /* Section headings */
  .section-title h2 { font-size: clamp(1.3rem, 7vw, 1.8rem) !important; }

  /* Product detail variant buttons */
  .sz-btn, .color-btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  /* Hide secondary stats on very small screens */
  .hv3-hero-stats { display: none !important; }
}

/* ══════════════════════════════════
   320 px — very small phones
   ══════════════════════════════════ */
@media (max-width: 320px) {
  body { font-size: 13px !important; }

  /* Container no horizontal padding */
  .container { padding-left: 10px !important; padding-right: 10px !important; }

  /* Social login buttons stack */
  .social-btns { flex-direction: column !important; }
  .social-btn { width: 100% !important; }

  /* Profile nav: hide text labels, show icons only */
  .pn-item .pn-label { font-size: 10px !important; }

  /* Order card compact */
  .order-head { padding: 10px 12px !important; }
  .order-body { padding: 12px !important; }
}

/* ── USER DROPDOWN (Cream Theme — full override) ── */
.user-dropdown-trigger {
  color: #1a1a1a !important;
}
.user-dropdown-trigger:hover {
  color: #C9A048 !important;
}
.user-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e2ddd5 !important;
  box-shadow: 0 8px 32px rgba(160,140,110,0.15) !important;
  /* hidden by default, shown on .open */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
}
.user-dropdown-menu.open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.user-dropdown-header {
  border-bottom: 1px solid #ede8de !important;
}
.udh-name {
  color: #1a1a1a !important;
}
.udh-email {
  color: #666666 !important;
}
.user-dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 16px !important;
  color: #444444 !important;
}
.user-dropdown-item:hover {
  background: #faf7f2 !important;
  color: #C9A048 !important;
}
.user-dropdown-item--admin {
  color: #C9A048 !important;
}
.user-dropdown-item--admin:hover {
  color: #b8942f !important;
}
.user-dropdown-item.logout-item {
  color: #c1121f !important;
}
.user-dropdown-item.logout-item:hover {
  background: #fff0f0 !important;
  color: #c1121f !important;
}
.udrop-divider {
  margin: 4px 12px !important;
  border: none !important;
  border-top: 1px solid #ede8de !important;
}

/* ══════════════════════════════════
   13. CART & CHECKOUT PAGES (Cream Theme)
   ══════════════════════════════════ */
.cart-header {
  background: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
}
.cart-header .ch-logo img {
  filter: none !important;
}
.ch-step {
  color: var(--text-soft) !important;
}
.ch-step.active {
  color: var(--text-dark) !important;
}
.ch-step.done {
  color: var(--gold) !important;
}
.ch-step-num {
  border-color: var(--border) !important;
  background: var(--cream-dark) !important;
  color: var(--text-soft) !important;
}
.ch-step.active .ch-step-num {
  border-color: var(--gold) !important;
  background: var(--gold) !important;
  color: #fff !important;
}
.ch-step.done .ch-step-num {
  border-color: var(--gold) !important;
  background: rgba(201, 160, 72, 0.1) !important;
  color: var(--gold) !important;
}
.ch-step-line {
  background: var(--border) !important;
}
.ch-step-line.done {
  background: var(--gold) !important;
}
.ch-back {
  color: var(--text-soft) !important;
}
.ch-back:hover {
  color: var(--gold) !important;
}

/* Page titles */
.cart-page, .checkout-page {
  background: var(--cream) !important;
}
.page-title {
  color: var(--text-dark) !important;
}
.page-sub {
  color: var(--text-soft) !important;
}

/* Ship bar */
.ship-bar {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
}
.ship-bar-header {
  color: var(--text-dark) !important;
}
.ship-bar-header i {
  color: var(--gold) !important;
}
.ship-bar-track {
  background: var(--cream-dark) !important;
}
.ship-bar-note {
  color: var(--text-soft) !important;
}
.ship-bar-note.free {
  color: var(--gold) !important;
}

/* Cart Items Box */
.cart-items-box {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
}
.cart-items-head {
  border-bottom: 1px solid var(--border) !important;
}
.cart-items-head span {
  color: var(--text-dark) !important;
}
.clear-cart-btn {
  color: var(--text-muted) !important;
}
.clear-cart-btn:hover {
  color: #ef4444 !important;
}

/* Cart Item */
.cart-item {
  border-bottom: 1px solid var(--border) !important;
  background: transparent !important;
}
.cart-item-img {
  background: var(--cream-dark) !important;
}
.cart-item-name {
  color: var(--text-dark) !important;
}
.ci-badge {
  background: var(--cream-dark) !important;
  color: var(--text-soft) !important;
}
.cart-item-price {
  color: var(--text-dark) !important;
}
.cart-item-mrp {
  color: var(--text-muted) !important;
}
.qty-ctrl {
  border-color: var(--border) !important;
}
.qty-btn {
  background: var(--cream-dark) !important;
  color: var(--text-mid) !important;
}
.qty-btn:hover {
  background: var(--gold) !important;
  color: #fff !important;
}
.qty-num {
  background: var(--white) !important;
  color: var(--text-dark) !important;
  border-left-color: var(--border) !important;
  border-right-color: var(--border) !important;
}
.cart-item-total {
  color: var(--gold) !important;
}
.ci-remove {
  color: var(--text-muted) !important;
}
.ci-remove:hover {
  color: #ef4444 !important;
}
.continue-link {
  color: var(--text-soft) !important;
}
.continue-link:hover {
  color: var(--gold) !important;
}

/* Summary Card */
.cart-summary, .order-summary {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.summary-title {
  color: var(--text-dark) !important;
}
.s-row .label {
  color: var(--text-soft) !important;
}
.s-row .val {
  color: var(--text-dark) !important;
}
.s-row .val.free {
  color: var(--gold) !important;
}
.s-row .val.disc {
  color: var(--gold) !important;
}
.s-divider {
  border-top: 1px solid var(--border) !important;
}
.s-total {
  color: var(--text-dark) !important;
}
.s-total .t-val {
  color: var(--gold) !important;
}

/* Coupon */
.coupon-label {
  color: var(--text-soft) !important;
}
.coupon-input {
  background: var(--cream) !important;
  border: 1.5px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.coupon-input::placeholder {
  color: var(--text-muted) !important;
}
.coupon-input:focus {
  border-color: var(--gold) !important;
}
.coupon-apply {
  background: var(--gold) !important;
  color: #fff !important;
}
.coupon-msg.ok {
  color: var(--gold) !important;
}
.coupon-msg.err {
  color: #ef4444 !important;
}

/* Trust & Payments */
.trust-item {
  background: var(--cream-dark) !important;
  border: 1px solid var(--border) !important;
}
.trust-item i {
  color: var(--gold) !important;
}
.trust-item span {
  color: var(--text-soft) !important;
}
.payment-icons i {
  color: var(--text-muted) !important;
  opacity: 0.5;
}
.payment-icons span {
  color: var(--text-muted) !important;
}

/* Related Items */
.rs-title {
  color: var(--text-dark) !important;
}
.rs-sub {
  color: var(--text-soft) !important;
}
.rel-card {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
}
.rel-card:hover {
  border-color: var(--gold) !important;
}
.rel-cat {
  color: var(--gold) !important;
}
.rel-name {
  color: var(--text-dark) !important;
}
.rel-price {
  color: var(--text-dark) !important;
}
.rel-mrp {
  color: var(--text-muted) !important;
}
.rel-add {
  background: var(--cream-dark) !important;
  color: var(--text-dark) !important;
}
.rel-add:hover {
  background: var(--gold) !important;
  color: #fff !important;
}

/* Empty State */
.empty-state {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
}
.empty-state h2 {
  color: var(--text-dark) !important;
}
.empty-state p {
  color: var(--text-soft) !important;
}
.empty-icon {
  color: var(--cream-dark) !important;
}

/* Inputs on checkout and cart */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  background: var(--white) !important;
  color: var(--text-dark) !important;
  border: 1.5px solid var(--border) !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  border-color: var(--gold) !important;
  outline: none !important;
}

/* Checkout specific */
.form-section {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.form-section h3 {
  color: var(--text-dark) !important;
}
.form-section label {
  color: var(--text-soft) !important;
}
.payment-method {
  background: var(--cream) !important;
  border: 1.5px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.payment-method.sel {
  border-color: var(--gold) !important;
  background: var(--white) !important;
}
.pm-title {
  color: var(--text-dark) !important;
}
.pm-desc {
  color: var(--text-soft) !important;
}
.order-item-name {
  color: var(--text-dark) !important;
}
.order-item-price {
  color: var(--text-dark) !important;
}
.co-total-row {
  color: var(--text-dark) !important;
}
.success-overlay {
  background: rgba(26,24,20,0.5) !important;
}
.success-box {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.success-box h2 {
  color: var(--text-dark) !important;
}
.success-box p, #successSubtitle {
  color: var(--text-soft) !important;
}
.email-sent-note {
  background: var(--cream) !important;
  color: var(--text-soft) !important;
  border: 1px solid var(--border) !important;
}
.cod-due-box {
  background: var(--cream-dark) !important;
  border: 1px solid var(--border) !important;
}
.cod-due-lbl {
  color: var(--text-soft) !important;
}
.cod-due-amt {
  color: var(--gold) !important;
}
.cod-due-sub {
  color: var(--text-muted) !important;
}
.notif-bar {
  background: var(--cream) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-soft) !important;
}
.notif-bar button {
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
}
.success-meta {
  background: var(--cream) !important;
  border: 1px solid var(--border) !important;
}
.success-meta-row {
  border-bottom-color: var(--border) !important;
}
.success-meta-row span {
  color: var(--text-soft) !important;
}
.success-meta-row span:last-child {
  color: var(--text-dark) !important;
}
.paid-badge {
  background: rgba(22, 163, 74, 0.1) !important;
  color: #16a34a !important;
}
.cod-guidelines {
  background: var(--cream-dark) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-soft) !important;
}
#codGuidelines strong {
  color: var(--gold) !important;
}
.invoice-btn {
  background: var(--white) !important;
  border: 1.5px solid var(--border) !important;
  color: var(--text-dark) !important;
}
.invoice-btn:hover {
  background: var(--cream-dark) !important;
}
.wa-btn {
  background: #25d366 !important;
  color: #fff !important;
  border: none !important;
}
.orders-btn {
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
}
.success-box .continue-link {
  color: var(--gold) !important;
}