/* Homepage proof bar: stats + supported stores, one clean card */
.proof {
  position: relative; z-index: 2;
  max-width: 1040px; margin: 12px auto 0;
  background: rgba(255, 253, 250, 0.82);
  -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4);
  border: 1px solid rgba(74, 58, 45, 0.08);
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(61, 40, 23, 0.04), 0 12px 32px rgba(61, 40, 23, 0.07);
}
.proof-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.proof-stats > div { padding: 20px 18px 18px; text-align: center; min-width: 0; }
.proof-stats > div + div { border-left: 1px solid rgba(74, 58, 45, 0.08); }
.proof-stats dt {
  font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em;
  color: var(--terracotta); font-variant-numeric: tabular-nums;
}
.proof-stats dd { margin: 6px auto 0; max-width: 18em; font-size: 0.85rem; line-height: 1.35; color: var(--text-muted); }

.proof-stores {
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 14px 24px 18px; border-top: 1px solid rgba(74, 58, 45, 0.08);
}
.proof-label {
  flex: none; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-subtle);
}
.proof-logos {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 10px 26px; margin: 0; padding: 0; list-style: none;
}
.proof-logos li { display: inline-flex; align-items: center; height: 24px; }
.proof-logos img { height: 18px; width: auto; filter: grayscale(1); opacity: 0.68; }
.proof-logos img.proof-wide { height: 12px; }
.proof-word {
  gap: 6px; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #7A6E63;
}
.proof-target img { height: 16px; }
.proof-more { font-size: 0.85rem; font-weight: 700; color: var(--terracotta); }

/* Hero photo: soft bottom edge everywhere it sits beside the text */
@media (min-width: 769px) {
  .homepage-hero-media {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
            mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
  }
}

/* Mid-size screens: photo on the right half, text on the left, nothing overlapping */
@media (min-width: 769px) and (max-width: 1180px) {
  .hero .homepage-hero-media { top: 24px; width: 64%; }
  .hero .homepage-hero-media img { width: 100%; height: auto; object-fit: contain; }
  .hero .hero-copy { max-width: 54%; }
  .hero h1 { font-size: clamp(2rem, 4vw, 2.7rem); }
  .hero-actions { flex-wrap: wrap; gap: 10px; }
  .hero-actions .btn { padding: 13px 20px; font-size: 0.95rem; min-height: 0; }
  .hero::before {
    background:
      linear-gradient(90deg,
        rgba(251,248,242,1) 0%,
        rgba(251,248,242,0.98) 46%,
        rgba(251,248,242,0.7) 58%,
        rgba(251,248,242,0.18) 76%,
        rgba(251,248,242,0.02) 100%),
      linear-gradient(180deg, rgba(251,248,242,0) 0%, rgba(251,248,242,0.12) 60%, #FBF8F2 100%);
  }
}

.hero-meta { font-size: 0.85rem; }

@media (max-width: 1000px) {
  .proof-logos { gap: 10px 16px; }
  .proof-word { font-size: 0.74rem; }
  .proof-logos li:nth-child(9) { display: none; }
}
@media (max-width: 860px) {
  .proof-stores { padding: 14px 16px 16px; }
  .proof-logos { gap: 10px 18px; }
}

@media (max-width: 520px) {
  .proof { border-radius: 20px; margin-top: 4px; }
  .proof-stats > div { padding: 16px 6px 14px; }
  .proof-stats dt { font-size: 1.3rem; }
  .proof-stats dd { font-size: 0.72rem; }
  .proof-logos img { height: 16px; }
  .proof-word { font-size: 0.74rem; }
}