/* Caravan photobooth — aanvullende blokken */
.hero__price-alt{display:flex;flex-direction:column;gap:2px}
.hero__price-alt strong{font-family:var(--font-heading);font-size:34px;line-height:1.1;color:var(--dark)}
.hero__price-alt span{font-size:15px;color:var(--muted)}
.hero__under{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero__under .phone-line{font-size:16px}
.hero__under small{color:var(--muted);font-size:13px}

.trustbar{margin-top:56px;background:var(--dark)}
.trustbar ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 34px;margin:0;padding:18px 0;list-style:none}
.trustbar li{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:15px;font-weight:600;color:#fff}
.trustbar li::before{content:"";width:15px;height:15px;flex:0 0 auto;background:var(--yellow);-webkit-mask:var(--check) center/13px no-repeat;mask:var(--check) center/13px no-repeat}
@media (max-width:767px){
  .trustbar ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;padding:20px 0}
  .trustbar li{align-items:flex-start;font-size:14px;line-height:1.35;text-wrap:pretty}
  .trustbar li::before{margin-top:2px}
}

.howto{padding-top:96px;background:var(--cream);padding-bottom:96px;margin-top:96px}
.howto__head{max-width:54ch;margin:0 auto 36px;text-align:center}
.howto__head h2{margin:0}
.howto__head p{margin:12px 0 0;color:var(--muted)}
.howto__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.howto-step{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-md);overflow:hidden}
.howto-step figure{margin:0;aspect-ratio:5/4;background:var(--grey-100);overflow:hidden}
.howto-step figure img{width:100%;height:100%;object-fit:cover;display:block}
.howto-step__body{padding:22px;display:flex;flex-direction:column;gap:8px}
.howto-step__top{display:flex;align-items:center;gap:12px}
.howto-step__num{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:50%;background:var(--yellow);color:var(--dark);font-family:var(--font-heading);font-weight:700;font-size:14px}
.howto-step h3{font-family:var(--font-heading);font-size:19px;margin:0;color:var(--dark)}
.howto-step p{margin:0;font-size:15px;color:var(--text)}

.guests{margin-top:36px;padding:24px 26px;background:var(--white);border-radius:var(--radius-md)}
.guests>strong{display:block;font-family:var(--font-heading);font-size:15px;color:var(--dark);margin-bottom:16px}
.guests__panel{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.guests__panel h4{font-family:var(--font-heading);font-size:15px;margin:0 0 3px;color:var(--dark)}
.guests__panel p{margin:0;font-size:14px;color:var(--text)}

.specs{padding-top:96px}
.specs__head{max-width:56ch;margin-bottom:28px}
.specs__head h2{margin:0}
.specs__head p{margin:12px 0 0;color:var(--muted)}
.specs__table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--grey-line);border-radius:var(--radius-md);overflow:hidden}
.specs__table th,.specs__table td{padding:14px 18px;text-align:left;font-size:15px;border-bottom:1px solid var(--grey-line);vertical-align:top}
.specs__table tr:last-child th,.specs__table tr:last-child td{border-bottom:0}
.specs__table th{width:32%;font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--muted);background:var(--cream)}
.specs__table td{color:var(--dark)}
.specs__cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;padding:22px 28px;background:var(--cream);border-radius:var(--radius-md)}
.specs__cta p{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--dark)}
.specs__cta-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
@media (max-width:640px){
  .specs{padding-top:56px}
  .specs__table,.specs__table tbody,.specs__table tr,.specs__table th,.specs__table td{display:block}
  .specs__table tr{border-bottom:1px solid var(--grey-line);padding:8px 0}
  .specs__table tr:last-child{border-bottom:0}
  .specs__table th,.specs__table td{border:0;padding:5px 16px;width:auto}
  .specs__table th{background:none;padding-bottom:0}
  .specs__cta{padding:18px 20px}
}

.routes{padding-top:96px}
.routes h2{text-align:center;margin-bottom:8px}
.routes__sub{text-align:center;color:var(--muted);margin:0 auto 36px;max-width:62ch}
.routes__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.route{display:flex;flex-direction:column;gap:14px;background:var(--white);border:1px solid var(--grey-line);border-radius:var(--radius-md);padding:36px}
.route--accent{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(249,195,73,.25)}
.route__tag{align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--yellow);color:var(--dark);font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.route h3{font-size:24px;margin:0}
.route p{margin:0;color:var(--text)}
.route__price{font-family:var(--font-heading);font-size:26px;color:var(--dark)}
.route__price span{font-size:14px;color:var(--muted);font-weight:500}
.route .btn{margin-top:auto}
.routes__help{margin:28px auto 0;text-align:center;font-family:var(--font-heading);font-size:17px;color:var(--dark)}

.stripblock{padding-top:96px}
.stripblock__inner{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.stripblock h2{margin:0 0 14px}
.stripblock p{margin:0;color:var(--text)}
.stripblock__media img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}

@media (max-width:1024px){
  .howto__steps,.guests__panel{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .howto{padding-top:56px;padding-bottom:56px;margin-top:56px}
  .howto__steps{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(78%,78%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px}
  .howto__steps>*{scroll-snap-align:start}
  .howto__steps::-webkit-scrollbar{height:8px}
  .howto__steps::-webkit-scrollbar-track{background:rgba(30,24,16,.08);border-radius:99px}
  .howto__steps::-webkit-scrollbar-thumb{background:var(--grey-line);border-radius:99px}
  .guests{padding:20px 18px}
  .guests__panel{grid-template-columns:1fr;gap:14px}
}
@media (max-width:1024px){
  .specs__inner,.routes__grid,.stripblock__inner{grid-template-columns:1fr}
}

/* Meer dan een photobooth */
.more{padding-top:96px}
.more__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.more__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.more__copy h2{margin:0;max-width:22ch}
.more__copy p{margin:0;color:var(--text)}
.more__copy .btn{margin-top:8px}
.more__media img{width:100%;height:100%;object-fit:cover;display:block}
.more__media>img{border-radius:var(--radius-md);aspect-ratio:4/3}
.more__points{margin:2px 0 4px;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;width:100%}
.more__points li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.more__points .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cream)}
.more__points .ic svg{width:17px;height:17px;fill:var(--yellow)}
.more__points b{display:block;font-family:var(--font-heading);font-size:16px;color:var(--dark)}
.more__points span{font-size:14px;line-height:1.55;color:var(--text)}
.more__fan{position:relative;aspect-ratio:1/1;padding-bottom:10px}
.more__fan figure{position:absolute;margin:0;background:var(--grey-100);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 30px rgba(30,24,16,.16);background:var(--grey-100)}
.more__fan figure:nth-child(1){inset:0 22% 20% 0;transform:rotate(-3deg)}
.more__fan figure:nth-child(2){width:52%;aspect-ratio:1;right:0;top:12%;transform:rotate(4deg)}
.more__fan figure:nth-child(3){width:44%;aspect-ratio:3/4;left:16%;bottom:0;transform:rotate(-2deg)}
@media (max-width:1024px){.more__fan{aspect-ratio:4/3}}

.diff{padding-top:96px}
.diff__inner{background:var(--cream);border-radius:var(--radius-lg);padding:56px 48px}
.diff__inner h2{margin:0 0 8px;max-width:26ch}
.diff__inner .diff__lead{color:var(--muted);margin:0 0 36px;max-width:60ch}
.diff__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.diff-card{background:var(--white);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;gap:8px}
.diff-card__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:var(--radius-sm);background:var(--cream)}
.diff-card__icon svg{width:20px;height:20px;fill:var(--yellow)}
.diff-card h3{font-size:19px;margin:0}
.diff-card p{margin:0;font-size:15px;color:var(--text)}
@media (max-width:1024px){.diff__grid{grid-template-columns:1fr}.diff__inner{padding:36px 24px}}

/* Quote van de eigenaar */
.diff__inner .diff__quote{display:flex;flex-direction:column;gap:14px;margin:32px 0 0;padding:28px 0 0;border-top:1px solid rgba(30,24,16,.12)}
.diff__inner .diff__quote blockquote{margin:0;font-family:var(--font-heading);font-size:21px;font-weight:600;line-height:1.45;color:var(--dark);max-width:70ch}
@media (max-width:640px){.diff__inner .diff__quote blockquote{font-size:18px}}
.diff__quote figcaption{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
.diff__avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:var(--yellow);color:var(--dark);font-family:var(--font-heading);font-weight:700;font-size:19px}
.diff__who{display:flex;flex-direction:column}
.diff__quote figcaption strong{font-family:var(--font-heading);font-size:15px;color:var(--dark)}

.reviews__sub{flex:1 1 100%;margin:6px 0 0;color:var(--muted);text-align:center}

@media (max-width:1024px){
  .more__inner{grid-template-columns:1fr}
  .more__media{order:-1}
}
@media (max-width:640px){
  .more{padding-top:56px}
}

/* Merkenstrook: doorlopende marquee met gelijk geschaalde logo's */
.brands__marquee{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.brands__track{display:flex;gap:44px;width:max-content;animation:brands-scroll 42s linear infinite}
.brands__marquee:hover .brands__track{animation-play-state:paused}
.brands__logo{display:flex;align-items:center;justify-content:center;width:120px;height:76px;flex:0 0 auto}
.brands__logo img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;display:block}
@keyframes brands-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 22px))}}
@media (prefers-reduced-motion:reduce){.brands__track{animation:none}.brands__marquee{overflow-x:auto}}
@media (max-width:640px){
  .brands__track{gap:28px}
  .brands__logo{width:92px;height:56px}
  .brands__logo img{max-height:48px}
  @keyframes brands-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 14px))}}
}
