/* ===== Lokaal gehoste lettertypen (AVG-veilig, geen Google Fonts CDN) ===== */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-600.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-500i.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/cormorant-600i.woff2) format('woff2')}

:root{
  --slate:#41647a;        /* primaire teal-slate */
  --slate-dark:#2c4553;   /* donkere band */
  --teal:#37b3a8;         /* accent teal (logo) */
  --orange:#e88414;       /* CTA oranje */
  --orange-dark:#cf7208;
  --ink:#1c2529;          /* footer / tekst donker */
  --cream:#f6f4f0;        /* achtergrond */
  --muted:#6c7a82;
  --line:#e4e0d8;
  --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
section[id],footer[id]{scroll-margin-top:100px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--white);line-height:1.65;font-size:16px}
h1,h3,h4{font-family:'Poppins',sans-serif;line-height:1.2;font-weight:600;color:var(--slate-dark)}
h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.1;font-weight:600;color:var(--slate-dark);letter-spacing:.3px}
.accent{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:.5em;background:var(--orange);color:#fff;padding:14px 28px;border-radius:6px;font-weight:600;font-family:'Poppins',sans-serif;font-size:.95rem;transition:.2s;border:none;cursor:pointer}
.btn:hover{background:var(--orange-dark);transform:translateY(-2px)}
.btn--ghost{background:transparent;border:2px solid #fff}
.btn--ghost:hover{background:#fff;color:var(--slate-dark)}
.btn--teal{background:var(--teal)}
.btn--teal:hover{background:#2c9188}
/* Let op: alleen boven/onder als losse eigenschappen, anders wist de padding-shorthand
   de zijruimte van .container bij <section class="section container"> */
.section{padding-top:84px;padding-bottom:84px}
.eyebrow{color:var(--teal);font-weight:600;font-style:italic;font-size:1.3rem;font-family:'Cormorant Garamond',Georgia,serif;margin-bottom:8px;letter-spacing:.2px}
.lead{font-size:1.15rem;color:var(--muted);max-width:720px}

/* ---------- Header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s;padding:20px 0}
header.scrolled{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:12px 0}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center}
.logo-img{height:74px;width:auto;transition:.3s}
header.scrolled .logo-img{height:60px}
.logo-dark{display:none}
header.scrolled .logo-white{display:none}
header.scrolled .logo-dark{display:block}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{color:#fff;font-weight:500;font-size:.94rem;transition:.2s}
header.scrolled .nav-links a{color:var(--slate-dark)}
.nav-links a:hover{color:var(--orange)}
.nav-links .btn{color:#fff}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
.menu-toggle span{width:26px;height:2px;background:#fff;transition:.3s}
header.scrolled .menu-toggle span{background:var(--slate-dark)}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100vh;
  /* svh = zichtbare hoogte zonder de adresbalk; voorkomt dat de knoppen op mobiel
     onder de vouw vallen. Browsers zonder svh-ondersteuning negeren deze regel. */
  min-height:100svh;
  display:flex;align-items:center;
  background:linear-gradient(115deg,rgba(28,42,50,.78) 0%,rgba(44,69,83,.55) 45%,rgba(28,42,50,.35) 100%),
  url(images/hero.webp);
  background-size:cover;background-position:center;color:#fff;overflow:hidden}
.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,rgba(255,255,255,.06))}
.hero-content{position:relative;max-width:760px;padding-top:120px;padding-bottom:60px}
.hero h1{color:#fff;font-size:clamp(2.3rem,5.5vw,3.9rem);font-weight:700;margin-bottom:22px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero p{font-size:1.2rem;color:rgba(255,255,255,.92);margin-bottom:34px;max-width:600px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}

/* ---------- USP strip ---------- */
.usp{background:var(--slate);color:#fff}
.usp .container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:26px;padding-bottom:26px}
.usp-item{display:flex;align-items:center;gap:12px;justify-content:center;font-weight:500;font-size:.98rem;text-align:left}
.usp-item svg{flex-shrink:0;width:26px;height:26px;stroke:var(--teal)}

/* ---------- Intro / two column ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split h2{font-size:2.6rem;margin-bottom:18px}
.split p{color:var(--muted);margin-bottom:16px}
.media{border-radius:14px;min-height:440px;box-shadow:0 24px 50px rgba(44,69,83,.22);position:relative;overflow:hidden;background-color:#2c4553;background-size:cover;background-position:center;background-repeat:no-repeat}
.media .tag{position:absolute;left:18px;bottom:18px;background:rgba(28,37,41,.55);color:#fff;padding:8px 14px;border-radius:6px;font-size:.82rem;backdrop-filter:blur(4px)}

/* ---------- Aanbod cards ---------- */
.center{text-align:center;max-width:680px;margin:0 auto 50px}
.center h2{font-size:2.6rem}
.center .lead{margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(44,69,83,.15)}
.card-img{height:210px;position:relative}
.card-img .price{position:absolute;right:12px;bottom:12px;background:var(--orange);color:#fff;font-weight:600;font-family:'Poppins',sans-serif;padding:6px 12px;border-radius:6px;font-size:.85rem}
.c1{background:linear-gradient(160deg,#57bfd0,#2c6b86)}
.c2{background:linear-gradient(160deg,#e9b872,#b9773f)}
.c3{background:linear-gradient(160deg,#7fb98f,#356b56)}
.card-body{padding:22px}
.card-body h3{font-size:1.2rem;margin-bottom:6px}
.card-body .loc{color:var(--teal);font-size:.85rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.card-body p{color:var(--muted);font-size:.92rem;margin-bottom:16px}
.card-body .feats{display:flex;gap:16px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:14px}

/* ---------- Aanbod CTA ---------- */
.aanbod-cta{background:linear-gradient(rgba(28,42,50,.58),rgba(28,42,50,.66)),url(images/aanbod.webp);background-size:cover;background-position:center;color:#fff;text-align:center;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.aanbod-inner{max-width:760px;margin:0 auto}
.aanbod-cta h2{color:#fff;font-size:2.8rem;margin-bottom:14px}
.aanbod-cta p{color:rgba(255,255,255,.85);font-size:1.1rem;margin:0 auto}
.regions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.regions span{border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.9);padding:8px 18px;border-radius:40px;font-size:.9rem}

/* ---------- Waarom (dark band) ---------- */
.why{background:var(--slate-dark);color:#fff}
.why h2{color:#fff}
.why .split{gap:70px}
.why .lead{color:rgba(255,255,255,.8)}
.checklist{list-style:none;display:grid;gap:14px;margin-top:8px}
.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:1rem}
.checklist svg{flex-shrink:0;width:22px;height:22px;stroke:var(--teal);margin-top:2px}

/* ---------- Kwaliteit + badges ---------- */
.badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}
.badge{border:1px solid var(--line);border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:4px;min-width:180px;background:#fbfaf8}
.badge b{font-family:'Poppins',sans-serif;color:var(--slate-dark)}
.badge span{font-size:.8rem;color:var(--muted)}
.badge .chk{color:var(--teal);font-weight:700}

/* ---------- Reserveren CTA ---------- */
.cta-band{background:linear-gradient(120deg,var(--teal),#2c8f86);color:#fff;text-align:center;border-radius:0}
.cta-band h2{color:#fff;font-size:2.7rem;margin-bottom:14px}
.cta-band p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.92)}

/* ---------- Last minute ---------- */
.lastminute{position:relative;color:#fff;text-align:center;overflow:hidden;
  background:linear-gradient(rgba(28,37,41,.42),rgba(28,37,41,.62)),
  url(images/lastminute.webp);
  background-size:cover;background-position:center;
  padding:110px 0}
.lastminute .eyebrow{color:#ffd9a0}
.lastminute h2{color:#fff;font-size:2.9rem;margin-bottom:14px}
.lastminute p{max-width:620px;margin:0 auto 28px;color:rgba(255,255,255,.94)}

/* ---------- Footer ---------- */
footer{background:var(--ink);color:#b9c2c7;padding:70px 0 30px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}
footer h4{color:#fff;font-size:1rem;margin-bottom:18px;font-weight:600}
.foot-logo{color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.3rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}
footer a:hover{color:var(--orange)}
.foot-list{list-style:none;display:grid;gap:9px}
.contact-row{display:flex;gap:10px;margin-bottom:10px}
.contact-row svg{width:18px;height:18px;stroke:var(--teal);flex-shrink:0;margin-top:3px}
.socials{display:flex;gap:12px;margin-top:20px}
.socials a{width:38px;height:38px;border-radius:8px;background:#2a3439;display:flex;align-items:center;justify-content:center;transition:.2s}
.socials a:hover{background:var(--orange)}
.socials svg{width:18px;height:18px;fill:#fff}
.foot-bottom{border-top:1px solid #2a3439;margin-top:46px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#7d888d}

/* ---------- Reviews ---------- */
.reviews{background:var(--cream)}
.reviews-head{display:flex;align-items:center;gap:26px;justify-content:center;flex-wrap:wrap;margin-bottom:44px;text-align:center}
.score-badge{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 30px;box-shadow:0 12px 30px rgba(44,69,83,.08)}
.score-badge .num{font-family:'Cormorant Garamond',serif;font-size:3.4rem;font-weight:600;color:var(--slate-dark);line-height:1}
.score-badge .num small{font-size:1.3rem;color:var(--muted)}
.stars{color:#e8a41c;font-size:1.1rem;letter-spacing:2px;margin:4px 0}
.score-badge .cnt{font-size:.85rem;color:var(--muted)}
.reviews-intro{max-width:420px;text-align:left}
.reviews-intro h2{font-size:2.4rem;margin-bottom:8px}
.reviews-intro p{color:var(--muted)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.quote{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 26px rgba(44,69,83,.06)}
.quote .stars{margin-bottom:12px}
.quote p{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-style:italic;color:var(--slate-dark);line-height:1.4;margin-bottom:16px}
.quote .who{font-size:.85rem;font-weight:600;color:var(--muted);font-family:'Poppins',sans-serif}

/* ---------- Zwevende CTA ---------- */
.cta-float{position:fixed;right:22px;bottom:22px;z-index:120;background:var(--orange);color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:.95rem;padding:14px 24px;border-radius:40px;box-shadow:0 10px 26px rgba(232,132,20,.5);display:inline-flex;align-items:center;gap:9px;transition:.25s}
.cta-float:hover{background:var(--orange-dark);transform:translateY(-2px)}
.cta-float svg{stroke:#fff}

/* ---------- Woningtypes ---------- */
.wtypes{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:14px}
.wtype{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:30px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:.25s;color:var(--slate-dark)}
.wtype:hover{transform:translateY(-6px);border-color:var(--teal);box-shadow:0 18px 36px rgba(44,69,83,.12)}
.wtype .ic{width:58px;height:58px;border-radius:50%;background:rgba(55,179,168,.12);display:flex;align-items:center;justify-content:center;transition:.25s}
.wtype:hover .ic{background:var(--teal)}
.wtype .ic svg{width:30px;height:30px;stroke:var(--teal);fill:none;stroke-width:1.7;transition:.25s}
.wtype:hover .ic svg{stroke:#fff}
.wtype b{font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .split{grid-template-columns:1fr;gap:34px}
  .cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .usp .container{grid-template-columns:1fr 1fr;gap:20px}
  .foot-grid{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .reviews-head{flex-direction:column}
  .reviews-intro{text-align:center}
  .wtypes{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .nav-links{position:fixed;top:0;right:-100%;height:100vh;width:75%;background:var(--slate-dark);flex-direction:column;justify-content:center;gap:26px;transition:.35s;box-shadow:-8px 0 30px rgba(0,0,0,.3)}
  .nav-links.open{right:0}
  .nav-links a{color:#fff!important;font-size:1.1rem}
  .menu-toggle{display:flex;z-index:110}
  .section{padding-top:60px;padding-bottom:60px}
  .usp .container{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:flex-start}
  .hero-cta .btn{width:100%;justify-content:center}
}
/* ---------- Aangesloten bij (keurmerken) ---------- */
.trust{background:var(--cream);border-top:1px solid var(--line)}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}
.trust-label{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.35rem;color:var(--muted)}
.trust-badges{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}
.tbadge{display:flex;align-items:center;gap:11px;color:var(--slate-dark);opacity:.9}
.tbadge svg{width:34px;height:34px;flex-shrink:0}
.tb-txt{line-height:1.05;font-family:'Poppins',sans-serif}
.tb-txt b{display:block;font-weight:600;font-size:1rem;letter-spacing:.2px}
.tb-txt small{font-size:.66rem;letter-spacing:.14em;color:var(--muted)}

/* review sources */
.rev-sources{display:flex;gap:8px;justify-content:center;margin-top:12px}
.rev-sources a{font-size:.72rem;background:rgba(55,179,168,.12);color:#2c8f86;padding:4px 12px;border-radius:20px;font-weight:600;font-family:'Poppins',sans-serif;transition:.2s}
.rev-sources a:hover{background:var(--teal);color:#fff}
.rev-cta{text-align:center;margin-top:34px;color:var(--muted);font-size:.98rem}
.rev-cta a{color:var(--teal);font-weight:600}
.rev-cta a:hover{text-decoration:underline}

/* ---------- FAQ ---------- */
.faq{background:var(--cream)}
.faq-list{max-width:840px;margin:40px auto 0;display:flex;flex-direction:column;gap:14px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}
.faq-item[open]{border-color:var(--teal);box-shadow:0 10px 26px rgba(44,69,83,.07)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:'Poppins',sans-serif;font-weight:600;color:var(--slate-dark);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.05rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.7rem;color:var(--teal);font-weight:400;line-height:1;transition:.25s}
.faq-item[open] summary{color:var(--teal)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .fa-body{padding:0 24px 22px;color:var(--muted);line-height:1.65}

/* Zwevende CTA op mobiel iets compacter */
@media(max-width:640px){
  .cta-float{right:14px;bottom:14px;padding:12px 18px;font-size:.88rem}
}

/* ---------- Google review blok ---------- */
.google-review{position:relative;max-width:540px;margin:44px auto 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:44px 36px 34px;text-align:center;box-shadow:0 22px 50px rgba(44,69,83,.12);overflow:hidden}
.gr-bar{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--teal),#2c8f86)}
.gr-badge{width:66px;height:66px;border-radius:50%;background:rgba(55,179,168,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.gr-badge svg{width:34px;height:34px}
.google-review .stars{font-size:1.75rem;color:#fbbc05;letter-spacing:5px;margin-bottom:10px}
.gr-score{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:18px}
.gr-num{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:4.2rem;line-height:1;color:var(--slate-dark)}
.gr-score-meta{text-align:left}
.gr-score .stars{font-size:1.35rem;letter-spacing:3px;margin:0 0 3px;display:block}
.gr-count{font-family:'Poppins',sans-serif;font-size:.85rem;color:var(--muted)}
.gr-label{font-family:'Poppins',sans-serif;font-weight:600;color:var(--slate-dark);font-size:1.15rem;margin-bottom:8px}
.gr-sub{color:var(--muted);font-size:.95rem;max-width:400px;margin:0 auto 24px;line-height:1.55}
.gr-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn--soft{background:#f1f0ec;color:var(--slate-dark)}
.btn--soft:hover{background:#e6e4de;color:var(--slate-dark)}
.gr-highlights{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.gr-highlights div{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:40px;padding:10px 20px;font-family:'Poppins',sans-serif;font-weight:500;font-size:.9rem;color:var(--slate-dark);box-shadow:0 4px 14px rgba(44,69,83,.05)}
.gr-highlights svg{width:19px;height:19px;stroke:var(--teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* footer legal links */
.foot-legal a{color:#9aa5aa;margin:0 8px}
.foot-legal a:first-child{margin-left:0}
.foot-legal a:hover{color:var(--orange)}

/* content-afbeeldingen in media-blokken */
.media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ==========================================================================
   MOBIELE FIJNAFSTELLING
   Dit blok staat bewust als LAATSTE in het bestand. De regels hieronder
   hebben dezelfde specificiteit als de basisregels, dus alleen op deze plek
   winnen ze van blokken die verderop staan (o.a. .google-review, .faq, .trust).
   ========================================================================== */
@media(max-width:640px){
  /* Koppen compacter, zodat een titel niet in 3-4 regels uiteenvalt */
  .split h2,.center h2,.reviews-intro h2{font-size:2rem}
  .aanbod-cta h2,.cta-band h2,.lastminute h2{font-size:2.05rem}
  .eyebrow{font-size:1.18rem}
  .hero p{font-size:1.05rem}
  .lead,.aanbod-cta p{font-size:1.02rem}

  /* Kleiner logo geeft de hero-titel meer lucht onder de vaste header */
  .logo-img{height:56px}
  header.scrolled .logo-img{height:48px}
  .hero-content{padding-top:100px;padding-bottom:48px}

  /* 440px hoge foto's zijn op een smal scherm bijna vierkant */
  .media{min-height:300px}

  /* Reviewblok: 36px binnenmarge liet te weinig over voor score + knoppen */
  .google-review{padding:32px 20px 26px;border-radius:16px}
  .gr-score{gap:14px}
  .gr-num{font-size:3.2rem}
  .gr-actions{flex-direction:column}
  .gr-actions .btn{width:100%;justify-content:center}
  .gr-highlights div{font-size:.86rem;padding:9px 16px}

  /* De diagonale overlay (115deg) wordt op een smal, hoog scherm rechtsonder te
     licht om witte tekst op te lezen. Verticaal verloop houdt het contrast gelijk. */
  .hero{background:
    linear-gradient(180deg,rgba(24,38,46,.72) 0%,rgba(28,42,50,.52) 45%,rgba(24,38,46,.76) 100%),
    url(images/hero.webp);
    background-size:cover;background-position:center}
  .hero::after{display:none}

  /* Eén kolom: gecentreerde USP's kregen per item een andere linkerrand */
  .usp-item{justify-content:flex-start}

  /* Keurmerken als nette kolom i.p.v. een 2+1-verdeling */
  .trust-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .trust-badges{flex-direction:column;align-items:flex-start;gap:18px}

  .regions{gap:9px}
  .regions span{padding:7px 15px;font-size:.85rem}
  .faq-item summary{padding:17px 18px;font-size:1rem}
  .faq-item .fa-body{padding:0 18px 20px}
  .lastminute{padding:76px 0}
  .trust-inner{gap:22px}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  /* ruimte onderin zodat de zwevende knop de laatste footerregel niet afdekt */
  footer{padding-bottom:86px}
}