/* ═══════════════════════════════════════════════════════════════════════════
   ONYX COUTURE — COMPREHENSIVE THEME OVERRIDE LAYER
   ═══════════════════════════════════════════════════════════════════════════
   Loads LAST. Re-skins every noir component to:
   - Pure onyx black walls
   - Hairline borders only — no fills, no rounded corners, no glow
   - Bodoni Moda 300 headings (italic for emphasis)
   - Geist Mono uppercase for clinical labels
   - Inter 200/300 for body
   - Single purple #9b72cf accent
   - Vast vertical spacing
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   1 · BASELINE
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --warm: #9b72cf;
  --warm-deep: #7a52a8;
  --ink: #ededed;
  --ink2: #a8a8a8;
  --ink3: #5a5a5a;
  --ink4: #2a2a2a;
  --line: rgba(237, 237, 237, 0.07);
  --line2: rgba(237, 237, 237, 0.16);
}

html, body {
  background: #050505 !important;
  color: var(--ink) !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #050505 !important;
  background-image: none !important;
  background-attachment: scroll !important;
}

a, a:visited { color: inherit !important; text-decoration: none !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   2 · TYPOGRAPHY — Bodoni for display, Geist for clinical, Inter for body
   ═══════════════════════════════════════════════════════════════════════════ */

h1, h2, h3, h4, h5, h6,
.brand-name, .product-title, .category-title, .brand-title,
.section-title, .hero-title, .page-title, .home-title {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.5px !important;
  color: var(--ink) !important;
  line-height: 1 !important;
}

h1 em, h2 em, h3 em,
.italic, em.accent {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--ink2) !important;
}

.label, .badge, .meta, .price-label, .ref, .eyebrow,
.product-meta, .sort-label, [class*="-eyebrow"], [class*="-label"] {
  font-family: 'Geist Mono', 'DM Mono', ui-monospace, monospace !important;
  font-weight: 300 !important;
  font-size: 0.6rem !important;
  letter-spacing: 3px !important;
  color: var(--ink3) !important;
  text-transform: uppercase !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3 · HEADER — sticky, hairline, italic Bodoni brand
   ═══════════════════════════════════════════════════════════════════════════ */

.site-header,
header.site-header,
.header,
.app-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  background: rgba(7, 7, 7, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.site-header.scrolled {
  background: rgba(7, 7, 7, 0.99) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.brand-logo,
.logo,
.site-logo,
.header-logo,
.header-brand {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  font-size: 1.2rem !important;
  letter-spacing: 2px !important;
  color: var(--ink) !important;
  text-transform: none !important;
}

.menu-toggle,
.header-icon,
.search-icon-btn,
.cart-icon,
.theme-toggle,
button.icon-btn {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink2) !important;
  box-shadow: none !important;
  transition: border-color 0.2s, color 0.2s !important;
}

.menu-toggle:hover,
.header-icon:hover,
.search-icon-btn:hover,
.cart-icon:hover,
.theme-toggle:hover,
button.icon-btn:hover {
  border-color: var(--warm) !important;
  color: var(--warm) !important;
  background: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   4 · HERO — vast padding, italic headline, single hairline rule
   ═══════════════════════════════════════════════════════════════════════════ */

.hero,
.home-hero,
section.hero {
  padding: 88px 22px 56px !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.hero h1,
.hero-title,
.home-hero h1 {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  font-size: clamp(2.6rem, 9vw, 4.5rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -1.5px !important;
  color: var(--ink) !important;
  text-transform: none !important;
}

.hero h1 em,
.hero-title em {
  font-style: italic !important;
  color: var(--ink2) !important;
  font-weight: 300 !important;
}

.hero-subtitle,
.hero-tagline,
.hero p {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--ink2) !important;
  font-size: 0.95rem !important;
  line-height: 1.7 !important;
  margin-top: 32px !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hero-eyebrow,
.section-eyebrow {
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
  font-size: 0.6rem !important;
  letter-spacing: 6px !important;
  color: var(--warm) !important;
  text-transform: uppercase !important;
  margin-bottom: 36px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   5 · BUTTONS / CTAs — no fills, only underlined-text
   ═══════════════════════════════════════════════════════════════════════════ */

.btn,
button:not(.menu-toggle):not(.header-icon):not(.search-icon-btn):not(.cart-icon):not(.theme-toggle):not(.icon-btn):not(.fab):not(.whatsapp-fab),
.cta,
.cta-primary,
.cta-secondary,
a.btn,
.button {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid var(--ink2) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
  font-size: 0.65rem !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color 0.2s, color 0.2s !important;
}

.btn:hover,
button:hover:not(.menu-toggle):not(.header-icon):not(.search-icon-btn):not(.cart-icon):not(.theme-toggle):not(.icon-btn):not(.fab):not(.whatsapp-fab),
.cta:hover,
a.btn:hover {
  background: transparent !important;
  border-color: var(--warm) !important;
  color: var(--warm) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6 · CARDS — no boxes, single-column hairline rows
   ═══════════════════════════════════════════════════════════════════════════ */

.product-card,
.brand-card,
.category-card,
.card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 24px 0 !important;
}

.product-card:hover,
.brand-card:hover,
.category-card:hover,
.card:hover {
  background: transparent !important;
  border-bottom-color: var(--warm) !important;
  transform: none !important;
  box-shadow: none !important;
}

.product-card img,
.brand-card img,
.card img {
  border-radius: 0 !important;
  filter: grayscale(0.15) contrast(0.95) !important;
}

.product-title,
.product-name,
.brand-name {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  font-size: 1.3rem !important;
  letter-spacing: -0.3px !important;
  color: var(--ink) !important;
  margin-top: 14px !important;
}

.product-price,
.price {
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
  font-size: 0.7rem !important;
  letter-spacing: 3px !important;
  color: var(--ink) !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7 · GRIDS — single column on mobile, vast gaps
   ═══════════════════════════════════════════════════════════════════════════ */

.products-grid,
.brand-grid,
.category-grid,
.grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 22px !important;
  background: transparent !important;
}

@media (min-width: 720px) {
  .products-grid,
  .brand-grid,
  .category-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 32px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   8 · SEARCH BAR — hairline, mono input
   ═══════════════════════════════════════════════════════════════════════════ */

.search-bar,
.search-input-wrapper,
.search-container input,
input[type="search"],
input[type="text"] {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
  font-size: 0.85rem !important;
  letter-spacing: 1px !important;
  color: var(--ink) !important;
  text-transform: uppercase !important;
  padding: 14px 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

input::placeholder {
  color: var(--ink3) !important;
  font-style: italic !important;
  text-transform: none !important;
  font-family: 'Bodoni Moda', serif !important;
  letter-spacing: 0 !important;
}

input:focus {
  border-bottom-color: var(--warm) !important;
  outline: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   9 · CATEGORY / BRAND PAGES — Roman numeral list rows
   ═══════════════════════════════════════════════════════════════════════════ */

.category-list,
.brand-list {
  background: transparent !important;
  padding: 0 22px !important;
}

.category-list-item,
.brand-list-item,
.list-row {
  display: grid !important;
  grid-template-columns: 40px 1fr 30px !important;
  gap: 18px !important;
  padding: 28px 0 !important;
  border-top: 1px solid var(--line) !important;
  align-items: baseline !important;
  background: transparent !important;
}

.category-list-item:last-child,
.brand-list-item:last-child {
  border-bottom: 1px solid var(--line) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   10 · PRODUCT DETAIL — centered, vast margins, spec table
   ═══════════════════════════════════════════════════════════════════════════ */

.product-page,
.product-detail {
  background: transparent !important;
  padding: 56px 22px !important;
}

.product-image,
.product-gallery,
.product-image-wrapper {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--line) !important;
}

.product-image img,
.product-gallery img {
  border-radius: 0 !important;
}

.product-specs,
.spec-table,
.product-details {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--line) !important;
  padding: 24px 0 !important;
}

.product-specs > *,
.spec-row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--line) !important;
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  font-size: 0.92rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   11 · TRUST RIBBON / STRIP
   ═══════════════════════════════════════════════════════════════════════════ */

.trust-ribbon,
.trust-strip,
.trust-bar {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.trust-item,
.trust-cell {
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  border-right: 1px solid var(--line) !important;
  padding: 28px 14px !important;
  text-align: center !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   12 · FOOTER — hairline-divided, italic copy
   ═══════════════════════════════════════════════════════════════════════════ */

.site-footer,
footer {
  background: var(--bg-primary) !important;
  border-top: 1px solid var(--line) !important;
  color: var(--ink2) !important;
  padding: 56px 22px 32px !important;
  box-shadow: none !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
}

.site-footer h3,
.site-footer h4,
footer h3,
footer h4 {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--ink) !important;
  letter-spacing: 0 !important;
  font-size: 1rem !important;
}

.site-footer a,
footer a {
  color: var(--ink2) !important;
}
.site-footer a:hover,
footer a:hover {
  color: var(--warm) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   13 · WHATSAPP FAB — kept subtle, no pulse
   ═══════════════════════════════════════════════════════════════════════════ */

.whatsapp-fab,
.fab,
.floating-cta {
  background: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  animation: none !important;
}

.whatsapp-fab:hover,
.fab:hover {
  border-color: var(--warm) !important;
  background: transparent !important;
  color: var(--warm) !important;
}

.whatsapp-fab::before,
.fab::before { animation: none !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   14 · GIFT PROMO / BANNERS / RIBBONS — flatten
   ═══════════════════════════════════════════════════════════════════════════ */

.gift-promo,
.announcement-bar,
.promo-banner,
.ribbon {
  background: #000 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
  font-size: 0.7rem !important;
  letter-spacing: 2px !important;
  color: var(--ink2) !important;
  text-transform: uppercase !important;
  padding: 11px 22px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   15 · LOADING SCREEN — pure type
   ═══════════════════════════════════════════════════════════════════════════ */

.loading-screen {
  background: #050505 !important;
}

.loading-logo {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--ink) !important;
  letter-spacing: 4px !important;
}

.loading-logo span:last-child {
  color: var(--warm) !important;
}

.loading-spinner {
  border: 1px solid var(--line2) !important;
  border-top-color: var(--warm) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   16 · ROUNDED CORNERS — apply 12px to all boxes/cards globally
   ═══════════════════════════════════════════════════════════════════════════ */

/* Default: everything gets soft rounding */
* {
  border-radius: 8px !important;
}

/* Images inherit from their container */
img, picture, video {
  border-radius: inherit !important;
}

/* Keep truly flat/linear elements sharp */
.site-header, header,
.announcement-bar, .lx-wa-announce,
.trust-ribbon-section, .trust-stats-bar,
.live-feed-bar,
.lx-b-inner,
hr, .divider,
.theme-background {
  border-radius: 0 !important;
}

/* Modals/overlays get larger radius */
.quick-view-modal,
.cs-lightbox,
.carousel-fullscreen-modal,
.mobile-menu,
.search-modal,
[class*="modal"],
[class*="lightbox"] {
  border-radius: 16px !important;
}

/* FAB buttons stay circular */
.whatsapp-fab, .fab {
  border-radius: 50% !important;
}

/* Kill any leftover gold gradient backgrounds */
[style*="gradient"] {
  background-image: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   16b · ROUNDED CARDS — brand, category, product cards get soft radius
   ═══════════════════════════════════════════════════════════════════════════ */

.product-card,
.brand-card,
.category-card,
.brand-chip,
.hero-brand-chip,
.brand-link-card,
[class*="brand-card"],
[class*="category-card"],
[class*="brand-chip"],
[class*="brand-link"],
.home-brand-chip,
.brand-grid-item,
.category-grid-item,
.home-section-card,
.home-brand-card {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   17 · MOBILE FIRST — vast vertical space
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
  .hero { padding: 64px 22px 40px !important; }
  section { padding-left: 22px !important; padding-right: 22px !important; }
  .container { padding: 0 22px !important; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   18 · GUARANTEES SECTION — purple accent, visible on onyx
   ═══════════════════════════════════════════════════════════════════════════ */

/* Section title */
.guarantees-title,
h2.guarantees-title {
  font-family: 'Bodoni Moda', serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: var(--ink) !important;
  text-align: center !important;
  letter-spacing: -0.3px !important;
  margin-bottom: 24px !important;
}

/* Card — hairline border with subtle purple tint */
.guarantee-card-home {
  background: rgba(155, 114, 207, 0.04) !important;
  border: 1px solid rgba(155, 114, 207, 0.3) !important;
  border-radius: 0 !important;
  padding: 28px 20px !important;
  text-align: center !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.guarantee-card-home:hover {
  background: rgba(155, 114, 207, 0.08) !important;
  border-color: #9b72cf !important;
}

/* Icon box — visible purple border + purple icon colour */
.guarantee-icon-home {
  width: 52px !important;
  height: 52px !important;
  border-radius: 0 !important;
  background: rgba(155, 114, 207, 0.08) !important;
  border: 1px solid #9b72cf !important;
  color: #9b72cf !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
}

.guarantee-icon-home svg,
.guarantee-icon-home i {
  color: #9b72cf !important;
  fill: #9b72cf !important;
  stroke: #9b72cf !important;
  opacity: 1 !important;
}

/* Title — full white, Bodoni */
.guarantee-card-home h4 {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: var(--ink) !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.2px !important;
}

/* Description — readable grey */
.guarantee-card-home p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 0.82rem !important;
  color: var(--ink2) !important;
  line-height: 1.6 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   19 · GLOBAL PURPLE ACCENT OVERRIDE
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --accent-primary: #9b72cf !important;
  --accent-secondary: #c8a8f0 !important;
  --accent-tertiary: #7a52a8 !important;
  --accent-gold: #9b72cf !important;
  --gold: #9b72cf !important;
  --light-gold: #c8a8f0 !important;
  --warm: #9b72cf !important;
  --warm-deep: #7a52a8 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   20 · VISIBILITY FIXES — all green/navy backgrounds → pure onyx black
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Announcement / gift promo bar ── */
.gift-promo-bar,
.gift-promo,
.announcement-bar,
.promo-bar,
[class*="gift-promo"],
[class*="promo-bar"] {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--ink2) !important;
}

.gift-promo-bar *,
.gift-promo * {
  color: var(--ink2) !important;
}

.gift-promo-bar strong,
.gift-promo strong,
.gift-promo b {
  color: var(--ink) !important;
}

/* ── Activity / live feed ticker ── */
.home-activity-feed,
.activity-feed,
.live-feed,
.live-ticker,
[class*="activity-feed"],
[class*="live-feed"] {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--ink2) !important;
}

.activity-feed *,
.live-feed *,
.home-activity-feed * {
  color: var(--ink2) !important;
}

.activity-feed strong,
.live-feed strong,
.home-activity-feed strong {
  color: var(--ink) !important;
}

/* ── WhatsApp CTA button — no green fill ── */
.whatsapp-cta,
.btn-whatsapp,
.cta-whatsapp,
a[href*="whatsapp"],
a[href*="wa.me"],
button[class*="whatsapp"],
.home-hero-cta,
.hero-whatsapp-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #9b72cf !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
}

.whatsapp-cta:hover,
.btn-whatsapp:hover,
a[href*="whatsapp"]:hover,
a[href*="wa.me"]:hover {
  background: rgba(155, 114, 207, 0.1) !important;
  border-color: #9b72cf !important;
  color: var(--ink) !important;
}

/* Keep the WhatsApp SVG icon its brand green (recognisable) */
.whatsapp-cta svg,
.btn-whatsapp svg,
a[href*="whatsapp"] svg,
a[href*="wa.me"] svg {
  color: #25D366 !important;
  fill: #25D366 !important;
}

/* ── Newsletter section ── */
.newsletter-section,
.email-section,
.newsletter,
[class*="newsletter"],
[class*="email-signup"] {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image: none !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}

.newsletter-section h2,
.newsletter h2,
[class*="newsletter"] h2 {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--ink) !important;
}

.newsletter-section p,
.newsletter p {
  color: var(--ink2) !important;
  font-weight: 300 !important;
}

/* Newsletter submit button */
.newsletter-section button,
.newsletter button,
[class*="newsletter"] button,
[class*="email-signup"] button {
  background: #9b72cf !important;
  border: none !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
}

/* ── Hero brand pills — squared, transparent ── */
.hero-brand-pill,
.brand-pill,
.home-brand-pill,
[class*="brand-pill"] {
  background: rgba(237, 237, 237, 0.03) !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.hero-brand-pill:hover,
.brand-pill:hover,
[class*="brand-pill"]:hover {
  background: rgba(155, 114, 207, 0.08) !important;
  border-color: #9b72cf !important;
}

/* ── Trust strip / stats bar — star to purple ── */
.trust-stat-icon,
.trust-strip-icon,
.stat-icon,
[class*="trust-strip"] svg,
[class*="trust-stat"] svg {
  color: #9b72cf !important;
  fill: #9b72cf !important;
}

/* Star rating badge — keep readable */
.rating-badge,
.star-rating,
[class*="rating"] {
  color: #9b72cf !important;
}

/* ── Section headings — Bodoni Moda ── */
.home-section-title,
.section-heading,
.category-section-title,
h2.section-title,
[class*="-section"] h2,
[class*="-section"] h3 {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 300 !important;
  color: var(--ink) !important;
}

.home-section-subtitle,
.section-subtitle,
[class*="-section"] p.subtitle {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  color: var(--ink2) !important;
}

/* ── "Don't see what you're looking for?" box ── */
.whatsapp-finder,
.wa-finder,
[class*="whatsapp-finder"],
[class*="wa-find"] {
  background: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
}

.whatsapp-finder .icon-box,
.wa-finder .icon-box,
[class*="whatsapp-finder"] [class*="icon"] {
  background: rgba(155, 114, 207, 0.1) !important;
  border-radius: 0 !important;
}

/* ── Social icon buttons in footer ── */
.social-btn,
.social-icon,
[class*="social-btn"],
[class*="social-icon"] {
  background: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink2) !important;
}

.social-btn:hover,
.social-icon:hover {
  border-color: #9b72cf !important;
  color: #9b72cf !important;
}

/* ── "NEW" badge on brand cards ── */
.new-badge,
[class*="new-badge"],
.badge-new {
  background: #9b72cf !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.45rem !important;
  letter-spacing: 2px !important;
}

/* ── Customer Stories filter tabs ── */
.tab-btn,
.filter-tab,
[class*="tab-btn"],
[class*="filter-tab"] {
  background: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 14px !important;
  color: var(--ink2) !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.55rem !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

.tab-btn.active,
.filter-tab.active,
[class*="tab-btn"].active {
  background: rgba(155, 114, 207, 0.12) !important;
  border-color: #9b72cf !important;
  color: var(--ink) !important;
}

/* ── View All links ── */
.view-all,
a.view-all,
[class*="view-all"] {
  color: var(--ink2) !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

.view-all:hover,
a.view-all:hover {
  color: #9b72cf !important;
}

/* ── "View The Vault" button ── */
.vault-btn,
[class*="vault-btn"],
.view-vault {
  background: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Geist Mono', monospace !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

.vault-btn:hover,
.view-vault:hover {
  border-color: #9b72cf !important;
  color: #9b72cf !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   21 · PRECISE GREEN-KILL — target exact class names from DOM audit
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Announcement bar CTA "CHAT NOW →" ── */
.lx-wa-announce-cta {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #9b72cf !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
  padding: 5px 14px !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.6rem !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.lx-wa-announce-cta:hover {
  background: rgba(155, 114, 207, 0.12) !important;
  color: #9b72cf !important;
}

/* ── Live feed green dot indicator ── */
.live-feed-bar > span:not(.live-feed-text-el) {
  background-color: #9b72cf !important;
  background: #9b72cf !important;
  color: #9b72cf !important;
}

/* ── Hero brand chips — dark greenish → near-transparent ── */
.hero-brand-chip {
  background: rgba(237, 237, 237, 0.04) !important;
  background-color: rgba(237, 237, 237, 0.04) !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
}
.hero-brand-chip:hover {
  background: rgba(155, 114, 207, 0.08) !important;
  border-color: #9b72cf !important;
}

/* ── Gift promo inner panel (dark navy → pure onyx) ── */
.lx-b-inner {
  background: #050505 !important;
  background-color: #050505 !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  padding: 6px 14px !important;
  min-height: unset !important;
  height: auto !important;
}

.lx-b-inner *,
.lx-gift-brand-name {
  color: var(--ink2) !important;
}

.lx-gift-brand-name strong,
.lx-c-head-text {
  color: var(--ink) !important;
  font-family: 'Geist Mono', monospace !important;
  letter-spacing: 2px !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
}

/* ── Gift icon — amber border → purple ── */
.lx-b-icon {
  border-color: rgba(155, 114, 207, 0.4) !important;
  color: #9b72cf !important;
}
.lx-b-icon svg,
.lx-b-icon svg * {
  color: #9b72cf !important;
  stroke: #9b72cf !important;
}

/* ── Gift promo popup: .tb-badge + .tb-peek ── */
.tb-badge,
.tb-peek {
  background: #050505 !important;
  background-color: #050505 !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink2) !important;
}
.tb-dot {
  background: #9b72cf !important;
  background-color: #9b72cf !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
}
.tb-wrap {
  border-radius: 0 !important;
}

/* ── Customer Stories verified checkmark ── */
.cs-verified-check {
  background: #9b72cf !important;
  background-color: #9b72cf !important;
  color: #fff !important;
  border-radius: 50% !important;
}

/* ── Instagram + social links in hero area ── */
.profile-social a,
a[href*="instagram"],
a[href*="instagram.com"] {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink2) !important;
}
.profile-social a:hover,
a[href*="instagram"]:hover {
  border-color: #9b72cf !important;
  color: #9b72cf !important;
}

/* ── Star rating (4.8 badge on left) ── */
.trust-stat-icon--star svg,
.trust-stat-icon--star {
  color: #9b72cf !important;
  fill: #9b72cf !important;
}

.tb-star {
  color: #9b72cf !important;
}

.tb-rating {
  color: var(--ink) !important;
  font-family: 'Geist Mono', monospace !important;
  font-weight: 300 !important;
}

.tb-badge {
  background: #050505 !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink2) !important;
}

.tb-peek {
  background: #050505 !important;
  border: 1px solid var(--line2) !important;
  border-radius: 0 !important;
  color: var(--ink2) !important;
}

/* ── Mobile menu — remove greenish tint ── */
.mobile-menu {
  background: rgba(5, 5, 5, 0.97) !important;
  border-right: 1px solid var(--line) !important;
}

/* ── Any remaining inline-style green backgrounds ── */
[style*="background: #25D366"],
[style*="background:#25D366"],
[style*="background-color: #25D366"],
[style*="background-color:#25D366"],
[style*="background: rgb(37"],
[style*="background: rgba(26, 107"] {
  background: transparent !important;
  background-color: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   22 · TRUST RIBBON TICKER — kill gold, use purple
   ═══════════════════════════════════════════════════════════════════════════ */

/* Bullet dots between ticker items */
.ri-dot {
  background: #9b72cf !important;
  background-color: #9b72cf !important;
  color: #050505 !important;
}

/* Ticker text — purple accent */
.ri-text {
  color: #9b72cf !important;
}

.ri-text:hover {
  color: #c8a8f0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   23 · FINAL ROUNDING PASS — this block is LAST so it wins over all earlier
        border-radius: 0 !important rules throughout this file.
        Equal specificity, later source order = wins with !important.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Cards & product tiles */
.product-card, .brand-card, .category-card,
[class*="product-card"], [class*="brand-card"], [class*="category-card"],
.home-brand-chip, .brand-chip, .hero-brand-chip,
[class*="brand-chip"], [class*="home-brand"],
.brand-link-card, .brand-grid-item, .category-grid-item,
.home-section-card, .home-brand-card,
.cs-card, .review-card, .testimonial-card,
[class*="cs-card"], [class*="review-card"],
.guarantee-card, .trust-card, .feature-card,
[class*="guarantee"], [class*="trust-card"], [class*="feature-card"] {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Buttons & CTAs */
button, .btn, .button,
[class*="btn-"], [class*="-btn"],
[class*="cta-"], [class*="-cta"],
.order-btn, .wa-btn, .whatsapp-btn,
.hero-cta, .view-vault-btn,
[class*="order-btn"], [class*="wa-btn"] {
  border-radius: 10px !important;
}

/* Inputs & search */
input, textarea, select,
.search-bar, .search-input, .search-wrapper,
[class*="search-bar"], [class*="search-input"],
[class*="search-wrapper"] {
  border-radius: 10px !important;
}

/* Icon buttons & social */
.social-icon, .social-btn,
[class*="social-icon"], [class*="icon-btn"],
.icon-square, .nav-icon-btn,
.theme-toggle, .mobile-menu-toggle {
  border-radius: 10px !important;
}

/* Badges, chips, tags */
.badge, .tag, .chip, .pill,
[class*="badge"], [class*="-tag"],
.tb-badge, .tb-peek,
.brand-badge, .category-badge {
  border-radius: 6px !important;
}

/* Modals & drawers */
[class*="modal"], [class*="lightbox"],
[class*="drawer"], [class*="sheet"],
.quick-view-modal, .cs-lightbox {
  border-radius: 16px !important;
}

/* Circular FABs stay round */
.whatsapp-fab, .fab,
[class*="fab"] {
  border-radius: 50% !important;
}

/* Keep header / ticker bars / dividers flat */
.site-header, header.site-header, .app-header,
.announcement-bar, .lx-wa-announce,
.trust-ribbon-section, .trust-stats-bar, .live-feed-bar,
hr, .divider, .theme-background,
.lx-b-inner {
  border-radius: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   24 · COUTURE PRODUCT PAGE — matches mockup style
   ═══════════════════════════════════════════════════════════════════════════ */

/* Product page layout — two-column gallery + details */
.product-page .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 16px 80px !important;
}

.product-page .product-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

@media (min-width: 768px) {
  .product-page .product-layout {
    flex-direction: row !important;
    gap: 48px !important;
    align-items: flex-start !important;
  }
  .product-page .product-gallery-section {
    flex: 1 !important;
    max-width: 50% !important;
    position: sticky !important;
    top: 80px !important;
    align-self: flex-start !important;
  }
  .product-page .product-details-section {
    flex: 1 !important;
    max-width: 50% !important;
  }
}

/* Wrapper */
.cpg-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding-top: 12px !important;
}

/* Back link */
.cpg-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ink3) !important;
  margin-bottom: 20px !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  border-radius: 0 !important;
}
.cpg-back:hover { color: var(--warm) !important; }

/* Image block */
.cpg-image-block {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #0a0a0a !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  margin-bottom: 28px !important;
}

.cpg-main-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

/* Image nav arrows */
.cpg-nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: rgba(5,5,5,0.6) !important;
  border: 1px solid var(--line2) !important;
  color: var(--ink2) !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 2 !important;
  border-radius: 8px !important;
  transition: background 0.2s, color 0.2s !important;
}
.cpg-prev { left: 10px !important; }
.cpg-next { right: 10px !important; }
.cpg-nav:hover { background: rgba(155,114,207,0.2) !important; color: var(--warm) !important; border-color: var(--warm) !important; }

/* Zoom button */
.cpg-zoom-btn {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: var(--warm) !important;
  border: 1px solid var(--warm-deep) !important;
  color: #fff !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  border-radius: 6px !important;
}

/* Dots */
.cpg-dots {
  position: absolute !important;
  bottom: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 5px !important;
  z-index: 2 !important;
}
.cpg-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: rgba(237,237,237,0.3) !important;
  transition: background 0.2s, transform 0.2s !important;
  cursor: pointer !important;
}
.cpg-dot.active {
  background: var(--warm) !important;
  transform: scale(1.3) !important;
}

/* Identity block */
.cpg-identity {
  text-align: center !important;
  padding: 0 0 28px !important;
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 28px !important;
}

.cpg-type {
  display: block !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: var(--ink3) !important;
  margin-bottom: 10px !important;
}

.cpg-brand-rule {
  font-family: 'Geist Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  color: var(--warm) !important;
  margin-bottom: 14px !important;
}

.cpg-title {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(26px, 6vw, 36px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.15 !important;
  color: var(--ink) !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.01em !important;
}

.cpg-rule {
  width: 40px !important;
  height: 1px !important;
  background: var(--line2) !important;
  margin: 0 auto 18px !important;
  border-radius: 0 !important;
}

.cpg-price-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
}

.cpg-price-label {
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  color: var(--warm) !important;
}

.cpg-price-meta {
  font-family: 'Geist Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  color: var(--ink3) !important;
}

/* Specs block */
.cpg-specs-block {
  margin-bottom: 28px !important;
}

.cpg-specs-header {
  font-family: 'Geist Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  color: var(--ink3) !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}

.cpg-spec-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid var(--line) !important;
  gap: 16px !important;
  border-radius: 0 !important;
}

.cpg-spec-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-style: italic !important;
  color: var(--warm) !important;
  font-weight: 300 !important;
  flex-shrink: 0 !important;
}

.cpg-spec-val {
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  color: var(--ink) !important;
  text-align: right !important;
  font-weight: 300 !important;
}

/* CTA block */
.cpg-cta-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 28px 0 !important;
  border-top: 1px solid var(--line) !important;
}

.cpg-cta-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 15px 24px !important;
  background: transparent !important;
  border: 1px solid var(--warm) !important;
  color: var(--ink) !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
  text-decoration: none !important;
  border-radius: 10px !important;
}
.cpg-cta-btn:hover {
  background: rgba(155,114,207,0.1) !important;
  color: var(--warm) !important;
}
.cpg-cta-btn svg { color: #25D366 !important; flex-shrink: 0 !important; }

.cpg-cta-sub {
  font-family: 'Geist Mono', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: var(--ink3) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--ink4) !important;
  padding-bottom: 1px !important;
  transition: color 0.2s, border-color 0.2s !important;
  border-radius: 0 !important;
}
.cpg-cta-sub:hover { color: var(--warm) !important; border-color: var(--warm) !important; }

/* Related products at bottom */
#related-products-section { padding-top: 40px !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   25 · ENHANCED PRODUCT CARDS — brand listing grid
   ═══════════════════════════════════════════════════════════════════════════ */

/* Card shell */
.product-card {
  display: block !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: none !important;
}

/* Image wrapper — aspect ratio + hover overlay */
.product-card .product-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #0a0a0a !important;
  margin-bottom: 0 !important;
}

.product-card .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product-card:hover .product-image img {
  transform: scale(1.06) !important;
}

/* Hover overlay */
.pc-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(5, 5, 5, 0.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  border-radius: 0 !important;
}

.product-card:hover .pc-overlay {
  opacity: 1 !important;
}

.pc-view-label {
  font-family: 'Geist Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,0.5) !important;
  padding-bottom: 2px !important;
}

/* Info row below image */
.product-card .product-info {
  padding: 14px 4px 22px !important;
  border-bottom: 1px solid var(--line) !important;
}

/* Product name — bigger, Bodoni italic */
.product-card .pc-name,
.product-card h3 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(14px, 1.4vw, 20px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--ink) !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
  letter-spacing: 0.01em !important;
}

/* Meta row */
.pc-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.pc-brand-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--warm) !important;
  display: inline-block !important;
}

.pc-enquire {
  font-family: 'Geist Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  color: var(--ink3) !important;
  transition: color 0.2s !important;
}

.product-card:hover .pc-enquire {
  color: var(--warm) !important;
}

/* Grid layout — responsive */
#products-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 3px !important;
}

@media (min-width: 540px) {
  #products-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (min-width: 900px) {
  #products-grid {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1280px) {
  #products-grid {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

/* Page header — brand name bigger and styled */
.page-header h1 {
  font-family: 'Bodoni Moda', Georgia, serif !important;
  font-size: clamp(28px, 5vw, 48px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--ink) !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 6px !important;
}

.page-header p {
  font-family: 'Geist Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  color: var(--ink3) !important;
  text-transform: uppercase !important;
}

/* Screenshot fixes: these controls use direct links/custom promo classes. */
a[href*="instagram"],
a[href*="instagram.com"],
a[href*="whatsapp"],
a[href*="wa.me"],
.profile-social a,
.footer-social a,
.social-row a,
.hero-social a,
.search-icon-btn,
.theme-toggle,
.menu-toggle,
.header-icon,
.cart-icon,
.icon-btn,
button.icon-btn {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.home-hero-cta,
.hero-whatsapp-btn,
.whatsapp-cta,
.btn-whatsapp,
.cta-whatsapp,
.order-btn,
.wa-btn,
.whatsapp-btn,
.email-capture-form button,
.newsletter button,
[class*="email"] button,
[class*="newsletter"] button {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.email-capture-form input,
.email-capture-form input[type="email"],
.newsletter input,
[class*="email"] input,
[class*="newsletter"] input,
.search-input-wrapper,
.search-input-wrapper input,
input[type="search"],
input[type="text"],
input[type="email"] {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.whatsapp-finder-section,
.whatsapp-finder-card,
.whatsapp-finder,
.wa-finder,
.lx-b-inner,
.lx-b-wrap,
.lx-c-panel,
[class*="whatsapp-finder"],
[class*="wa-find"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.whatsapp-finder .icon-box,
.wa-finder .icon-box,
.lx-b-icon,
[class*="whatsapp-finder"] [class*="icon"] {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Absolute final WhatsApp cleanup. Must stay at the very end. */
.whatsapp-finder-section,
section.whatsapp-finder-section,
[class~="whatsapp-finder-section"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.whatsapp-finder-section::before,
.whatsapp-finder-section::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.whatsapp-finder-section .whatsapp-finder-card {
  border: 1px solid var(--line2) !important;
  background: rgba(237, 237, 237, 0.015) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.whatsapp-finder-card:hover {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.07) !important;
}

.finder-icon-wrapper,
.finder-arrow,
.whatsapp-finder-card svg,
.whatsapp-finder-card svg *,
.whatsapp-cta svg,
.btn-whatsapp svg,
a[href*="whatsapp"] svg,
a[href*="wa.me"] svg,
.whatsapp-fab svg,
.whatsapp-fab svg *,
#whatsapp-fab-icon svg,
#whatsapp-fab-icon svg *,
.cpg-cta-btn svg {
  color: var(--warm) !important;
  fill: var(--warm) !important;
  stroke: var(--warm) !important;
}

.finder-icon-wrapper,
.whatsapp-fab,
.whatsapp-fab a,
#whatsapp-fab-icon {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(155, 114, 207, 0.18), 0 8px 24px rgba(155, 114, 207, 0.16) !important;
}

.whatsapp-fab a::before,
.whatsapp-fab a::after,
#whatsapp-fab-icon::before,
#whatsapp-fab-icon::after {
  border-color: rgba(155, 114, 207, 0.45) !important;
}

/* True final Customer Stories cleanup. Keep after old square tab rules. */
.customer-stories-section .cs-header {
  align-items: center !important;
  gap: 12px !important;
}

.customer-stories-section .cs-title {
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}

.customer-stories-section .cs-verified-check {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 999px !important;
  background: var(--warm) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.customer-stories-section .cs-filter-pills {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

.customer-stories-section .cs-pill {
  min-height: 56px !important;
  width: 100% !important;
  padding: 0 18px !important;
  border: 1px solid var(--line2) !important;
  border-radius: 14px !important;
  background: rgba(237, 237, 237, 0.015) !important;
  color: var(--ink2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.customer-stories-section .cs-pill:hover,
.customer-stories-section .cs-pill.active {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.1) !important;
  color: var(--warm) !important;
}

@media (max-width: 640px) {
  .customer-stories-section .cs-filter-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .customer-stories-section .cs-pill {
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 0.58rem !important;
    letter-spacing: 3px !important;
  }
}

/* True final WhatsApp announcement cleanup. */
.lx-wa-announce,
a.lx-wa-announce,
div.lx-wa-announce,
.lx-wa-announce *,
.lx-wa-announce-cta {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.lx-wa-announce::before,
.lx-wa-announce::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Final WhatsApp finder cleanup: one frame only. */
.whatsapp-finder-section {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 22px 20px 0 !important;
  max-width: 780px !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.whatsapp-finder-section > *:not(.whatsapp-finder-card) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.whatsapp-finder-card,
.whatsapp-finder,
.wa-finder,
[class*="whatsapp-finder"],
[class*="wa-find"] {
  border: 1px solid var(--line2) !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: rgba(237, 237, 237, 0.015) !important;
  border-radius: 18px !important;
}

.finder-icon-wrapper,
.whatsapp-finder .icon-box,
.wa-finder .icon-box,
[class*="whatsapp-finder"] [class*="icon"] {
  border-radius: 14px !important;
  background: rgba(155, 114, 207, 0.12) !important;
}

/* Gift popup: keep it above the WhatsApp FAB and remove broken footer text. */
#lx-gift-card {
  bottom: 122px !important;
  right: 24px !important;
  width: 270px !important;
}

#lx-gift-card .lx-c-inner,
#lx-gift-banner .lx-b-inner {
  border-radius: 16px !important;
}

.lx-c-foot {
  display: none !important;
}

.lx-x-btn {
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 50% !important;
}

/* Absolute final WhatsApp cleanup. Keep wrapper invisible, use purple accent everywhere. */
.whatsapp-finder-section,
section.whatsapp-finder-section,
[class~="whatsapp-finder-section"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.whatsapp-finder-section::before,
.whatsapp-finder-section::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.whatsapp-finder-section .whatsapp-finder-card {
  border: 1px solid var(--line2) !important;
  background: rgba(237, 237, 237, 0.015) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.whatsapp-finder-card:hover {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.07) !important;
}

.finder-icon-wrapper,
.finder-arrow,
.whatsapp-finder-card svg,
.whatsapp-finder-card svg *,
.whatsapp-cta svg,
.btn-whatsapp svg,
a[href*="whatsapp"] svg,
a[href*="wa.me"] svg,
.whatsapp-fab svg,
.whatsapp-fab svg *,
#whatsapp-fab-icon svg,
#whatsapp-fab-icon svg * {
  color: var(--warm) !important;
  fill: var(--warm) !important;
  stroke: var(--warm) !important;
}

.finder-icon-wrapper,
.whatsapp-fab,
.whatsapp-fab a,
#whatsapp-fab-icon {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(155, 114, 207, 0.18), 0 8px 24px rgba(155, 114, 207, 0.16) !important;
}

.whatsapp-fab a::before,
.whatsapp-fab a::after,
#whatsapp-fab-icon::before,
#whatsapp-fab-icon::after {
  border-color: rgba(155, 114, 207, 0.45) !important;
}

/* Final corner polish: keep the Onyx look, but soften all visible UI surfaces. */
:root {
  --radius-sm: 6px !important;
  --radius-md: 10px !important;
  --radius-lg: 14px !important;
  --radius-xl: 18px !important;
  --radius-full: 999px !important;
}

.site-header,
header.site-header,
.header,
.app-header,
.mobile-menu,
.dropdown,
.menu-panel,
.search-panel,
.filter-panel,
.product-card,
.brand-card,
.category-card,
.home-brand-card,
.card,
.trust-card,
.feature-card,
.guarantee-card,
.testimonial-card,
.review-card,
.payment-card,
.delivery-card,
.faq-item,
.ts-card,
.pd-card,
.pd-section,
.pd-block,
.product-gallery,
.gallery-main,
.gallery-thumb,
.product-image,
.product-card img,
.card img,
.quick-view-content,
.quick-view-modal,
.cs-lightbox,
.zoom-image-container,
.modal,
.toast,
.lx-b-inner,
.lx-c-panel,
.tb-wrap,
.search-box,
.search-wrapper,
.search-input-wrapper,
.search-input-wrapper input,
input,
textarea,
select {
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
}

.btn,
button,
a.btn,
.button,
.cta,
.cta-primary,
.cta-secondary,
.order-btn,
.wa-btn,
.search-btn,
.page-btn,
.grid-btn,
.mini-grid-toggle,
.theme-toggle,
.menu-toggle,
.header-icon,
.search-icon-btn,
.cart-icon,
.icon-btn,
.breadcrumb-item,
.bubble-pill,
.keyword-chip,
.trending-tag,
.cs-pill,
.brand-badge,
.category-badge,
.badge,
.pill {
  border-radius: var(--radius-full) !important;
}

.site-header,
header.site-header,
.header,
.app-header,
.tb-wrap {
  border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
}

.fab,
.whatsapp-fab,
[class*="fab"],
.avatar,
.profile-avatar,
.pc-brand-dot,
.trust-dot,
.loading-spinner,
.spinner {
  border-radius: 50% !important;
}

.theme-background,
body,
html,
#app {
  border-radius: 0 !important;
  overflow: visible;
}

/* Final screenshot-specific rounding. */
a[href*="instagram"],
a[href*="instagram.com"],
a[href*="whatsapp"],
a[href*="wa.me"],
.profile-social a,
.footer-social a,
.social-row a,
.hero-social a,
.search-icon-btn,
.theme-toggle,
.menu-toggle,
.header-icon,
.cart-icon,
.icon-btn,
button.icon-btn {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.home-hero-cta,
.hero-whatsapp-btn,
.whatsapp-cta,
.btn-whatsapp,
.cta-whatsapp,
.order-btn,
.wa-btn,
.whatsapp-btn,
.email-capture-form button,
.newsletter button,
[class*="email"] button,
[class*="newsletter"] button {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.email-capture-form input,
.email-capture-form input[type="email"],
.newsletter input,
[class*="email"] input,
[class*="newsletter"] input,
.search-input-wrapper,
.search-input-wrapper input,
input[type="search"],
input[type="text"],
input[type="email"] {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.whatsapp-finder-card,
.whatsapp-finder,
.wa-finder,
.lx-b-inner,
.lx-b-wrap,
.lx-c-panel,
[class*="wa-find"] {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.whatsapp-finder .icon-box,
.wa-finder .icon-box,
.lx-b-icon,
[class*="whatsapp-finder"] [class*="icon"] {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* True final WhatsApp cleanup. */
.whatsapp-finder-section,
section.whatsapp-finder-section,
[class~="whatsapp-finder-section"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.whatsapp-finder-section::before,
.whatsapp-finder-section::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.whatsapp-finder-section .whatsapp-finder-card {
  border: 1px solid var(--line2) !important;
  background: rgba(237, 237, 237, 0.015) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.whatsapp-finder-card:hover {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.07) !important;
}

.finder-icon-wrapper,
.finder-arrow,
.whatsapp-finder-card svg,
.whatsapp-finder-card svg *,
.whatsapp-cta svg,
.btn-whatsapp svg,
a[href*="whatsapp"] svg,
a[href*="wa.me"] svg,
.whatsapp-fab svg,
.whatsapp-fab svg *,
#whatsapp-fab-icon svg,
#whatsapp-fab-icon svg *,
.cpg-cta-btn svg {
  color: var(--warm) !important;
  fill: var(--warm) !important;
  stroke: var(--warm) !important;
}

.finder-icon-wrapper,
.whatsapp-fab,
.whatsapp-fab a,
#whatsapp-fab-icon {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(155, 114, 207, 0.18), 0 8px 24px rgba(155, 114, 207, 0.16) !important;
}

.whatsapp-fab a::before,
.whatsapp-fab a::after,
#whatsapp-fab-icon::before,
#whatsapp-fab-icon::after {
  border-color: rgba(155, 114, 207, 0.45) !important;
}

/* True final Customer Stories cleanup. */
.customer-stories-section .cs-header {
  align-items: center !important;
  gap: 12px !important;
}

.customer-stories-section .cs-title {
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}

.customer-stories-section .cs-verified-check {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 999px !important;
  background: var(--warm) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.customer-stories-section .cs-filter-pills {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

.customer-stories-section .cs-pill {
  min-height: 56px !important;
  width: 100% !important;
  padding: 0 18px !important;
  border: 1px solid var(--line2) !important;
  border-radius: 14px !important;
  background: rgba(237, 237, 237, 0.015) !important;
  color: var(--ink2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.customer-stories-section .cs-pill:hover,
.customer-stories-section .cs-pill.active {
  border-color: var(--warm) !important;
  background: rgba(155, 114, 207, 0.1) !important;
  color: var(--warm) !important;
}

@media (max-width: 640px) {
  .customer-stories-section .cs-filter-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .customer-stories-section .cs-pill {
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 0.58rem !important;
    letter-spacing: 3px !important;
  }
}

/* True final WhatsApp announcement cleanup. Keep this last. */
.lx-wa-announce,
a.lx-wa-announce,
div.lx-wa-announce,
.lx-wa-announce *,
.lx-wa-announce-cta {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.lx-wa-announce::before,
.lx-wa-announce::after,
.lx-wa-announce *::before,
.lx-wa-announce *::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* True final proof filter button rounding. */
.customer-stories-section .cs-pill,
.cs-filter-pills .cs-pill,
button.cs-pill,
.tab-btn,
.filter-tab,
[class*="tab-btn"],
[class*="filter-tab"],
.ts-tab {
  border-radius: 16px !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}