/* ═══════════════════════════════════════════════════════════════════════════
   LUXURYWAY CORAL SUNSET THEME — Full Design Replication
   ═══════════════════════════════════════════════════════════════════════════
   Palette: #fff5ee bg · #ff6b5b coral · #1f3a3e ink · #1f5b66 teal
   Fonts:   Fraunces (serif) + Manrope (sans) + DM Mono (mono)
   Based on: mockups/coral-sunset/homepage.html + favorites.html
   ═══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,700;1,9..144,300;1,9..144,400;1,9..144,500&family=Manrope:wght@400;500;600;700&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap');


/* ═══════════════════════════════════════════════════════════════════════════
   CSS VARIABLES — Light (default)
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --font-display: 'Fraunces', Georgia, serif !important;
  --font-body:    'Manrope', system-ui, sans-serif !important;
  --font-head:    'Fraunces', Georgia, serif !important;
  --font-mono:    'DM Mono', monospace !important;

  --bg-primary:   #fff5ee !important;
  --bg-secondary: #ffe8db !important;
  --bg-tertiary:  #fdd4be !important;
  --bg-elevated:  #fffaf5 !important;
  --bg-gradient-start:  #fff5ee !important;
  --bg-gradient-mid:    #ffe8db !important;
  --bg-gradient-end:    #fff5ee !important;
  --bg-gradient-accent: #fdd4be !important;

  --text-primary:   #1f3a3e !important;
  --text-secondary: #5a7378 !important;
  --text-tertiary:  rgba(31,58,62,.55) !important;
  --text-muted:     #9aaeb0 !important;
  --text-main:      #1f3a3e !important;

  --accent-primary:   #ff6b5b !important;
  --accent-secondary: #e54e3f !important;
  --accent-tertiary:  #ffb39a !important;
  --accent-gradient:  linear-gradient(135deg,#e54e3f 0%,#ff6b5b 50%,#ffb39a 100%) !important;
  --accent-glow:      rgba(255,107,91,.3) !important;

  --gold:        #ff6b5b !important;
  --gold-light:  #ffb39a !important;
  --gold-dark:   #e54e3f !important;
  --accent-gold: #ff6b5b !important;
  --light-gold:  #ffb39a !important;
  --bg-dark:     #fff5ee !important;
  --bg-gradient: #ffe8db !important;

  --glass-bg:         rgba(255,245,238,.88) !important;
  --glass-bg-hover:   rgba(255,245,238,.97) !important;
  --glass-bg-active:  rgba(255,245,238,1) !important;
  --glass-border:     rgba(255,107,91,.18) !important;
  --glass-border-hover: rgba(255,107,91,.4) !important;
  --glass-blur:       14px !important;
  --glass-saturate:   160% !important;

  --shadow-sm:        0 2px 8px rgba(31,58,62,.06) !important;
  --shadow-md:        0 4px 16px rgba(31,58,62,.08) !important;
  --shadow-lg:        0 8px 32px rgba(31,58,62,.1) !important;
  --shadow-glow:      0 0 30px rgba(255,107,91,.15) !important;
  --shadow-card:      0 4px 24px rgba(31,58,62,.07) !important;
  --shadow-card-hover:0 16px 40px rgba(255,107,91,.22) !important;

  --border-subtle:  1px solid rgba(255,107,91,.1) !important;
  --border-default: 1px solid rgba(255,107,91,.18) !important;
  --border-accent:  1px solid rgba(255,107,91,.4) !important;

  --header-bg:     rgba(255,245,238,.94) !important;
  --header-border: rgba(255,107,91,.15) !important;
  --card-bg:       rgba(255,250,245,.92) !important;
  --card-bg-hover: rgba(255,250,245,1) !important;
  --footer-bg:     #1f3a3e !important;
  --input-bg:      rgba(255,245,238,.6) !important;
  --input-border:  rgba(255,107,91,.2) !important;
  --input-border-focus: rgba(255,107,91,.55) !important;
  --button-bg:     rgba(255,107,91,.08) !important;
  --button-bg-hover: rgba(255,107,91,.14) !important;

  --logo-filter:   invert(1) brightness(0.15) !important;
  --logo-opacity:  0.9 !important;

  --scrollbar-thumb:       rgba(255,107,91,.25) !important;
  --scrollbar-thumb-hover: rgba(255,107,91,.45) !important;
}

[data-theme="light"] {
  --font-display: 'Fraunces', Georgia, serif !important;
  --font-body:    'Manrope', system-ui, sans-serif !important;
  --font-head:    'Fraunces', Georgia, serif !important;
  --bg-primary: #fff5ee !important; --bg-secondary: #ffe8db !important;
  --bg-tertiary: #fdd4be !important; --bg-elevated: #fffaf5 !important;
  --text-primary: #1f3a3e !important; --text-secondary: #5a7378 !important;
  --text-muted: #9aaeb0 !important;
  --accent-primary: #ff6b5b !important; --accent-secondary: #e54e3f !important;
  --accent-glow: rgba(255,107,91,.3) !important;
  --gold: #ff6b5b !important; --gold-light: #ffb39a !important;
  --accent-gold: #ff6b5b !important;
  --glass-bg: rgba(255,245,238,.88) !important;
  --glass-border: rgba(255,107,91,.18) !important;
  --shadow-card: 0 4px 24px rgba(31,58,62,.07) !important;
  --header-bg: rgba(255,245,238,.94) !important;
  --card-bg: rgba(255,250,245,.92) !important;
  --footer-bg: #1f3a3e !important;
  --logo-filter: invert(1) brightness(0.15) !important;
}

[data-theme="dark"] {
  --font-display: 'Fraunces', Georgia, serif !important;
  --font-body:    'Manrope', system-ui, sans-serif !important;
  --font-head:    'Fraunces', Georgia, serif !important;
  --bg-primary: #0f1f22 !important; --bg-secondary: #162a2e !important;
  --bg-tertiary: #1a3038 !important; --bg-elevated: #1f3a3e !important;
  --text-primary: #fffaf5 !important; --text-secondary: rgba(255,250,245,.75) !important;
  --text-muted: rgba(255,179,154,.6) !important;
  --accent-primary: #ff6b5b !important; --accent-secondary: #ffb39a !important;
  --accent-glow: rgba(255,107,91,.35) !important;
  --gold: #ff6b5b !important; --gold-light: #ffb39a !important;
  --accent-gold: #ff6b5b !important; --bg-dark: #0f1f22 !important;
  --glass-bg: rgba(15,31,34,.75) !important;
  --glass-border: rgba(255,107,91,.18) !important;
  --header-bg: rgba(15,31,34,.9) !important;
  --card-bg: rgba(22,42,46,.7) !important;
  --footer-bg: #0a1518 !important;
  --logo-filter: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   BASE
   ═══════════════════════════════════════════════════════════════════════════ */

html, body {
  font-family: 'Manrope', system-ui, sans-serif !important;
  background: #fff5ee !important;
  color: #1f3a3e !important;
}

/* ── light mode: explicit high-specificity overrides to ensure visibility ── */
html[data-theme="light"],
html[data-theme="light"] body {
  background: #fff5ee !important;
  color: #1f3a3e !important;
}
html[data-theme="light"] .home-page,
html[data-theme="light"] .category-page,
html[data-theme="light"] .brand-page,
html[data-theme="light"] .product-page,
html[data-theme="light"] #app,
html[data-theme="light"] main {
  background: #fff5ee !important;
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
  color: #1f3a3e !important;
}
html[data-theme="light"] p,
html[data-theme="light"] .hero-subline,
html[data-theme="light"] .section-subtitle,
html[data-theme="light"] .hero-eyebrow {
  color: #5a7378 !important;
}
html[data-theme="light"] .hero-eyebrow { color: #ff6b5b !important; }
html[data-theme="light"] .hero-headline { color: #1f3a3e !important; }
html[data-theme="light"] .brand-link-wm { color: #1f3a3e !important; }
html[data-theme="light"] .brand-link-lb { color: #9aaeb0 !important; }
html[data-theme="light"] .hero-brand-chip span { color: #1f3a3e !important; }
/* ── dark mode: data-theme is ON <html>, so use html[data-theme] not [data-theme] html ── */
html[data-theme="dark"],
html[data-theme="dark"] body {
  background: #0f1f22 !important;
  color: #fffaf5 !important;
}
html[data-theme="dark"] .home-page,
html[data-theme="dark"] .category-page,
html[data-theme="dark"] .brand-page,
html[data-theme="dark"] .product-page,
html[data-theme="dark"] #app,
html[data-theme="dark"] main {
  background: #0f1f22 !important;
}
/* Only wipe section backgrounds on non-hero sections */
html[data-theme="dark"] section:not(.home-hero),
html[data-theme="dark"] .home-section,
html[data-theme="dark"] .section-wrapper {
  background: transparent !important;
}

/* ── Comprehensive dark mode text overrides ─────────────────────────────
   Using html[data-theme="dark"] prefix for higher specificity so these
   win over "element { color: #1f3a3e !important }" rules in light mode.
   ──────────────────────────────────────────────────────────────────── */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #fffaf5 !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] .hero-subline,
html[data-theme="dark"] .section-subtitle,
html[data-theme="dark"] .hero-eyebrow {
  color: rgba(255,250,245,.7) !important;
}
html[data-theme="dark"] .hero-headline {
  color: #fffaf5 !important;
}
html[data-theme="dark"] .hero-headline em,
html[data-theme="dark"] h1 em,
html[data-theme="dark"] h2 em {
  color: #ff6b5b !important;
}
html[data-theme="dark"] .brand-link-wm { color: #fffaf5 !important; }
html[data-theme="dark"] .brand-link-lb { color: rgba(255,179,154,.5) !important; }

h1, h2, h3, h4, h5, h6,
.site-title, .brand-name, .product-title, .page-title,
.section-title, .hero-title, .category-title,
.hero-headline, .guarantees-title, .cs-title,
.email-capture-heading, .footer-brand-name {
  font-family: 'Fraunces', Georgia, serif !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   ANNOUNCEMENT BAR  (.lx-wa-announce)
   ═══════════════════════════════════════════════════════════════════════════ */

.lx-wa-announce {
  background: #1f5b66 !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  color: #fffaf5 !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
}
.lx-wa-announce-cta {
  background: #ff6b5b !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 1.5px !important;
}
[data-theme="dark"] .lx-wa-announce { background: #0a1518 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   HEADER  (#site-header)
   ═══════════════════════════════════════════════════════════════════════════ */

#site-header,
.site-header,
header.site-header {
  background: rgba(255,245,238,.94) !important;
  border-bottom: 1px solid rgba(255,107,91,.15) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
[data-theme="dark"] #site-header,
[data-theme="dark"] .site-header {
  background: rgba(15,31,34,.9) !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
}

/* Logo text */
#header-brand .brand-name-white,
#header-brand .brand-name-gold,
.header-brand span {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] #header-brand .brand-name-white { color: #fffaf5 !important; }
#header-brand .brand-name-gold { color: #ff6b5b !important; font-style: italic !important; }

/* Hamburger lines */
.header-left button span,
#menu-toggle span { background: #1f3a3e !important; }
[data-theme="dark"] #menu-toggle span { background: #fffaf5 !important; }

/* Header icon buttons */
#search-toggle,
.theme-toggle,
.header-right button {
  border: 1px solid rgba(255,107,91,.2) !important;
  color: #1f3a3e !important;
  border-radius: 50% !important;
}
[data-theme="dark"] #search-toggle,
[data-theme="dark"] .theme-toggle {
  border-color: rgba(255,107,91,.18) !important;
  color: #fffaf5 !important;
}
#search-toggle:hover, .theme-toggle:hover { border-color: #ff6b5b !important; }

/* Mobile menu */
#mobile-menu {
  background: #fffaf5 !important;
  border-right: 1px solid rgba(255,107,91,.15) !important;
}
[data-theme="dark"] #mobile-menu {
  background: #0f1f22 !important;
  border-right: 1px solid rgba(255,107,91,.12) !important;
}
.mobile-menu-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f3a3e !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
}
[data-theme="dark"] .mobile-menu-title { color: #fffaf5 !important; }

.accordion-header,
.mobile-nav-item > a,
.nav-link {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .accordion-header,
[data-theme="dark"] .mobile-nav-item > a,
[data-theme="dark"] .nav-link { color: #fffaf5 !important; }
.accordion-header:hover, .nav-link:hover { color: #ff6b5b !important; }

.mobile-nav-item.active > .accordion-header,
.mobile-nav-item.active > a { color: #ff6b5b !important; }

.menu-divider-text {
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 2.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.menu-divider-line { background: rgba(255,107,91,.15) !important; }

/* Search in menu */
#menu-search-input {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  background: #ffe8db !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] #menu-search-input {
  background: rgba(255,107,91,.06) !important;
  color: #fffaf5 !important;
}
#menu-search-input::placeholder { color: #9aaeb0 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   TRUST RIBBON
   ═══════════════════════════════════════════════════════════════════════════ */

.trust-ribbon,
.trust-ribbon-bar,
[class*="trust-ribbon"] {
  background: #fff5ee !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
}
.trust-ribbon-item .icon,
.trust-ribbon-item svg { color: #ff6b5b !important; }
.trust-ribbon-item .label {
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 2px !important;
  color: #5a7378 !important;
  text-transform: uppercase !important;
}
[data-theme="dark"] .trust-ribbon { background: #0f1f22 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   HERO SECTION  (.home-hero)
   ═══════════════════════════════════════════════════════════════════════════ */

.home-hero {
  /* Multi-layer background: 3 color orbs + base cream */
  background:
    radial-gradient(ellipse 55% 60% at 92% 10%, rgba(255,107,91,.45) 0%, transparent 65%),
    radial-gradient(ellipse 50% 55% at 8%  90%, rgba(255,179,154,.55) 0%, transparent 65%),
    radial-gradient(ellipse 30% 35% at 5%  20%, rgba(212,164,75,.3)   0%, transparent 60%),
    #fff5ee !important;
  padding: 88px 0 56px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ── ::before — decorative rings (top-right) ── */
.home-hero::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  border-radius: 50%;
  border: 2px solid rgba(255,107,91,.45);
  pointer-events: none;
  z-index: 0;
}

/* ── ::after — large editorial "VI" numeral ── */
.home-hero::after {
  content: 'VI';
  position: absolute;
  bottom: -30px; right: 0px;
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-weight: 300;
  font-size: 220px;
  line-height: 1;
  color: rgba(255,107,91,.14);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

/* ── Content above decorations ── */
.hero-eyebrow,
.hero-headline,
.hero-subline,
.hero-brands-strip,
.hero-cta-row {
  position: relative !important;
  z-index: 2 !important;
}

/* ── Dark mode ── */
html[data-theme="dark"] .home-hero {
  background:
    radial-gradient(ellipse 55% 60% at 92% 10%, rgba(255,107,91,.3)  0%, transparent 65%),
    radial-gradient(ellipse 50% 55% at 8%  90%, rgba(31,91,102,.6)   0%, transparent 65%),
    radial-gradient(ellipse 30% 35% at 5%  20%, rgba(31,91,102,.35)  0%, transparent 60%),
    #0f1f22 !important;
}
html[data-theme="dark"] .home-hero::before { border-color: rgba(255,107,91,.2); }
html[data-theme="dark"] .home-hero::after  { color: rgba(255,107,91,.07); }

/* Eyebrow / pre-title */
.hero-eyebrow {
  font-family: 'DM Mono', monospace !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}

/* Main headline */
.hero-headline {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: clamp(42px, 6.5vw, 96px) !important;
  line-height: 0.95 !important;
  letter-spacing: -2.5px !important;
  color: #1f3a3e !important;
}
.hero-headline em {
  display: block !important;
  font-style: italic !important;
  color: #ff6b5b !important;
}
[data-theme="dark"] .hero-headline { color: #fffaf5 !important; }

/* Subline */
.hero-subline {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #5a7378 !important;
  line-height: 1.65 !important;
  max-width: 580px !important;
  margin: 0 auto !important;
}
[data-theme="dark"] .hero-subline { color: rgba(255,250,245,.6) !important; }

/* ── Hero Brands Strip ── */
.hero-brands-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  justify-content: center !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 4px 20px 8px !important;
  margin: 0 auto !important;
  max-width: 680px !important;
}
.hero-brands-strip::-webkit-scrollbar { display: none !important; }

.hero-brand-chip {
  flex-shrink: 0 !important;
  scroll-snap-align: start !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 16px 20px !important;
  background: #fffaf5 !important;
  border: 1px solid rgba(31,58,62,.14) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  min-width: 96px !important;
  text-align: center !important;
  transition: border-color .2s, background .2s, transform .2s, box-shadow .2s !important;
}
.hero-brand-chip:hover {
  border-color: #ff6b5b !important;
  background: #ffe8db !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(255,107,91,.15) !important;
}
/* Primary brand name — Fraunces serif */
.hero-brand-chip .chip-name {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  color: #1f3a3e !important;
  line-height: 1.1 !important;
  display: block !important;
}
/* Secondary sub-label — DM Mono small caps */
.hero-brand-chip .chip-sub {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  display: block !important;
}
/* Featured chip (Cartier) — italic coral name */
.hero-brand-chip--featured .chip-name {
  font-style: italic !important;
  color: #ff6b5b !important;
}
[data-theme="dark"] .hero-brand-chip {
  background: rgba(22,42,46,.85) !important;
  border-color: rgba(255,250,245,.1) !important;
}
[data-theme="dark"] .hero-brand-chip .chip-name { color: #fffaf5 !important; }
[data-theme="dark"] .hero-brand-chip .chip-sub { color: rgba(255,179,154,.5) !important; }

/* Hero CTA button */
.hero-cta-wa,
.hero-cta-row a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 18px 36px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  border-radius: 32px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(255,107,91,.3) !important;
  transition: background .2s, transform .2s, box-shadow .2s !important;
}
.hero-cta-wa:hover {
  background: #e54e3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(255,107,91,.4) !important;
}
.hero-cta-divider {
  font-family: 'DM Mono', monospace !important;
  font-style: normal !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9aaeb0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   SEARCH BAR  (.home-search-section)
   ═══════════════════════════════════════════════════════════════════════════ */

.home-search-section { background: #fff5ee !important; }
[data-theme="dark"] .home-search-section { background: #0f1f22 !important; }

#search-trigger-bar,
.search-trigger-bar {
  background: #fffaf5 !important;
  border: 1px solid rgba(31,58,62,.18) !important;
  border-radius: 48px !important;
  box-shadow: none !important;
}
#search-trigger-bar:hover,
.search-trigger-bar:hover {
  border-color: #ff6b5b !important;
  box-shadow: 0 0 0 3px rgba(255,107,91,.1) !important;
}
.search-placeholder-text {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  color: #9aaeb0 !important;
}
.search-icon-btn {
  background: #ff6b5b !important;
  color: #fff !important;
  border-radius: 50% !important;
}
[data-theme="dark"] #search-trigger-bar {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.18) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   TRUST STATS BAR  (.trust-stats-bar)
   ═══════════════════════════════════════════════════════════════════════════ */

.trust-stats-bar {
  background: #fffaf5 !important;
  border-top: 1px solid rgba(255,107,91,.12) !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
}
[data-theme="dark"] .trust-stats-bar {
  background: #162a2e !important;
  border-color: rgba(255,107,91,.12) !important;
}

.trust-stat { border-right: 1px solid rgba(255,107,91,.12) !important; }
.trust-stat:last-child { border-right: none !important; }

.trust-stat-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #ffe8db !important;
  color: #ff6b5b !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 10px !important;
}
[data-theme="dark"] .trust-stat-icon { background: rgba(255,107,91,.12) !important; }

.trust-stat-text .value,
.trust-stat .value {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 34px !important;
  color: #1f3a3e !important;
  line-height: 1 !important;
}
[data-theme="dark"] .trust-stat .value { color: #fffaf5 !important; }

.trust-stat-text .label,
.trust-stat .label {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  color: #5a7378 !important;
  text-transform: uppercase !important;
}

.trust-stats-cta-link {
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 2px !important;
  color: #1f3a3e !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(31,58,62,.3) !important;
  border-radius: 24px !important;
  padding: 10px 22px !important;
  transition: border-color .2s, color .2s !important;
}
.trust-stats-cta-link:hover { border-color: #ff6b5b !important; color: #ff6b5b !important; }
[data-theme="dark"] .trust-stats-cta-link { border-color: rgba(255,250,245,.25) !important; color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   LIVE FEED BAR  (.live-feed-bar)
   ═══════════════════════════════════════════════════════════════════════════ */

.live-feed-bar {
  background: #ffe8db !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
}
[data-theme="dark"] .live-feed-bar { background: #162a2e !important; }

.live-feed-bar .pulse-dot,
.live-feed-bar [class*="pulse"] {
  background: #ff6b5b !important;
  border-radius: 50% !important;
  animation: cs-pulse 2s infinite !important;
}
@keyframes cs-pulse { 0%,100% { opacity:1 } 50% { opacity:.3 } }

.live-feed-bar .label,
.live-feed-bar span {
  font-family: 'DM Mono', monospace !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  color: #5a7378 !important;
  text-transform: uppercase !important;
}
[data-theme="dark"] .live-feed-bar .label,
[data-theme="dark"] .live-feed-bar span { color: rgba(255,250,245,.7) !important; }

.live-feed-bar .order-btn,
.live-feed-bar a,
.live-feed-bar button {
  background: #25d366 !important;
  color: #fff !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border-radius: 24px !important;
  padding: 9px 18px !important;
  border: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CUSTOMER STORIES  — editorial full-bleed card design
   ═══════════════════════════════════════════════════════════════════════════ */

.customer-stories-section {
  background: linear-gradient(160deg, #ffe8db 0%, #fff5ee 60%) !important;
  border-bottom: none !important;
  padding: 32px 0 36px !important;
  position: relative !important;
  overflow: hidden !important;
}
.customer-stories-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #ff6b5b 0%, #ffb39a 40%, #d4a44b 70%, #ff6b5b 100%) !important;
}
[data-theme="dark"] .customer-stories-section {
  background: linear-gradient(160deg, #1a3038 0%, #0f1f22 60%) !important;
}

/* cs-header */
.cs-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  margin-bottom: 14px !important;
}
.cs-header .label,
.cs-header [class*="num"] {
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 3px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}
.cs-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 26px !important;
  letter-spacing: -0.5px !important;
  color: #1f3a3e !important;
  line-height: 1.1 !important;
}
.cs-title em { font-style: italic !important; color: #ff6b5b !important; }
[data-theme="dark"] .cs-title { color: #fffaf5 !important; }
.cs-verified-check {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important; height: 22px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
}

.cs-see-all {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: rgba(255,107,91,.1) !important;
  padding: 7px 14px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}
.cs-see-all:hover {
  background: #ff6b5b !important;
  color: #fff !important;
}

/* Filter pills */
.cs-filter-pills {
  display: flex !important;
  gap: 8px !important;
  padding: 0 18px 16px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.cs-filter-pills::-webkit-scrollbar { display: none !important; }
.cs-pill {
  flex-shrink: 0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  padding: 8px 16px !important;
  background: rgba(255,255,255,.7) !important;
  color: #5a7378 !important;
  border: 1.5px solid rgba(255,107,91,.15) !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  transition: all .18s !important;
}
.cs-pill.active {
  background: #ff6b5b !important;
  color: #fff !important;
  border-color: #ff6b5b !important;
  box-shadow: 0 4px 14px rgba(255,107,91,.28) !important;
}
[data-theme="dark"] .cs-pill {
  background: rgba(255,107,91,.07) !important;
  color: rgba(255,250,245,.7) !important;
  border-color: rgba(255,107,91,.15) !important;
}

/* cs-gallery scroll track */
.cs-gallery {
  overflow: hidden !important;
}
.cs-track {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 4px 18px 8px !important;
}
.cs-track::-webkit-scrollbar { display: none !important; }

/* Story cards — editorial tall image cards */
.cs-card {
  flex-shrink: 0 !important;
  scroll-snap-align: start !important;
  width: 160px !important;
  height: 230px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  position: relative !important;
  background: #ffe8db !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: 0 8px 24px rgba(31,58,62,.14), 0 2px 6px rgba(31,58,62,.06) !important;
  transition: transform .25s, box-shadow .25s !important;
}
.cs-card:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(255,107,91,.22) !important;
}
/* image/video fills card */
.cs-card img,
.cs-card video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* gradient overlay at bottom of card */
.cs-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 55% !important;
  background: linear-gradient(to top, rgba(15,31,34,.72) 0%, transparent 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
[data-theme="dark"] .cs-card {
  box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}

/* Story card badges — sit above overlay */
.cs-badge-tl,
.cs-badge-bl {
  position: absolute !important;
  z-index: 2 !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 8px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 4px 9px !important;
  border-radius: 10px !important;
}
.cs-badge-tl { top: 10px !important; left: 10px !important; }
.cs-badge-bl { bottom: 10px !important; left: 10px !important; }
.cs-badge-tl  { background: rgba(39,201,63,.9) !important; color: #fff !important; }
.cs-badge-bl  { background: rgba(255,107,91,.92) !important; color: #fff !important; }
.cs-badge-purple { background: rgba(31,91,102,.9) !important; color: #fffaf5 !important; }
.cs-badge-gold   { background: rgba(212,164,75,.92) !important; color: #fff !important; }
.cs-badge-video  { background: rgba(0,0,0,.6) !important; color: #fff !important; top: 10px !important; right: 10px !important; left: auto !important; }

/* Story card text fields (ref/amount) */
.cs-card .ref,
.cs-card [class*="ref"] {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  color: rgba(255,250,245,.7) !important;
  text-transform: uppercase !important;
  position: absolute !important;
  z-index: 2 !important;
  bottom: 28px !important;
  left: 10px !important;
  right: 10px !important;
}
.cs-card h4,
.cs-card .name {
  position: absolute !important;
  z-index: 2 !important;
  bottom: 28px !important;
  left: 10px !important;
  right: 10px !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #fffaf5 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.2 !important;
}
.cs-card .meta,
.cs-card p:not([class*="badge"]) {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  color: rgba(255,250,245,.7) !important;
  line-height: 1.4 !important;
  position: absolute !important;
  z-index: 2 !important;
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
}
.cs-card .amount,
.cs-card .amt,
.cs-card .price {
  font-family: 'DM Mono', monospace !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #ffb39a !important;
  position: absolute !important;
  z-index: 2 !important;
  bottom: 10px !important;
  left: 10px !important;
}

/* Lightbox */
#cs-lightbox-home {
  background: rgba(15,31,34,.88) !important;
}
.cs-lb-top-bar {
  background: #fffaf5 !important;
  border-bottom: 1px solid rgba(255,107,91,.15) !important;
}
[data-theme="dark"] .cs-lb-top-bar {
  background: #0f1f22 !important;
}
.cs-lb-kind-badge { background: #ff6b5b !important; color: #fff !important; }
.cs-lb-close,
.cs-lb-nav {
  background: #ffe8db !important;
  color: #1f3a3e !important;
  border: 1px solid rgba(255,107,91,.2) !important;
}
.cs-lb-nav:hover,
.cs-lb-close:hover { background: #ff6b5b !important; color: #fff !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   GUARANTEE / FEATURES SECTION  — compact floating card
   ═══════════════════════════════════════════════════════════════════════════ */

.home-guarantees-section {
  background: transparent !important;
  border: none !important;
  padding: 8px 16px 24px !important;
}
[data-theme="dark"] .home-guarantees-section { background: transparent !important; }

/* Wrap the title + cards in a floating glass card */
.home-guarantees-section .guarantees-title,
.home-guarantees-section .guarantee-cards {
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-guarantees-section > * { position: relative !important; z-index: 1 !important; }
.home-guarantees-section::before {
  content: '' !important;
  display: block !important;
  background: linear-gradient(135deg, #fffaf5 0%, #fff0e6 100%) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  box-shadow: 0 12px 40px rgba(255,107,91,.14), 0 2px 8px rgba(31,58,62,.06) !important;
  position: absolute !important;
  inset: 8px 0 0 0 !important;
  z-index: 0 !important;
}
[data-theme="dark"] .home-guarantees-section::before {
  background: linear-gradient(135deg, #1a3038 0%, #162a2e 100%) !important;
  border-color: rgba(255,107,91,.18) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}

.guarantees-title {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #ff6b5b !important;
  text-align: center !important;
  padding-top: 20px !important;
  margin-bottom: 16px !important;
}
.guarantees-title em { font-style: normal !important; color: #ff6b5b !important; }
[data-theme="dark"] .guarantees-title { color: #ffb39a !important; }

/* Cards container — horizontal row */
.guarantee-cards {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  padding: 0 6px 20px !important;
}

.guarantee-card-home {
  flex: 1 !important;
  padding: 10px 8px 12px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: center !important;
  position: relative !important;
  transition: transform .2s !important;
}
/* divider between cards */
.guarantee-card-home + .guarantee-card-home::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important; top: 16px !important; bottom: 16px !important;
  width: 1px !important;
  background: rgba(255,107,91,.18) !important;
}
.guarantee-card-home:hover { transform: translateY(-2px) !important; }
[data-theme="dark"] .guarantee-card-home { background: transparent !important; }

.guarantee-icon-home {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ff6b5b 0%, #ffb39a 100%) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
  box-shadow: 0 4px 12px rgba(255,107,91,.3) !important;
}
.guarantee-icon-home svg { width: 18px !important; height: 18px !important; stroke: #fff !important; }
[data-theme="dark"] .guarantee-icon-home {
  background: linear-gradient(135deg, #ff6b5b 0%, #e54e3f 100%) !important;
}

.guarantee-card-home h3,
.guarantee-card-home h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 11.5px !important;
  color: #1f3a3e !important;
  letter-spacing: -0.2px !important;
  line-height: 1.3 !important;
  margin-bottom: 3px !important;
}
[data-theme="dark"] .guarantee-card-home h3,
[data-theme="dark"] .guarantee-card-home h4 { color: #fffaf5 !important; }
.guarantee-card-home p {
  font-family: 'Manrope', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  color: #9aaeb0 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CONFIDENCE DIVIDER
   ═══════════════════════════════════════════════════════════════════════════ */

.confidence-divider {
  background: #fff5ee !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  text-align: center !important;
}
[data-theme="dark"] .confidence-divider { background: #0f1f22 !important; }
.confidence-divider p,
.confidence-divider span {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #5a7378 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CATEGORY SECTIONS  (.home-category-section)
   ═══════════════════════════════════════════════════════════════════════════ */

.home-category-section {
  background: #fff5ee !important;
  border-bottom: none !important;
  padding: 32px 16px 28px !important;
}
[data-theme="dark"] .home-category-section { background: #0f1f22 !important; }

/* Section separator line above each category section */
.home-category-section + .home-category-section {
  border-top: 1px solid rgba(255,107,91,.1) !important;
}

.section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  margin-bottom: 36px !important;
  padding-bottom: 22px !important;
}
.section-header h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(32px, 4vw, 54px) !important;
  letter-spacing: -1.5px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .section-header h2 { color: #fffaf5 !important; }

.section-subtitle {
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 2.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}

.view-all-link {
  font-family: 'DM Mono', 'Courier New', monospace !important;
  font-weight: 500 !important;
  font-size: 10.5px !important;
  letter-spacing: 2px !important;
  color: #1f3a3e !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 1px solid rgba(31,58,62,.3) !important;
  padding: 10px 22px !important;
  border-radius: 24px !important;
  transition: border-color .2s, color .2s !important;
}
.view-all-link:hover { border-color: #ff6b5b !important; color: #ff6b5b !important; }
[data-theme="dark"] .view-all-link { border-color: rgba(255,250,245,.25) !important; color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   BRAND GRID CARDS  — text-only, matching mockup brand-box
   ═══════════════════════════════════════════════════════════════════════════ */

.brand-links-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
  gap: 10px !important;
}

.brand-link-card {
  aspect-ratio: 1 !important;
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.16) !important;
  border-radius: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px 12px !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: border-color .25s, transform .25s, box-shadow .25s !important;
}
.brand-link-card:hover {
  border-color: #ff6b5b !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px -16px rgba(255,107,91,.3) !important;
}
[data-theme="dark"] .brand-link-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.15) !important;
}

/* Hide old logo div — text-only cards */
.brand-link-logo { display: none !important; }

/* Brand name — big serif uppercase (WM style from mockup) */
.brand-link-wm {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  color: #1f3a3e !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.25 !important;
  width: 100% !important;
}
[data-theme="dark"] .brand-link-wm { color: #fffaf5 !important; }

/* Dashed separator + lower label (LB style from mockup) */
.brand-link-lb {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(255,107,91,.3) !important;
  line-height: 1.3 !important;
}
[data-theme="dark"] .brand-link-lb {
  color: rgba(255,179,154,.5) !important;
  border-top-color: rgba(255,107,91,.2) !important;
}

.brand-link-card .new-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 8.5px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 10px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   EMAIL CAPTURE  (.email-capture-section)
   ═══════════════════════════════════════════════════════════════════════════ */

.email-capture-section {
  background: #fffaf5 !important;
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  text-align: center !important;
}
[data-theme="dark"] .email-capture-section { background: #162a2e !important; }

.email-capture-heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 26px !important;
  letter-spacing: -0.2px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .email-capture-heading { color: #fffaf5 !important; }

.email-capture-sub {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13.5px !important;
  color: #5a7378 !important;
  line-height: 1.6 !important;
}

#email-capture-form {
  display: flex !important;
  border: 1px solid #1f3a3e !important;
  background: #fffaf5 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
#email-capture-form input {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  color: #1f3a3e !important;
  border: none !important;
  background: transparent !important;
  padding: 14px !important;
  outline: none !important;
  box-shadow: none !important;
}
#email-capture-form button {
  background: #1f3a3e !important;
  color: #fffaf5 !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  border: none !important;
  cursor: pointer !important;
}
#email-capture-form button:hover { background: #ff6b5b !important; }
[data-theme="dark"] #email-capture-form {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,250,245,.2) !important;
}
[data-theme="dark"] #email-capture-form input { color: #fffaf5 !important; }
[data-theme="dark"] #email-capture-form button { background: #ff6b5b !important; color: #fff !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   BRAND PAGE  (.brand-page, .product-card)
   ═══════════════════════════════════════════════════════════════════════════ */

.brand-page { background: #fff5ee !important; }
[data-theme="dark"] .brand-page { background: #0f1f22 !important; }

.page-header h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: -1.5px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .page-header h1 { color: #fffaf5 !important; }
.page-header .page-subtitle,
.page-header p {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}

/* Breadcrumbs */
.breadcrumbs,
#breadcrumbs-container {
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.breadcrumbs a,
#breadcrumbs-container a { color: #5a7378 !important; text-decoration: none !important; }
.breadcrumbs a:hover { color: #ff6b5b !important; }
.breadcrumbs .separator { color: #9aaeb0 !important; }
.breadcrumbs .current { color: #ff6b5b !important; }

/* Grid controls */
.grid-btn {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  color: #5a7378 !important;
  border-radius: 8px !important;
}
.grid-btn.active { background: #ff6b5b !important; border-color: #ff6b5b !important; color: #fff !important; }
.grid-btn:hover { border-color: #ff6b5b !important; color: #ff6b5b !important; }
[data-theme="dark"] .grid-btn {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.16) !important;
  color: rgba(255,250,245,.7) !important;
}

/* Product cards */
.product-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: border-color .25s, transform .25s, box-shadow .25s !important;
  text-decoration: none !important;
}
.product-card:hover {
  border-color: #ff6b5b !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px -8px rgba(255,107,91,.22) !important;
}
[data-theme="dark"] .product-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.16) !important;
}

.product-info {
  background: transparent !important;
  border-top: 1px solid rgba(255,107,91,.1) !important;
}

.product-info .product-name,
.product-info h3,
.product-info h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  color: #1f3a3e !important;
  letter-spacing: 0.1px !important;
}
[data-theme="dark"] .product-info h3,
[data-theme="dark"] .product-info h4 { color: #fffaf5 !important; }

.product-info .product-brand,
.product-info .brand-label,
.product-info small {
  font-family: 'Manrope', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.product-info .product-price,
.product-info .price {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .product-info .price { color: #fffaf5 !important; }

.product-info .product-availability,
.product-info .stock {
  font-family: 'Manrope', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 1px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.product-info .stock.in-stock,
.product-info .stock.available { color: #ff6b5b !important; }

/* Pagination */
.pagination-btn {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  color: #1f3a3e !important;
  border-radius: 8px !important;
  font-family: 'Manrope', sans-serif !important;
}
.pagination-btn:hover { border-color: #ff6b5b !important; color: #ff6b5b !important; }
.pagination-btn.active { background: #ff6b5b !important; border-color: #ff6b5b !important; color: #fff !important; }
.pagination-btn:disabled { opacity: .35 !important; cursor: default !important; }
[data-theme="dark"] .pagination-btn {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.16) !important;
  color: rgba(255,250,245,.8) !important;
}
.pagination-info {
  font-family: 'DM Mono', monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.pagination-input {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  color: #1f3a3e !important;
  font-family: 'Manrope', sans-serif !important;
  border-radius: 8px !important;
}
.pagination-go-btn {
  background: #ff6b5b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Manrope', sans-serif !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   CATEGORY PAGE  (.category-page, .brand-card-minimal)
   ═══════════════════════════════════════════════════════════════════════════ */

.category-page { background: #fff5ee !important; }
[data-theme="dark"] .category-page { background: #0f1f22 !important; }

.brand-card-minimal {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: border-color .25s, transform .25s, box-shadow .25s !important;
}
.brand-card-minimal:hover {
  border-color: #ff6b5b !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(255,107,91,.18) !important;
}
[data-theme="dark"] .brand-card-minimal {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.15) !important;
}
.brand-logo-container { background: transparent !important; }
.brand-card-info .brand-name,
.brand-card-info h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .brand-card-info h3 { color: #fffaf5 !important; }
.brand-card-info .count,
.brand-card-info span {
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 1.5px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}
.brand-initials-fallback {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  color: #ff6b5b !important;
  background: #ffe8db !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT PAGE — detail view
   ═══════════════════════════════════════════════════════════════════════════ */

.product-page { background: #fff5ee !important; }
[data-theme="dark"] .product-page { background: #0f1f22 !important; }

/* Gallery */
.product-gallery-section { background: transparent !important; }
.gallery-thumb, .gallery-thumbnail {
  border: 2px solid rgba(255,107,91,.15) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
.gallery-thumb.active, .gallery-thumbnail.active,
.gallery-thumb:hover { border-color: #ff6b5b !important; }

.gallery-prev, .gallery-next,
.zoom-prev, .zoom-next {
  background: #ff6b5b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 2px 8px rgba(255,107,91,.35) !important;
}

/* Product info */
.product-title, .product-detail-title,
h1.product-name {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .product-title { color: #fffaf5 !important; }

.product-brand-label, .product-brand,
.pd-brand {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}

.product-ref, .ref-number,
.pd-ref {
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}

.product-description, .pd-desc {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  color: #5a7378 !important;
  line-height: 1.7 !important;
}
[data-theme="dark"] .product-description { color: rgba(255,250,245,.6) !important; }

/* Specs table rows */
.spec-row, .pd-row {
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  font-family: 'Fraunces', Georgia, serif !important;
}
.spec-row .label, .pd-row .label,
.spec-row td:first-child {
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1.2px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.spec-row .value, .pd-row .value,
.spec-row td:last-child {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 14px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .spec-row .value { color: #fffaf5 !important; }

/* Urgency / trust boxes */
.urgency-block, .payment-block,
.trust-block, .product-info-box,
.delivery-info {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  border-radius: 14px !important;
}
[data-theme="dark"] .urgency-block,
[data-theme="dark"] .payment-block,
[data-theme="dark"] .trust-block {
  background: rgba(22,42,46,.8) !important;
  border-color: rgba(255,107,91,.18) !important;
}

/* Product CTA / Buy buttons */
.product-cta,
.buy-now-btn,
.whatsapp-order-btn {
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 18px !important;
  border-radius: 30px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(255,107,91,.3) !important;
  cursor: pointer !important;
  transition: background .2s, transform .2s, box-shadow .2s !important;
}
.product-cta:hover, .buy-now-btn:hover {
  background: #e54e3f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(255,107,91,.4) !important;
}

/* Quick view modal */
.quick-view-modal {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(31,58,62,.15) !important;
}
[data-theme="dark"] .quick-view-modal {
  background: #162a2e !important;
  border-color: rgba(255,107,91,.18) !important;
}
#quickViewClose {
  background: #ffe8db !important;
  color: #1f3a3e !important;
  border: none !important;
  border-radius: 50% !important;
}
#quickViewClose:hover { background: #ff6b5b !important; color: #fff !important; }
.quick-view-btn.primary { background: #ff6b5b !important; color: #fff !important; border: none !important; border-radius: 24px !important; }
.quick-view-btn.secondary { border: 1px solid rgba(255,107,91,.3) !important; color: #1f3a3e !important; background: transparent !important; border-radius: 24px !important; }
[data-theme="dark"] .quick-view-btn.secondary { color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER  (footer.site-footer)
   ═══════════════════════════════════════════════════════════════════════════ */

footer.site-footer,
.site-footer {
  background: #1f3a3e !important;
  color: #fffaf5 !important;
  border-top: none !important;
}
[data-theme="dark"] footer.site-footer { background: #0a1518 !important; }

.footer-brand-name .footer-brand-white,
.footer-brand-name span:first-child {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  letter-spacing: 5px !important;
  color: #fffaf5 !important;
  text-transform: uppercase !important;
}
.footer-brand-name .footer-brand-gold,
.footer-brand-name span.gold {
  color: #ff6b5b !important;
  font-style: italic !important;
}
.footer-tagline {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13.5px !important;
  color: rgba(255,250,245,.65) !important;
  line-height: 1.7 !important;
}

.site-footer h5,
.site-footer .footer-col-title {
  font-family: 'DM Mono', monospace !important;
  font-weight: 500 !important;
  font-size: 10.5px !important;
  letter-spacing: 2.5px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}

.site-footer a,
.site-footer .footer-link {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: rgba(255,250,245,.7) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.site-footer a:hover { color: #ffb39a !important; }

.footer-copyright {
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  color: rgba(255,250,245,.45) !important;
  text-transform: uppercase !important;
}
.footer-trust-row span { color: rgba(255,250,245,.5) !important; }

/* WhatsApp finder section (above footer) */
.whatsapp-finder-section,
#global-whatsapp-finder {
  background: #ffe8db !important;
  border-top: 1px solid rgba(255,107,91,.15) !important;
  border-bottom: none !important;
}
[data-theme="dark"] .whatsapp-finder-section { background: #162a2e !important; }

.whatsapp-finder-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  border-radius: 14px !important;
}
[data-theme="dark"] .whatsapp-finder-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.18) !important;
}
.finder-text-main {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  color: #1f3a3e !important;
  font-size: 20px !important;
}
[data-theme="dark"] .finder-text-main { color: #fffaf5 !important; }
.finder-text-sub {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: #5a7378 !important;
}
.finder-arrow { color: #ff6b5b !important; font-size: 22px !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   WHATSAPP FAB  (.whatsapp-fab)
   ═══════════════════════════════════════════════════════════════════════════ */

.whatsapp-fab,
#whatsapp-fab-container a,
[id*="whatsapp-fab"] a {
  background: #25d366 !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 22px rgba(37,211,102,.4) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   REVIEW BADGE  (.review-badge)
   ═══════════════════════════════════════════════════════════════════════════ */

.review-badge,
#review-badge-container [class*="badge"] {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(31,58,62,.12) !important;
}
[data-theme="dark"] .review-badge { background: #162a2e !important; }
.review-badge .star,
.review-badge [class*="star"] { color: #ff6b5b !important; }
.review-badge .value,
.review-badge .score {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .review-badge .value { color: #fffaf5 !important; }
.review-badge .label {
  font-family: 'DM Mono', monospace !important;
  font-size: 8.5px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   SEARCH PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.search-page { background: #fff5ee !important; }
[data-theme="dark"] .search-page { background: #0f1f22 !important; }
.search-page input,
.search-bar {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.3) !important;
  border-radius: 30px !important;
  color: #1f3a3e !important;
}
.search-page input:focus { border-color: #ff6b5b !important; }
[data-theme="dark"] .search-page input {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.2) !important;
  color: #fffaf5 !important;
}

.search-tag,
.search-recent-tag {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  padding: 5px 14px !important;
  background: #ffe8db !important;
  color: #1f5b66 !important;
  border-radius: 24px !important;
}
.search-tag:hover, .search-recent-tag:hover { background: #ff6b5b !important; color: #fff !important; }

.search-result-row,
.search-result-item {
  border-bottom: 1px solid rgba(255,107,91,.12) !important;
  font-family: 'Fraunces', Georgia, serif !important;
}
.search-result-row h4,
.search-result-item h4 {
  font-weight: 500 !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .search-result-item h4 { color: #fffaf5 !important; }
.search-result-row .category,
.search-result-item .brand {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   TRUST / TRUST SEARCH PAGES
   ═══════════════════════════════════════════════════════════════════════════ */

.trust-page { background: #fff5ee !important; }
[data-theme="dark"] .trust-page { background: #0f1f22 !important; }

.trust-card,
.ts-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-left: 3px solid #ff6b5b !important;
  border-radius: 14px !important;
  transition: box-shadow .25s, transform .25s !important;
}
.trust-card:hover, .ts-card:hover {
  box-shadow: 0 12px 32px rgba(255,107,91,.15) !important;
  transform: translateY(-2px) !important;
}
[data-theme="dark"] .ts-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.16) !important;
  border-left-color: #ff6b5b !important;
}

.trust-card .ref-badge,
.ts-card .ref {
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 1.2px !important;
  color: #5a7378 !important;
  text-transform: uppercase !important;
}
.trust-card .status-badge,
.ts-badge-paid   { background: #27c93f !important; color: #fff !important; }
.ts-badge-deliv  { background: #ff6b5b !important; color: #fff !important; }
.ts-badge-loved  { background: #1f3a3e !important; color: #ff6b5b !important; }

.trust-card h4, .ts-card h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #1f3a3e !important;
  letter-spacing: 0.2px !important;
}
[data-theme="dark"] .ts-card h4 { color: #fffaf5 !important; }

.trust-card .amount, .ts-card .amt {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .ts-card .amt { color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   LOADING SCREEN
   ═══════════════════════════════════════════════════════════════════════════ */

#loading-screen, .loading-screen { background: #fff5ee !important; }
[data-theme="dark"] #loading-screen { background: #0f1f22 !important; }
.loading-spinner, .spinner { border-top-color: #ff6b5b !important; }
.loading-logo, .loading-brand {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .loading-logo { color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   CAROUSEL MODAL
   ═══════════════════════════════════════════════════════════════════════════ */

#carousel-modal,
.carousel-fullscreen-modal { background: rgba(15,31,34,.92) !important; }
.carousel-modal-close {
  background: rgba(255,107,91,.15) !important;
  color: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.3) !important;
  border-radius: 50% !important;
}
.carousel-modal-close:hover { background: #ff6b5b !important; }
.carousel-nav-btn {
  background: #ff6b5b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(255,107,91,.35) !important;
}
.carousel-modal-counter {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  color: rgba(255,250,245,.65) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   SKELETON LOADERS
   ═══════════════════════════════════════════════════════════════════════════ */

.skeleton {
  background: linear-gradient(90deg, #ffe8db 25%, #fdd4be 50%, #ffe8db 75%) !important;
  background-size: 200% 100% !important;
  animation: skeleton-wave 1.5s infinite !important;
}
@keyframes skeleton-wave {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, rgba(22,42,46,.8) 25%, rgba(26,48,56,.8) 50%, rgba(22,42,46,.8) 75%) !important;
  background-size: 200% 100% !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   SCROLLBAR
   ═══════════════════════════════════════════════════════════════════════════ */

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(255,107,91,.05) !important; }
::-webkit-scrollbar-thumb { background: rgba(255,107,91,.25) !important; border-radius: 9999px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,107,91,.45) !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   THEME BACKGROUND ORBS
   ═══════════════════════════════════════════════════════════════════════════ */

.theme-background { background: #fff5ee !important; }
.theme-gradient-orb { background: radial-gradient(circle, rgba(255,107,91,.1) 0%, transparent 70%) !important; }
[data-theme="dark"] .theme-background { background: #0f1f22 !important; }
[data-theme="dark"] .theme-gradient-orb { background: radial-gradient(circle, rgba(255,107,91,.07) 0%, transparent 70%) !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   GENERAL INPUTS & FORMS
   ═══════════════════════════════════════════════════════════════════════════ */

input, textarea, select {
  font-family: 'Manrope', system-ui, sans-serif !important;
  background: rgba(255,245,238,.6) !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  color: #1f3a3e !important;
}
input:focus, textarea:focus, select:focus {
  border-color: rgba(255,107,91,.55) !important;
  box-shadow: 0 0 0 3px rgba(255,107,91,.1) !important;
  outline: none !important;
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: rgba(255,107,91,.06) !important;
  border-color: rgba(255,107,91,.15) !important;
  color: #fffaf5 !important;
}
::placeholder { color: #9aaeb0 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   BRAND PAGE — MAISON CAPE DESIGN
   ═══════════════════════════════════════════════════════════════════════════ */

.brand-page .page-header {
  background: linear-gradient(180deg, #ffd4a8 0%, #ff9b85 55%, #ff6b5b 100%) !important;
  margin: -1px calc(-1 * var(--container-pad, 0px)) 28px !important;
  padding: 72px 18px 32px !important;
  text-align: center !important;
  position: relative !important;
  overflow: visible !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Golden sun orb */
.brand-page .page-header::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, #fff7e0 0%, #d4a44b 100%) !important;
  box-shadow: 0 0 28px rgba(212,164,75,.55) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* MAISON badge */
.brand-page .page-header::after {
  content: 'MAISON' !important;
  position: absolute !important;
  top: 16px !important;
  left: 18px !important;
  background: rgba(255,255,255,.25) !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 9px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  padding: 4px 11px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  pointer-events: none !important;
}

.brand-page .page-header h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: clamp(1.8rem, 8vw, 3rem) !important;
  letter-spacing: 5px !important;
  color: #1f5b66 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

.brand-page .page-header > div:first-child > p {
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 2.5px !important;
  color: rgba(31,90,102,.75) !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* "Selected Shells" italic subtitle */
.brand-page .page-header > div:first-child::after {
  content: 'Selected Shells' !important;
  display: block !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #1f5b66 !important;
  margin-top: 4px !important;
}

.brand-page .page-controls {
  background: rgba(255,255,255,.22) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 30px !important;
  padding: 6px 12px !important;
  margin-top: 18px !important;
}
.brand-page .grid-btn {
  background: transparent !important;
  border-color: rgba(255,255,255,.4) !important;
  color: #fff !important;
}
.brand-page .grid-btn.active {
  background: #fff !important;
  color: #ff6b5b !important;
  border-color: #fff !important;
}
.brand-page .per-page-selector label { color: #fff !important; }
.brand-page #perPageSelect {
  color: #fff !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.4) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
}
.brand-page #miniGridToggle {
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
  background: transparent !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  border-radius: 20px !important;
}

/* ── Product cards — full-width image ── */
.brand-page .product-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition: border-color .25s, transform .25s, box-shadow .25s !important;
}
.brand-page .product-card:hover {
  border-color: #ff6b5b !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(255,107,91,.22) !important;
}
[data-theme="dark"] .brand-page .product-card {
  background: rgba(22,42,46,.75) !important;
  border-color: rgba(255,107,91,.18) !important;
}

.brand-page .product-card .product-image {
  width: 100% !important;
  height: auto !important;
  min-width: unset !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #ffe8db !important;
  margin: 0 !important;
  display: block !important;
  flex-shrink: 0 !important;
}
.brand-page .product-card .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
  display: block !important;
  transition: transform .35s ease !important;
}
.brand-page .product-card:hover .product-image img {
  transform: scale(1.06) !important;
}

.brand-page .product-card .product-info {
  background: transparent !important;
  border-top: 1px solid rgba(255,107,91,.1) !important;
  padding: 12px 12px 14px !important;
  width: 100% !important;
}
.brand-page .product-card .product-info h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  color: #1f5b66 !important;
  text-align: center !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}
[data-theme="dark"] .brand-page .product-card .product-info h3 { color: #fffaf5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT PAGE — ARCH FRAME + CORAL DESIGN
   ═══════════════════════════════════════════════════════════════════════════ */

.product-page .product-layout { flex-direction: column !important; }

/* SHELL badge */
.product-page .gallery-pill-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 4px 11px !important;
  border-radius: 20px !important;
  z-index: 3 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Arch image frame */
.product-page .gallery-main {
  position: relative !important;
  max-width: 300px !important;
  margin: 8px auto !important;
}
.product-page .gallery-media {
  border-radius: 130px 130px 18px 18px !important;
  background: #ffe8db !important;
  border: 2px dashed rgba(255,107,91,.35) !important;
  overflow: hidden !important;
  padding: 16px 16px 8px !important;
  aspect-ratio: 3/4 !important;
  max-height: 340px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[data-theme="dark"] .product-page .gallery-media {
  background: rgba(22,42,46,.8) !important;
  border-color: rgba(255,107,91,.25) !important;
}
.product-page .gallery-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 110px 110px 10px 10px !important;
}

/* Gallery nav buttons */
.product-page .gallery-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 42px !important;
  height: 42px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 5 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 2px 10px rgba(255,107,91,.35) !important;
}
.product-page .gallery-nav.prev { left: -14px !important; }
.product-page .gallery-nav.next { right: -14px !important; }
.product-page .gallery-nav svg { stroke: #fff !important; }

.product-page .gallery-counter {
  background: rgba(31,58,62,.55) !important;
  color: #fff !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  backdrop-filter: blur(4px) !important;
}
.product-page .gallery-dot { background: rgba(31,58,62,.3) !important; border-radius: 50% !important; }
.product-page .gallery-dot.active { background: #ff6b5b !important; }

.product-page .gallery-thumbnails {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}
.product-page .gallery-thumb {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 2px solid rgba(255,107,91,.18) !important;
}
.product-page .gallery-thumb.active,
.product-page .gallery-thumb:hover { border-color: #ff6b5b !important; }
.product-page .gallery-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Brand label */
.product-page .product-category {
  font-family: 'DM Mono', monospace !important;
  font-size: 9.5px !important;
  letter-spacing: 2.5px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 6px !important;
}
.product-page .product-category::before,
.product-page .product-category::after { content: ' \2014  ' !important; color: #9aaeb0 !important; }

/* Product title */
.product-page .product-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: clamp(20px, 5vw, 28px) !important;
  color: #1f3a3e !important;
  text-align: center !important;
  line-height: 1.1 !important;
  letter-spacing: -0.2px !important;
  margin-bottom: 4px !important;
}
[data-theme="dark"] .product-page .product-title { color: #fffaf5 !important; }

/* Price card */
.product-page .price-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.18) !important;
  border-radius: 18px !important;
  padding: 20px 18px !important;
  text-align: center !important;
  margin: 16px 0 !important;
}
[data-theme="dark"] .product-page .price-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.18) !important;
}
.product-page .pc-eyebrow {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  color: #ff6b5b !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.product-page .pc-discount-pill {
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
}

/* Reserve via WhatsApp button */
.product-page .pc-whatsapp-cta,
#whatsapp-inquiry {
  width: 100% !important;
  padding: 18px !important;
  background: #ff6b5b !important;
  color: #fff !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 1.05rem !important;
  border: none !important;
  border-radius: 30px !important;
  box-shadow: 0 6px 20px rgba(255,107,91,.3) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 14px 0 10px !important;
  transition: background .2s, transform .2s !important;
}
.product-page .pc-whatsapp-cta:hover { background: #e54e3f !important; transform: translateY(-2px) !important; }
.product-page .pc-response-time {
  font-family: 'DM Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  color: #9aaeb0 !important;
  text-transform: uppercase !important;
}
.product-page .pc-trust-micro {
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  color: #5a7378 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
[data-theme="dark"] .product-page .pc-trust-micro { color: rgba(255,250,245,.55) !important; }
.product-page .pc-trust-dot { color: #ff6b5b !important; }

/* Stats bar — teal bg */
.product-page .why-luxuryway-stats {
  background: #1f5b66 !important;
  border-radius: 18px !important;
  padding: 16px 0 !important;
  margin: 12px 0 !important;
}
[data-theme="dark"] .product-page .why-luxuryway-stats { background: #0a1518 !important; }
.product-page .stats-bar-grid { display: flex !important; align-items: stretch !important; }
.product-page .stat-item { flex: 1 !important; text-align: center !important; padding: 8px !important; }
.product-page .stat-divider { width: 1px !important; background: rgba(255,255,255,.15) !important; margin: 8px 0 !important; }
.product-page .stat-number {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 1.4rem !important;
  color: #ffb39a !important;
  display: block !important;
  line-height: 1 !important;
}
.product-page .stat-label {
  font-family: 'DM Mono', monospace !important;
  font-size: 8px !important;
  letter-spacing: 1.5px !important;
  color: rgba(255,232,219,.65) !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Trust stack cards */
.product-page .trust-stack { margin: 16px 0 !important; }
.product-page .ts-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #1f3a3e !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}
[data-theme="dark"] .product-page .ts-title { color: #fffaf5 !important; }
.product-page .ts-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-left: 3px solid #ff6b5b !important;
  border-radius: 14px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}
[data-theme="dark"] .product-page .ts-card {
  background: rgba(22,42,46,.7) !important;
  border-color: rgba(255,107,91,.16) !important;
  border-left-color: #ff6b5b !important;
}
.product-page .ts-card-header {
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}
.product-page .ts-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #ffe8db !important;
  color: #ff6b5b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[data-theme="dark"] .product-page .ts-icon { background: rgba(255,107,91,.12) !important; }
.product-page .ts-card-header h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #1f3a3e !important;
}
[data-theme="dark"] .product-page .ts-card-header h4 { color: #fffaf5 !important; }
.product-page .ts-chevron { color: #ff6b5b !important; }
.product-page .ts-card-body p {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #5a7378 !important;
  line-height: 1.65 !important;
  padding: 0 16px 14px !important;
}
[data-theme="dark"] .product-page .ts-card-body p { color: rgba(255,250,245,.6) !important; }

/* How it works */
.product-page .how-it-works {
  border-top: 1px solid rgba(255,107,91,.12) !important;
  padding-top: 22px !important;
  margin: 16px 0 !important;
}
.product-page .hiw-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #1f3a3e !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}
[data-theme="dark"] .product-page .hiw-title { color: #fffaf5 !important; }
.product-page .hiw-steps { display: flex !important; align-items: center !important; justify-content: space-around !important; gap: 4px !important; }
.product-page .hiw-step { text-align: center !important; flex: 1 !important; }
.product-page .hiw-step-number {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ff6b5b, #ffb39a) !important;
  color: #fff !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 1.3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
}
.product-page .hiw-step h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #1f3a3e !important;
  margin-bottom: 3px !important;
}
[data-theme="dark"] .product-page .hiw-step h4 { color: #fffaf5 !important; }
.product-page .hiw-step p {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 11px !important;
  color: #5a7378 !important;
}
.product-page .hiw-connector { flex: 0 0 20px !important; height: 1px !important; background: rgba(255,107,91,.3) !important; margin-top: -16px !important; }

/* FAQ */
.product-page .mq-toggle {
  width: 100% !important;
  background: #ffe8db !important;
  border: 1px solid rgba(255,107,91,.2) !important;
  border-radius: 30px !important;
  padding: 14px 22px !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 1rem !important;
  color: #1f5b66 !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
[data-theme="dark"] .product-page .mq-toggle { background: rgba(255,107,91,.08) !important; color: #fffaf5 !important; }
.product-page .mq-toggle-icon { color: #ff6b5b !important; font-size: 1.2rem !important; }
.product-page .faq-item { border-bottom: 1px solid rgba(255,107,91,.1) !important; }
.product-page .faq-question {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 13px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #1f3a3e !important;
  text-align: left !important;
}
[data-theme="dark"] .product-page .faq-question { color: #fffaf5 !important; }
.product-page .faq-toggle { color: #ff6b5b !important; }
.product-page .faq-answer p {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: #5a7378 !important;
  line-height: 1.7 !important;
  padding-bottom: 12px !important;
}
[data-theme="dark"] .product-page .faq-answer p { color: rgba(255,250,245,.6) !important; }

/* Related products — circular */
.product-page .related-products {
  border-top: 1px solid rgba(255,107,91,.12) !important;
  padding-top: 22px !important;
  margin-top: 16px !important;
}
.product-page .related-products h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  letter-spacing: -0.5px !important;
  color: #1f3a3e !important;
  margin-bottom: 14px !important;
}
[data-theme="dark"] .product-page .related-products h2 { color: #fffaf5 !important; }
.product-page .related-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}
.product-page .related-grid .product-card {
  background: #fffaf5 !important;
  border: 1px solid rgba(255,107,91,.15) !important;
  border-radius: 24px !important;
  padding: 14px 10px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
[data-theme="dark"] .product-page .related-grid .product-card { background: rgba(22,42,46,.7) !important; border-color: rgba(255,107,91,.16) !important; }
.product-page .related-grid .product-card .product-image {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ff6b5b, #ffb39a) !important;
  margin: 0 auto 8px !important;
  overflow: hidden !important;
}
.product-page .related-grid .product-card .product-image img {
  object-fit: contain !important;
  padding: 6px !important;
  width: 100% !important;
  height: 100% !important;
}
.product-page .related-grid .product-card .product-info {
  background: transparent !important;
  border-top: none !important;
  padding: 0 !important;
}
.product-page .related-grid .product-card .product-info h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-size: 12px !important;
  color: #1f5b66 !important;
  text-align: center !important;
}
[data-theme="dark"] .product-page .related-grid .product-card .product-info h3 { color: #fffaf5 !important; }

/* Zoom modal */
.product-page #image-zoom-modal { background: rgba(15,31,34,.94) !important; }
.product-page .zoom-close-btn {
  background: rgba(255,107,91,.2) !important;
  color: #fff !important;
  border: 1px solid rgba(255,107,91,.3) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
}
.product-page .zoom-close-btn:hover { background: #ff6b5b !important; }
.product-page .zoom-nav {
  background: #ff6b5b !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
}
.product-page .zoom-counter {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  color: rgba(255,250,245,.65) !important;
}