/* Homepage uses the same restrained surfaces as the shop. */
body.home-page {
  --home-ink: var(--c-text);
  --home-muted: var(--c-text-3);
  --home-line: var(--c-border);
  --home-green: var(--c-brand);
  background: var(--c-bg);
}

body.home-page .home-wrapper {
  min-height: auto;
  padding: clamp(16px, 3vw, 40px) 16px;
  background: var(--c-bg);
}

body.home-page .main-content-card {
  width: min(100%, 1240px);
  max-width: 1240px;
  padding: clamp(16px, 3vw, 36px);
  color: var(--home-ink);
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  animation: none;
  backdrop-filter: none;
}

body.home-page .main-content-card::before,
body.home-page .bubble-layer,
body.home-page .premium-capsules,
body.home-page .live-trust-bar { display: none !important; }

body.home-page .hero-section {
  margin-bottom: 28px;
  color: var(--home-ink);
  background: var(--c-raised) !important;
  border: 0;
  border-radius: var(--r-xl);
  box-shadow: var(--c-shadow-2);
  backdrop-filter: none;
}

body.home-page .hero-section::before { display: none; }
body.home-page .hero-content { padding: clamp(24px, 4vw, 46px) clamp(14px, 4vw, 38px); }
body.home-page .hero-title { color: var(--home-ink); text-shadow: none; }
body.home-page .hero-title-sub { color: var(--home-green); }
body.home-page .hero-subtitle { max-width: 760px; color: var(--c-text-2); }

body.home-page .hero-badge {
  padding: 6px 11px;
  color: var(--c-on-brand-subtle);
  background: var(--c-brand-subtle);
  border: 1px solid var(--c-border);
  border-radius: 7px;
  box-shadow: none;
}

body.home-page .hero-search { max-width: 740px; margin-inline: auto; }

body.home-page .hero-search .search-wrapper {
  min-height: 58px;
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  border-radius: 9px;
  box-shadow: var(--c-shadow-1);
  backdrop-filter: none;
}

body.home-page .hero-search .search-wrapper:focus-within {
  border-color: var(--c-brand);
  box-shadow: 0 0 0 3px rgba(var(--c-brand-rgb), 0.18);
}

body.home-page .hero-search .search-input { color: var(--home-ink); }
body.home-page .hero-search .search-input::placeholder { color: var(--c-text-3); }
body.home-page .hero-search .search-btn {
  min-height: 42px;
  color: var(--c-on-brand);
  background: var(--home-green);
  border-radius: 7px;
  box-shadow: none;
}
body.home-page .hero-search .search-btn:hover {
  background: var(--c-brand-hover);
  transform: translateY(-50%);
}

body.home-page .hero-actions { justify-content: center; gap: 9px; margin-top: 18px; }
body.home-page .hero-btn,
body.home-page .cta-btn,
body.home-page .hero-btn-outline,
body.home-page .cta-btn-secondary {
  min-height: 42px;
  padding: 10px 16px;
  color: var(--c-text) !important;
  background: var(--c-surface-2) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 7px;
  box-shadow: none;
  transform: none;
}
body.home-page .hero-btn-primary,
body.home-page .cta-btn:not(.cta-btn-secondary) {
  color: var(--c-on-brand) !important;
  background: var(--home-green) !important;
  border-color: var(--home-green) !important;
}
body.home-page .hero-btn:hover,
body.home-page .cta-btn:hover { transform: translateY(-1px); box-shadow: none; }
body.home-page .hero-btn i,
body.home-page .cta-btn i { color: inherit; }

body.home-page .hero-trust-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

body.home-page .hero-trust-badges .trust-badge {
  min-height: 38px;
  padding: 7px 10px;
  color: var(--c-text-2);
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  border-radius: 7px;
  box-shadow: none;
}

body.home-page .hero-trust-badges .trust-badge i { color: var(--home-green); }

body.home-page .stats-section,
body.home-page .features-section,
body.home-page .categories-section,
body.home-page .products-section,
body.home-page .cta-section { margin-bottom: clamp(28px, 5vw, 52px); }

body.home-page .stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.home-page .stat-item {
  padding: 18px 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}
body.home-page .stat-item:hover { background: transparent; transform: none; box-shadow: none; }
body.home-page .stat-number {
  margin-bottom: 7px;
  color: var(--c-brand);
  background: none;
  -webkit-text-fill-color: currentColor;
  font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}
body.home-page .stat-label { color: var(--home-muted); font-size: var(--fs-sm); }

body.home-page .section-title {
  color: var(--home-ink);
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
}

body.home-page .section-subtitle { color: var(--home-muted); }

body.home-page .feature-card {
  color: var(--home-ink);
  background: transparent !important;
  border: 0;
  border-radius: var(--r-lg);
  box-shadow: none;
  backdrop-filter: none;
}
body.home-page .category-card,
body.home-page .product-card {
  color: var(--home-ink);
  background: var(--c-raised) !important;
  border: 0;
  border-radius: var(--r-lg);
  box-shadow: var(--c-shadow-2);
  backdrop-filter: none;
}

body.home-page .feature-card::before,
body.home-page .category-card::before,
body.home-page .product-card::before { display: none; }

body.home-page .feature-card:hover {
  transform: none;
  background: var(--c-surface) !important;
  box-shadow: none;
}
body.home-page .category-card:hover,
body.home-page .product-card:hover {
  transform: translateY(-2px);
  border-color: transparent;
  box-shadow: var(--c-shadow-3);
}

body.home-page .feature-icon { box-shadow: none !important; }
body.home-page .feature-title { color: var(--home-ink); }
body.home-page .feature-description { color: var(--home-muted); }
body.home-page .category-title,
body.home-page .product-title { color: var(--home-ink); }
body.home-page .category-count-badge {
  color: var(--c-on-brand-subtle);
  background: var(--c-brand-subtle);
}
body.home-page .product-description { color: var(--home-muted); }
body.home-page .category-icon-wrap {
  color: var(--c-brand);
  background: var(--c-brand-subtle) !important;
  border-radius: 10px;
  box-shadow: none;
}
body.home-page .category-arrow { color: var(--c-text-3); }

body.home-page .product-image-wrapper {
  background: var(--c-photo-well);
  border-bottom: 1px solid var(--c-border);
}

body.home-page .product-image { padding: 12px; object-fit: contain; }

body.home-page .product-badge {
  color: var(--c-on-brand-subtle);
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: 6px;
  box-shadow: none;
}

body.home-page .product-btn {
  min-height: 38px;
  color: var(--c-text);
  background: var(--c-surface-2);
  border: 1px solid var(--c-border);
  border-radius: 6px;
  box-shadow: none;
}

body.home-page .product-btn-primary {
  color: var(--c-on-brand);
  background: var(--home-green);
  border-color: var(--home-green);
}

body.home-page .home-app-cta {
  color: var(--c-on-brand);
  background: var(--c-brand);
  border: 1px solid var(--c-brand);
  border-radius: 10px;
  box-shadow: none;
  backdrop-filter: none;
}

body.home-page .home-app-cta::before { display: none; }
body.home-page .home-app-cta-icon { box-shadow: none; }
body.home-page .cta-section {
  padding: clamp(22px, 4vw, 42px);
  background: var(--c-surface-2);
  border: 1px solid var(--home-line);
  border-radius: 12px;
  backdrop-filter: none;
}
body.home-page .cta-section::before { display: none; }
body.home-page .cta-icon-ring {
  width: 58px;
  height: 58px;
  margin-bottom: 12px;
  color: var(--c-brand);
  background: var(--c-brand-subtle);
  box-shadow: none;
  animation: none;
}
body.home-page .cta-title { color: var(--home-ink); }
body.home-page .cta-subtitle { color: var(--home-muted); }

body.home-page .seo-extended-content,
body.home-page .seo-content-section {
  color: var(--home-ink) !important;
  background: var(--c-surface) !important;
  border: 1px solid var(--home-line) !important;
  border-radius: 10px !important;
  backdrop-filter: none !important;
}

body.home-page :focus-visible { outline: 3px solid rgba(var(--c-brand-rgb), .45); outline-offset: 2px; }

@media (max-width: 767.98px) {
  body.home-page .home-wrapper { padding: 10px; }
  body.home-page .main-content-card { padding: 12px; border-radius: 10px; }
  body.home-page .hero-content { padding: 23px 13px; }
  body.home-page .hero-trust-badges .trust-badge { font-size: .78rem; }
  body.home-page .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}