/* ═══════════════════════════════════════════
   Brühwerk Homepage — Hero, categories, bestseller
   ═══════════════════════════════════════════ */

/* ── Bestseller card images ── */
.bw-bestseller__card-image {
  background: #1e1e1e !important;
}
.bw-bestseller__card-image img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.bw-bestseller__card {
  background: var(--bw-bg) !important;
}

/* Hide theme bestseller (replaced by topseller snippet) */
.bw-bestseller {
  display: none !important;
}
/* Hide categories + spotlight (replaced by CRO sections) */
.bw-categories,
.bw-spotlight {
  display: none !important;
}

/* ── Trustpilot centered ── */
.bw-hero__trust-tp-logo {
  display: none !important;
}
.bw-hero__trust-inner {
  justify-content: center !important;
}
.bw-hero__trust-inner::before {
  content: "\2605  Trustpilot" !important;
  color: #00b67a !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  white-space: nowrap !important;
  margin-right: var(--bw-s-1) !important;
}
.bw-hero__trust {
  display: flex !important;
  justify-content: center !important;
}

/* ── Hero Headline Override ── */
.bw-hero__title {
  font-size: 0 !important;
  color: transparent !important;
}
.bw-hero__title::after {
  content: "Perfekter Kaffee. Jeden Morgen." !important;
  font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  color: #fff !important;
  font-family: var(--bw-font-serif) !important;
  font-weight: 700 !important;
  font-style: italic !important;
  display: block !important;
}

/* ── Category Headline Override ── */
.bw-categories__title {
  font-size: 0 !important;
  color: transparent !important;
}
.bw-categories__title::after {
  content: "Finden Sie Ihre perfekte Maschine" !important;
  font-size: clamp(1.8rem, 3.5vw, 2.5rem) !important;
  color: #e0e0e0 !important;
  font-family: var(--bw-font-serif) !important;
  font-weight: 700 !important;
  display: block !important;
}

/* ── Trust bar ── */
.bw-trust-bar {
  background: rgba(200,149,108,0.08) !important;
  border-top: 1px solid rgba(200,149,108,0.2) !important;
  border-bottom: 1px solid rgba(200,149,108,0.2) !important;
}

/* ═══════════════════════════════════════════
   Hero Section Polish
   ═══════════════════════════════════════════ */

/* Subtle radial glow behind hero text */
.bw-hero {
  position: relative !important;
}
.bw-hero::before {
  content: "" !important;
  position: absolute !important;
  top: 30% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 800px !important;
  height: 600px !important;
  background: radial-gradient(ellipse, rgba(200,149,108,0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Hero subtitle */
.bw-hero__kicker {
  letter-spacing: 0.2em !important;
  font-size: 0.75rem !important;
  color: var(--bw-accent) !important;
  font-weight: 600 !important;
}

/* Hero description */
.bw-hero__desc {
  max-width: 560px !important;
  margin-inline: auto !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.6) !important;
}

/* Hero CTA buttons */
.bw-hero__actions .bw-btn--primary {
  background: var(--bw-accent) !important;
  color: var(--bw-accent-ink) !important;
  padding: 16px 36px !important;
  border-radius: var(--bw-r-sm) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 24px rgba(200,149,108,0.25) !important;
  transition: transform var(--bw-t-fast), box-shadow var(--bw-t-fast) !important;
}
.bw-hero__actions .bw-btn--primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(200,149,108,0.35) !important;
}
.bw-hero__actions .bw-btn--outline {
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.85) !important;
  padding: 16px 36px !important;
  border-radius: var(--bw-r-sm) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  transition: all var(--bw-t-fast) !important;
}
.bw-hero__actions .bw-btn--outline:hover {
  border-color: var(--bw-accent) !important;
  color: var(--bw-accent) !important;
}

/* ═══════════════════════════════════════════
   Topseller Section Polish (WPCode injected)
   ═══════════════════════════════════════════ */

.bw-topseller-section {
  padding: var(--bw-s-20) 0 !important;
}
.bw-topseller-section h2 {
  font-family: var(--bw-font-serif) !important;
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════
   Category Section Polish
   ═══════════════════════════════════════════ */

.bw-categories {
  padding: var(--bw-s-16) 0 !important;
}
.bw-categories__grid {
  gap: var(--bw-s-6) !important;
}
.bw-categories__card {
  border-radius: var(--bw-r-lg) !important;
  overflow: hidden !important;
  transition: transform var(--bw-t-normal), box-shadow var(--bw-t-normal) !important;
}
.bw-categories__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--bw-shadow-lg) !important;
}

/* ═══════════════════════════════════════════
   CTA Section Polish
   ═══════════════════════════════════════════ */

.bw-cta {
  padding: var(--bw-s-20) 0 !important;
}
.bw-cta__title {
  font-family: var(--bw-font-serif) !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}
.bw-cta__phone {
  color: var(--bw-accent) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: opacity var(--bw-t-fast) !important;
}
.bw-cta__phone:hover {
  opacity: 0.85 !important;
}

/* ═══════════════════════════════════════════
   Trustpilot Badge Polish
   ═══════════════════════════════════════════ */

.bw-hero__trust {
  margin-top: var(--bw-s-8) !important;
}
.bw-hero__trust-inner {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 999px !important;
  padding: 10px 24px !important;
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
}