.mega-nav__item--has-mega.open .mega-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }

@media (max-width: 1024px) {
  :root { --section-pad: 60px; }
  .hero__inner { grid-template-columns: 1fr; gap: 40px; }
  .hero__widget { max-width: 520px; }
  .usp-bar__inner { grid-template-columns: repeat(2,1fr); }
  .merk-grid { grid-template-columns: repeat(4,1fr); }
  .review-score { grid-template-columns: auto 1fr; }
  .review-score__badges { display: none; }
  .hwh-connector { display: none; }
  .hwh-steps { flex-wrap: wrap; justify-content: center; gap: 24px; }
  .woocommerce ul.products { grid-template-columns: repeat(3,1fr) !important; }
  .why-grid { grid-template-columns: repeat(2,1fr); }
  .reviews-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  /* Reminder: tekst centreren als formulier eronder komt */
  .reminder-inner { grid-template-columns: 1fr; text-align: center; }
  .reminder-inner p { margin: 0 auto; }
  .reminder-form { min-width: unset; width: 100%; max-width: 480px; margin: 0 auto; text-align: left; }
  .topbar__usps { gap: 12px; }
  .mega-dropdown { min-width: 600px; }
  .mega-dropdown__inner { grid-template-columns: 1fr 1fr; }
  .mega-dropdown__cta { display: none; }
}

@media (max-width: 768px) {
  :root { --section-pad: 48px; }
  .header__inner { grid-template-columns: 1fr auto; padding: 12px 20px; }
  .header__search { display: none; }
  .header__mobile-toggle { display: flex; }
  .topbar__usps { display: none; }
  .mega-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 999; background: var(--navy); }
  .mega-nav.active { display: block; }
  .mega-nav__list { flex-direction: column; }
  .mega-nav__link { padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .mega-nav { max-height: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; }
  .mega-nav__item--has-mega > .mega-nav__link { display: flex; justify-content: space-between; width: 100%; }
  .mega-dropdown { display: none; position: static; width: 100%; min-width: 0; transform: none; border-radius: 0; box-shadow: none; }
  .mega-nav__item--has-mega.open .mega-dropdown { display: block; opacity: 1; visibility: visible; transform: none; }
  .mega-dropdown > .container { padding: 0; }
  .mega-nav .mega-dropdown__inner { display: grid; grid-template-columns: minmax(0, 1fr); }
  .mega-nav .mega-dropdown__featured, .mega-nav .mega-dropdown__all { padding: 16px 20px; border-right: 0; }
  .mega-nav .mega-dropdown__links { columns: auto; }
  .mega-dropdown__links a { padding: 10px 0; }
  .merk-card-mini { min-height: 44px; }

  /* De filterkiezer blijft ook op mobiel beschikbaar. */
  .hero { min-height: auto; }
  .hero__inner { padding: 48px 0; grid-template-columns: 1fr; }
  .hero__widget { display: block; width: 100%; max-width: 100%; min-width: 0; padding: 24px 20px; scroll-margin-top: 110px; }
  .filter-finder__select { width: 100%; min-width: 0; font-size: 16px; }
  .hero__content { text-align: center; }
  .hero__label { margin: 0 auto 24px; }
  .hero__sub { margin-left: auto; margin-right: auto; }
  .hero__actions { justify-content: center; }
  .hero__stats { gap: 20px; justify-content: center; }

  .usp-bar__inner { grid-template-columns: 1fr 1fr; gap: 12px; }
  .merk-grid { grid-template-columns: repeat(2,1fr); }
  .review-score { grid-template-columns: 1fr; text-align: center; }
  .review-score__stars { justify-content: center; }
  .review-bar { max-width: 300px; margin-left: auto; margin-right: auto; }
  .reviews-grid { grid-template-columns: 1fr; }
  .woocommerce ul.products { grid-template-columns: repeat(2,1fr) !important; gap: 14px !important; }
  .why-grid { grid-template-columns: 1fr; }
  .reviews-grid { grid-template-columns: 1fr; }

  /* Review score: stapel op smal scherm */
  .review-score { flex-direction: column; gap: 16px; text-align: center; padding: 24px; }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom__inner { flex-direction: column; gap: 8px; text-align: center; }
  .footer-kvk { flex-direction: column; gap: 4px; align-items: center; }
}

@media (max-width: 480px) {
  .merk-grid { grid-template-columns: 1fr 1fr; }
  .woocommerce ul.products { grid-template-columns: 1fr !important; }
  .usp-bar__inner { grid-template-columns: 1fr; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; justify-content: center; }
  .hero__stats { gap: 16px; flex-wrap: wrap; justify-content: center; }
}