/* Responsive fixes (index-2) — laatst geladen, overrulet style.css bewust.
   1) Split-hero werd tussen 961–1024px half-breed (o.a. iPad landscape).
   2) Vaste "Check je datum"-balk was er pas vanaf ≤767px, niet op tablet. */

@media (max-width:1024px){
  /* Hero: helften volledig breed zodra de kolommen stapelen */
  .hero__inner--split .hero__body,
  .hero__inner--split .hero__media{width:100%}

  /* Sticky CTA-balk ook op tablet (768–1024px), niet alleen op mobiel */
  .mobile-bar{display:flex}
  .footer__bottom{padding-bottom:80px}
}

/* Andere photobooths: zelfde kaartbreedte + rechter-peek (offset) als de
   "Inbegrepen"-sectie, zodat beide carrousels identiek ogen. */
@media (min-width:768px){
  .others--secondary .others__rail{grid-auto-columns:minmax(300px,1fr)}
}
@media (max-width:767px){
  .others--secondary .others__rail{grid-auto-columns:minmax(78%,78%)}
}

/* Andere photobooths: verberg de horizontale scrollbalk (scrollen via pijlen/
   swipe blijft werken) */
.others--secondary .others__rail{scrollbar-width:none;-ms-overflow-style:none}
.others--secondary .others__rail::-webkit-scrollbar{display:none;height:0}

/* Inbegrepen ("Dit zit er standaard bij"): koptekst + navigatiepijlen op één
   rij (zoals bij Andere photobooths), en verborgen scrollbalk. */
.included__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.included__head-text{max-width:60ch}
.included__nav{flex:0 0 auto}
.included__scroller{scrollbar-width:none;-ms-overflow-style:none}
.included__scroller::-webkit-scrollbar{display:none;height:0}