@media (min-width: 761px) and (max-width: 1024px) {
  [data-nav-in] { grid-template-columns: auto 1fr !important; gap: 16px !important; }
  [data-nav-in] > div:first-child { display: none !important; }
  [data-nav-in] > a[aria-label="Whspr"] { justify-self: start !important; }
  [data-nav-in] > div:last-child { gap: 18px !important; font-size: 14.5px !important; }

  #hero [data-vhero-in] { flex-wrap: wrap !important; align-items: flex-start !important; gap: 22px !important; }
  #hero [data-vhero-copy] { max-width: none !important; flex: 1 1 100% !important; }
  #hero [data-vhero-copy] h1 { font-size: clamp(40px, 5.8vw, 54px) !important; }

  #voordelen [data-b3d-subhero] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important; }
  #voordelen [data-b3d-grid] { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
  #voordelen [data-b3d-item] { min-height: 62vh !important; }
  #voordelen [data-b3d-item] :is(h2, h3) { font-size: clamp(34px, 4.6vw, 44px) !important; }
  #voordelen [data-b3d-panel] { height: min(70vh, 640px) !important; }

  #zo-werkt-het [data-specs-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px !important; }
  #zo-werkt-het [data-specs-grid] > div:last-child { grid-column: 1 / -1; }

  #erfgrens [data-erf-grid] { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  #erfgrens [data-erf-grid] > div:last-child { order: 2; }

  #praktijk [data-trip] { grid-template-columns: 1fr 1fr !important; grid-template-rows: 1fr 1fr; height: clamp(560px, 92vw, 820px) !important; }

  #video [data-vid-frame] { aspect-ratio: 16 / 9 !important; }

  #ervaringen [data-erv-grid] { grid-template-columns: 1fr 1fr !important; }
  #ervaringen [data-erv-top] { flex-direction: column; align-items: flex-start !important; }

  #laatste-stap [data-ls-body] { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  #laatste-stap [data-ls-panel] { max-width: 480px; }

  #reserveer [data-foot-grid] { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) !important; }
}

@media (max-width: 360px) {
  section[data-below], #voordelen, #prijs, #erfgrens { padding-left: 16px !important; padding-right: 16px !important; }
  #hero [data-vhero-bar][data-vhero-bar] { padding: 0 16px !important; }
  #hero [data-vhero-copy] h1 { font-size: 30px !important; }
  #hero [data-vhero-buy] > span { font-size: 17px !important; }
  #hero [data-vhero-buy] a { padding: 11px 11px 11px 18px !important; font-size: 15px !important; }
  #prijs [data-pz-head] h2, #erfgrens [data-erf-copy] h2, #praktijk h2, #tien-jaar [data-tj-head] h2, #video [data-vid-head] h2, #ervaringen [data-erv-top] h2, #vragen [data-faq-head] h2, #voordelen [data-b3d-item] :is(h2, h3) { font-size: 31px !important; }
  #prijs [data-pz-now] { font-size: 40px !important; }
  #tien-jaar [data-tj-hero] [data-tj-big] { font-size: 54px !important; }
  [data-mnav-links] a { font-size: 26px !important; }
  #ervaringen [data-erv-grid] { margin: 0 -16px; padding: 0 16px 4px; }
  #praktijk [data-trip] { margin: 0 -16px; padding: 0 16px; }
}

@media (max-width: 760px) and (max-height: 480px) {
  #hero[data-vhero] { height: auto !important; min-height: 100svh !important; }
  #hero [data-vhero-copy] h1 { font-size: 30px !important; }
  #hero [data-m-hero-lead] { display: none !important; }
}