/* Correcties na audit 5 nov 2026 (mobiele hero, compacte cookiemelding) */
@media (max-width: 700px) {
  .hero .hero-eyebrow, .hero-hint { display: none !important; }
  .hero.dark { min-height: 0 !important; padding-top: 150px !important; padding-bottom: 36px !important; }
  .hero.dark .hero-media { inset: 0 !important; height: auto !important; bottom: 0 !important; opacity: .42; background-position: 78% 30% !important; }
  .hero .hero-inner { min-height: 0 !important; }
  .hero h1 { font-size: clamp(2rem, 9.2vw, 2.55rem) !important; line-height: 1.06 !important; margin-bottom: 12px !important; }
  .hero .hero-lead { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem !important; margin-bottom: 18px !important; }
  .hero .hero-incl { margin-bottom: 12px !important; }
}
/* Cookiemelding: klein en uit de weg van de knoppen */
.cc { left: auto !important; right: 20px !important; bottom: 88px !important; width: min(360px, calc(100vw - 40px)) !important; padding: 16px 18px 14px !important; }
.cc .cc-stone { width: 32px !important; }
.cc .cc-top { margin-bottom: 8px !important; }
.cc .cc-text { font-size: .82rem !important; margin-bottom: 12px !important; }
@media (max-width: 700px) {
  .cc { left: 10px !important; right: 10px !important; bottom: 10px !important; width: auto !important; padding: 12px 14px 12px !important; border-radius: 16px !important; }
  .cc .cc-stone, .cc .cc-kicker { display: none !important; }
  .cc .cc-top { margin-bottom: 4px !important; }
  .cc .cc-title { font-size: .95rem !important; }
  .cc .cc-text { font-size: .78rem !important; line-height: 1.45 !important; margin-bottom: 10px !important; }
  .cc .cc-actions { gap: 8px !important; }
  .cc .cc-btn { padding-top: 9px !important; padding-bottom: 9px !important; }
}