/* ═══════════════════════════════════════════
   Mahlwerk Homepage — schlankes Stylesheet
   ───────────────────────────────────────────
   Die Startseite wird vollständig serverseitig
   in front-page.php (Child) gerendert — keine
   versteckten Sektionen, keine Text-Hacks mehr.
   Hier liegt nur noch die Scroll-Reveal-Utility
   (rein CSS, progressiv).
   22.10.2026 start-15: toten Trustpilot-Block
   (::before-Label „★ Trustpilot“ ohne Markup) entfernt.
   ═══════════════════════════════════════════ */

/* ── Scroll-Reveal für Sektionen ──
   Sanftes Einblenden beim Scrollen, rein per CSS
   (animation-timeline: view()). Browser ohne
   Support überspringen den @supports-Block und
   sehen alles ganz normal — kein JS, kein FOUC.
   prefers-reduced-motion wird respektiert.
   22.10.2026 start-15: Start bei 60 % statt 35 % Deckkraft und kürzerer
   Bereich – Inhalte wirken nie ausgegraut (auch in Screenshots/Kontrastprüfungen). */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    :is(.bw-topseller-section, .bw-spotlight, .bw-pricetiers, .bw-brands, .bw-why, .bw-cta) {
      animation: bw-section-reveal ease-out both;
      animation-timeline: view();
      /* Nur beim Eintritt in den Viewport animieren */
      animation-range: entry 0% entry 35%;
    }
  }
}

@keyframes bw-section-reveal {
  from {
    opacity: 0.6;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}