/* ============================================================
   DPAULS — STRUCTURAL OVERRIDES (Editorial Monochrome)
   ============================================================ */

body { background: #f4f5f9; }
::selection { background: #0f3a4a; color: #e6cba0; }

/* --- Announcement bar: thin uppercase ticker --- */
.announce {
  background: #0e1b2c !important;
  color: #e6cba0 !important;
  font-size: 11px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase;
  padding: 11px 0 !important;
  border-bottom: 1px solid #1f6f5b;
}

/* --- Header: dark editorial bar --- */
.header {
  background: rgba(14, 27, 44, 0.96) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(230, 203, 160, 0.18) !important;
}
.header.scrolled { background: rgba(14, 27, 44, 0.99) !important; box-shadow: 0 1px 0 rgba(230,203,160,0.2); }
.header-inner { padding: 22px 48px !important; }
.nav a { color: #e6cba0 !important; font-size: 12px !important; letter-spacing: 0.2em !important; font-weight: 500 !important; }
.nav a::after { background: #e6cba0 !important; height: 1px !important; }
.nav a:hover { color: #ffffff !important; }
.icon-btn { color: #e6cba0 !important; }
.icon-btn:hover { background: rgba(230,203,160,0.14) !important; color: #ffffff !important; }
.cart-count { background: #c98a5a !important; color: #0e1b2c !important; }
.menu-toggle span { background: #e6cba0 !important; }
/* --- Wordmark: solid editorial caps with thin underscore --- */
.logo-name {
  background: none !important;
  -webkit-text-fill-color: #e6cba0 !important;
  color: #e6cba0 !important;
  font-family: 'Bodoni Moda', serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  letter-spacing: 0.42em !important;
  text-transform: uppercase;
  padding-right: 0.42em;
  position: relative;
}
.logo-name::after {
  content: '';
  display: block;
  width: 32px; height: 1px;
  background: #c98a5a;
  margin-top: 6px;
}
.logo-tag {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 8.5px !important;
  letter-spacing: 0.45em !important;
  text-transform: uppercase;
  color: #c98a5a !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
  opacity: 0.95 !important;
}
.footer-brand .logo-name { -webkit-text-fill-color: #e6cba0 !important; color: #e6cba0 !important; }
.footer-brand .logo-name::after { background: rgba(230,203,160,0.5); }
.footer-brand .logo-tag { color: rgba(230,203,160,0.65) !important; }
.logo-mark { filter: drop-shadow(0 2px 8px rgba(230,203,160,0.35)) !important; }
.logo:hover .logo-mark { transform: rotate(0) scale(1.04) !important; }
.search-bar { background: #0e1b2c; }
.search-bar-inner, .search-bar-inner input { color: #e6cba0 !important; }
.search-bar-inner input::placeholder { color: rgba(230,203,160,0.45) !important; }

/* --- Hero: full-bleed editorial split --- */
.hero {
  padding: 0 !important;
  background: linear-gradient(180deg, #0e1b2c 0%, #0f3a4a 100%);
  color: #f4f5f9;
  border-radius: 0 !important;
  min-height: 86vh;
  display: flex;
  align-items: stretch;
  margin: 0 !important;
}
.hero-bg { display: none !important; }
.hero-inner {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100%;
  align-items: center;
}
.hero-text {
  padding: 80px 80px 80px 96px !important;
  border-right: 1px solid rgba(230,203,160,0.18);
}
.hero-eyebrow { color: #c98a5a !important; letter-spacing: 0.5em !important; font-size: 11px !important; text-transform: uppercase; font-weight: 600; }
.hero-title { font-family: 'Bodoni Moda', serif !important; font-weight: 400 !important; font-size: 78px !important; line-height: 0.96 !important; margin: 28px 0 !important; color: #ffffff !important; letter-spacing: -0.03em !important; }
.hero-title em { color: #e6cba0 !important; font-style: italic !important; font-weight: 600 !important; }
.hero-sub { color: rgba(244,245,249,0.7) !important; font-size: 15px !important; max-width: 520px; border-top: 1px solid rgba(230,203,160,0.25); padding-top: 22px; margin-top: 8px; }
.hero-cta { gap: 14px !important; margin-top: 36px !important; }
.btn-primary { background: #e6cba0 !important; color: #0e1b2c !important; padding: 16px 34px !important; border-radius: 0 !important; }
.btn-primary:hover { background: #ffffff !important; }
.btn-ghost { border: 1px solid rgba(230,203,160,0.5) !important; color: #e6cba0 !important; background: transparent !important; border-radius: 0 !important; padding: 16px 34px !important; }
.btn-ghost:hover { background: rgba(230,203,160,0.1) !important; color: #ffffff !important; }
.hero-stats { margin-top: 56px !important; padding-top: 32px !important; border-top: 1px solid rgba(230,203,160,0.2); gap: 56px !important; }
.hero-stats strong { color: #e6cba0 !important; font-family: 'Bodoni Moda', serif; font-weight: 400; font-size: 32px !important; }
.hero-stats span { color: rgba(244,245,249,0.55) !important; font-size: 11px !important; letter-spacing: 0.2em; text-transform: uppercase; }
.hero-visual {
  height: 100% !important;
  background-image: url('https://images.unsplash.com/photo-1727430228383-aa1fb59db8bf?w=900&h=1200&fit=crop&q=80');
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 86vh;
}
.hero-visual::before { content: ''; position: absolute; inset: 0; background: linear-gradient(220deg, transparent 0%, rgba(14,27,44,0.45) 100%); }
.hero-card { display: none !important; }
.hero-floating { display: none !important; }

/* --- Trust strip: dark band --- */
.trust-strip { background: #0f3a4a !important; color: #e6cba0 !important; border: none !important; padding: 32px 48px !important; border-radius: 0 !important; margin: 0 !important; }
.trust-item { color: #e6cba0 !important; }
.trust-item strong { color: #ffffff !important; font-weight: 500; letter-spacing: 0.05em; }
.trust-item span { color: rgba(230,203,160,0.6) !important; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; }
.trust-item svg { stroke: #e6cba0 !important; }

/* --- Section heads (chiseled editorial) --- */
.section-eyebrow { font-size: 10px !important; letter-spacing: 0.55em !important; text-transform: uppercase; color: #c98a5a !important; font-weight: 600; }
.section-title { font-family: 'Bodoni Moda', serif !important; font-weight: 400 !important; font-size: 52px !important; letter-spacing: -0.02em !important; }
.section-title em { color: #b5894a !important; font-weight: 500 !important; }

/* --- Categories: minimal dark tiles --- */
.cat-grid { gap: 4px !important; }
.cat-card { border-radius: 0 !important; border: none !important; }
.cat-card-inner { border-radius: 0 !important; }
.cat-card h3 { font-family: 'Bodoni Moda', serif !important; }

/* --- Product cards: editorial squares, no chrome --- */
.product { border-radius: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; }
.product:hover { transform: none !important; box-shadow: none !important; }
.product-img { border-radius: 0 !important; background: #eceef6 !important; aspect-ratio: 4/5 !important; }
.product:hover .product-photo { transform: scale(1.04); }
.product-info { padding: 18px 0 4px !important; text-align: left; }
.product-cat { font-size: 10px !important; letter-spacing: 0.25em !important; text-transform: uppercase; color: #6a7689 !important; }
.product-name { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: 0.01em !important; margin: 8px 0 !important; color: #0e1b2c !important; min-height: auto !important; }
.product-prices { gap: 10px; }
.price-now { font-family: 'Bodoni Moda', serif !important; font-weight: 500; color: #0f3a4a !important; }
.price-was { color: #6a7689 !important; }
.price-off { background: transparent !important; color: #c98a5a !important; padding: 0 !important; font-weight: 600; letter-spacing: 0.1em; font-size: 11px !important; }
.product-rating { font-size: 11px; color: #6a7689; }
.product-quickadd { background: #0e1b2c !important; color: #e6cba0 !important; border-radius: 0 !important; font-size: 11px !important; letter-spacing: 0.22em !important; text-transform: uppercase; padding: 12px 0 !important; }
.product-wishlist { background: rgba(255,255,255,0.92) !important; border-radius: 50% !important; }
.badge { border-radius: 0 !important; letter-spacing: 0.18em !important; font-size: 10px !important; text-transform: uppercase; padding: 5px 10px !important; }

/* --- Filter pills: underline tabs --- */
.filter-pill { background: transparent !important; border: none !important; border-radius: 0 !important; border-bottom: 2px solid transparent !important; padding: 10px 4px !important; margin-right: 22px !important; color: #6a7689 !important; letter-spacing: 0.18em !important; font-size: 11px !important; text-transform: uppercase; }
.filter-pill.active, .filter-pill:hover { background: transparent !important; color: #0e1b2c !important; border-bottom-color: #b5894a !important; }
.filter-sort select { border-radius: 0 !important; border: 1px solid #d8dde8 !important; }

/* --- Testimonials: editorial quote columns on dark --- */
.testimonials { background: #0e1b2c !important; color: #e6cba0; }
.testimonials .section-title { color: #ffffff !important; }
.testimonials .section-sub { color: rgba(230,203,160,0.6) !important; }
.testi-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 1px !important; background: rgba(230,203,160,0.1); border: 1px solid rgba(230,203,160,0.1); }
.testi-card { background: #0e1b2c !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: #e6cba0; padding: 36px 32px !important; }
.testi-card::before { color: rgba(230,203,160,0.18) !important; font-size: 80px !important; }
.testi-stars { color: #e6cba0 !important; }
.testi-card p { color: rgba(244,245,249,0.88) !important; font-family: 'Bodoni Moda', serif !important; font-size: 17px !important; }
.testi-author strong { color: #ffffff !important; }
.testi-author span { color: rgba(230,203,160,0.55) !important; }

/* --- Newsletter --- */
.newsletter { background: #0f3a4a !important; }
.newsletter::before { display: none !important; }
.newsletter h2 em { color: #e6cba0 !important; }
.newsletter-form input { border-radius: 0 !important; }

/* --- Footer: deep monochrome --- */
.footer { background: #08222d !important; color: rgba(230,203,160,0.7); }
.footer h4 { color: #e6cba0 !important; letter-spacing: 0.22em !important; font-size: 11px !important; text-transform: uppercase; }
.footer a:hover { color: #ffffff !important; }
.pm { background: rgba(230,203,160,0.08) !important; border-color: rgba(230,203,160,0.18) !important; color: #e6cba0 !important; border-radius: 0 !important; }
.footer-bottom { border-top: 1px solid rgba(230,203,160,0.15) !important; }

/* --- Drawer / modal accents --- */
.drawer-head { background: #0e1b2c; color: #e6cba0; border-bottom: 1px solid rgba(230,203,160,0.2); }
.drawer-head h3 { color: #e6cba0; }
.drawer-close { color: #e6cba0; }

/* Mobile */
@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr !important; }
  .hero-text { padding: 60px 32px !important; border-right: none !important; border-bottom: 1px solid rgba(230,203,160,0.18); }
  .hero-title { font-size: 48px !important; }
  .hero-visual { min-height: 50vh !important; }
  .section-title { font-size: 36px !important; }
  .header-inner { padding: 16px 20px !important; }
  .testi-grid { grid-template-columns: 1fr !important; }
}