:root{
    --navy:#0D2B5E;
    --navy-dark:#091d40;
    --ink:#2C2C2A;
    --olive:#8B8C7A;
    --grey:#B4B2A9;
    --sand:#D3D1C7;
    --cream:#F5EDD9;
    --white:#FFFFFF;
    --radius:10px;
    --maxw:1320px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
  }
  h1,h2,h3,.brand{
    font-family:'Playfair Display', Georgia, 'Times New Roman', serif;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .eyebrow{
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:12.5px;
    font-weight:600;
    color:var(--navy);
  }
  section{padding:56px 0;}
  h2{font-size:32px;font-weight:700;color:var(--navy);margin:6px 0 14px;}
  .lead{color:#555349;font-size:16.5px;max-width:780px;}
  .btn{
    display:inline-block;
    padding:13px 26px;
    border-radius:999px;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    border:1.5px solid transparent;
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--navy);color:var(--white);}
  .btn-primary:hover{background:var(--navy-dark);}
  .btn-outline{border-color:var(--navy);color:var(--navy);background:transparent;}
  .btn-outline:hover{background:var(--navy);color:var(--white);}
  .btn-cream{background:var(--cream);color:var(--navy);}
  .btn-cream:hover{background:#efe4c8;}
  .btn-whatsapp{background:#25D366;color:var(--white);}
  .btn-whatsapp:hover{background:#1EBE5A;}

  /* Header */
  header{
    position:sticky;top:0;z-index:50;
    border-bottom:1px solid var(--sand);
  }
  header::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:rgba(255,255,255,.92);
    backdrop-filter:saturate(180%) blur(8px);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 0;
  }
  .nav img.logo{height:60px;width:auto;display:block;flex-shrink:0;max-width:none;}
  .nav a:has(img.logo){flex-shrink:0;display:flex;align-items:center;margin-left:8px;}
  .nav a:has(img.logo)::after{
    content:"";width:1.5px;height:46px;background:var(--navy);margin-left:32px;flex-shrink:0;
  }
  .nav-links{
    display:flex;align-items:center;gap:32px;
    list-style:none;margin:0;padding:0;
  }
  .nav-links a{
    text-decoration:none;color:var(--ink);font-size:16px;font-weight:600;
    padding:8px 2px;border-bottom:2px solid transparent;
  }
  .nav-links a:hover{border-bottom-color:var(--navy);}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .nav-icons{display:flex;align-items:center;gap:9px;border-left:1.5px solid var(--navy);padding-left:16px;margin-left:2px;}
  .nav-icon-btn{
    width:46px;height:46px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:transparent;color:var(--navy);
    transition:background .15s ease, color .15s ease;
  }
  .nav-icon-btn svg{width:22px;height:22px;}
  .nav-icon-btn.nav-icon-whatsapp svg{width:26px;height:26px;}
  .nav-icon-btn:hover{background:var(--navy);color:var(--white);}
  .nav-icon-whatsapp{color:#25D366;}
  .nav-icon-whatsapp:hover{background:#25D366;color:var(--white);}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
  .menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;}

  /* Hero */
  .hero{
    position:relative;
    min-height:min(86vh,800px);
    padding:110px 0 220px;
    box-sizing:border-box;
    display:flex;align-items:center;
    color:var(--white);
    background:linear-gradient(rgba(9,29,64,.8),rgba(9,29,64,.65)),url('assets/img/bmw-z4-hero.jpg?v=20260823e') center/cover no-repeat;
  }
  .hero-inner{max-width:840px;}
  .hero .eyebrow{color:var(--cream);}
  .hero h1{
    font-size:38px;line-height:1.2;margin:10px 0 18px;font-weight:700;
  }
  .hero p{font-size:18px;color:#EFE9DA;max-width:740px;margin:0 0 20px;line-height:1.5;font-weight:500;}
  .hero-bullets{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-direction:column;gap:11px;}
  .hero-bullets li{display:flex;align-items:center;gap:11px;color:var(--cream);font-size:16px;font-weight:600;}
  .hero-bullets li svg{width:19px;height:19px;flex-shrink:0;color:#25D366;background:rgba(37,211,102,.18);border-radius:50%;padding:3px;box-sizing:border-box;}
  .hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;}
  .hero-chips span{
    background:rgba(245,237,217,.14);border:1px solid rgba(245,237,217,.4);
    color:var(--cream);font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;
  }
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}

  .badge-rdw{border:1.5px solid #1A1A1A;border-radius:4px;background:var(--white);padding:2px 4px;}

  /* Voorraad */
  .voorraad-cta{
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
    background:var(--navy);color:var(--white);
    border-radius:16px;padding:28px 34px;margin:30px 0 46px;
  }
  .voorraad-cta p{margin:0;color:#DCE3EE;font-size:15px;max-width:580px;}
  .voorraad-cta h3{margin:0 0 6px;font-size:20px;color:var(--white);}
  .voorraad-cta-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
  .voorraad-cta-badges{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);border-radius:10px;padding:8px 12px;}
  .voorraad-cta-badges img{height:34px;width:auto;max-width:70px;object-fit:contain;}
  .btn-standout{
    background:var(--cream);color:var(--navy);
    font-size:16px;font-weight:800;padding:16px 34px;
    box-shadow:0 10px 28px rgba(0,0,0,.35);letter-spacing:.01em;
  }
  .btn-standout:hover{background:#fff;transform:translateY(-2px);}

  .car-card{
    display:grid;grid-template-columns:1.1fr 1fr;gap:0;
    border:1px solid var(--sand);border-radius:16px;overflow:hidden;
    background:var(--white);
    scroll-margin-top:90px;
  }
  .car-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
  .car-gallery img{width:100%;height:100%;object-fit:cover;}
  .car-gallery a.big{grid-column:1/3;aspect-ratio:16/10;overflow:hidden;display:block;}
  .car-gallery a.small{aspect-ratio:4/3;overflow:hidden;display:block;background:var(--sand);}
  .car-gallery a.small img{object-fit:contain;}
  .car-gallery a.single{grid-column:1/3;aspect-ratio:16/10;overflow:hidden;display:block;background:var(--sand);}
  .car-gallery a.single img{object-fit:contain;}
  .car-gallery img{transition:transform .3s ease;}
  .car-gallery a:hover img{transform:scale(1.04);}
  .car-gallery{position:relative;}

  /* Foto-carrousel */
  .car-carousel{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sand);}
  .carousel-viewport{display:flex;height:100%;transition:transform .35s ease;}
  .carousel-slide{flex:0 0 100%;height:100%;display:block;}
  .carousel-slide img{width:100%;height:100%;object-fit:cover;display:block;}
  .carousel-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;
    background:rgba(255,255,255,.85);color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    transition:background .15s ease;z-index:5;padding:0;
  }
  .carousel-arrow:hover{background:#fff;}
  .carousel-arrow.prev{left:12px;}
  .carousel-arrow.next{right:12px;}
  .carousel-arrow svg{width:18px;height:18px;}
  .carousel-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:5;}
  .carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:rgba(255,255,255,.55);cursor:pointer;transition:background .15s ease,transform .15s ease;}
  .carousel-dot.active{background:#fff;transform:scale(1.25);}
  .carousel-counter{position:absolute;top:12px;right:12px;background:rgba(13,43,94,.75);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;z-index:5;}
  .sold-ribbon{
    position:absolute;top:50%;left:50%;width:160%;padding:12px 0;
    background:#B5342A;color:#fff;font-weight:800;font-size:16px;letter-spacing:.1em;
    text-align:center;transform:translate(-50%,-50%) rotate(-35deg);
    box-shadow:0 3px 12px rgba(0,0,0,.35);z-index:6;
    font-family:'Inter';text-transform:uppercase;
  }
  .car-info{padding:34px;display:flex;flex-direction:column;}
  .car-info .tag{
    align-self:flex-start;
    background:var(--cream);color:var(--navy);font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:999px;margin-bottom:14px;
  }
  .car-info h3{font-size:24px;margin:0 0 4px;color:var(--navy);}
  .car-info .sub{color:var(--olive);font-size:14px;margin-bottom:18px;}
  .specs{
    display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;
    margin-bottom:22px;font-size:14.5px;
  }
  .specs div{display:flex;flex-direction:column;gap:2px;border-bottom:1px dashed var(--sand);padding-bottom:8px;}
  .specs span.k{color:#767468;font-size:12px;text-transform:uppercase;letter-spacing:.03em;}
  .specs span.v{font-weight:600;color:var(--ink);font-size:14.5px;}
  .car-info .note{font-size:13px;color:#767468;margin:0 0 20px;}
  .car-info .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;}
  .car-info .price{font-size:30px;font-weight:700;color:var(--navy);margin:0 0 2px;}
  .car-info .price-note{font-size:12px;color:#8a8877;margin:0 0 14px;}
  .highlights{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13.5px;color:#454336;}
  .highlights li{padding-left:18px;position:relative;}
  .highlights li:before{content:"\2713";position:absolute;left:0;color:var(--navy);font-weight:700;}
  .car-info .rating{display:flex;align-items:center;gap:8px;font-size:13px;color:#5c5a4f;margin-bottom:16px;flex-wrap:wrap;}
  .car-info .rating strong{color:var(--navy);}
  .car-info .rating .stars{display:inline-flex;gap:1px;}
  .car-info .rating .stars svg{width:15px;height:15px;fill:#E3A63E;display:block;}
  .car-info .rating .stars .star-half{position:relative;width:9px;height:15px;overflow:hidden;display:inline-block;}
  .car-info .rating .stars .star-half svg{position:absolute;left:0;top:0;width:15px;height:15px;}
  .car-info .rating .rating-count{color:#8a8877;text-decoration:underline;text-underline-offset:2px;}
  .car-info .rating .rating-count:hover{color:var(--navy);}
  .car-info-badges{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;}
  .car-info-badges img{height:32px;width:auto;max-width:64px;object-fit:contain;}

  .upcoming-block{margin-top:52px;padding-top:44px;border-top:1px solid var(--sand);}
  .upcoming-block h3{font-size:22px;margin:6px 0 10px;color:var(--navy);}
  .upcoming-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .upcoming-item{border:1px solid var(--sand);border-radius:16px;overflow:hidden;background:var(--white);}
  .upcoming-photo{background:var(--cream);}
  .upcoming-photo svg{display:block;width:100%;height:auto;}
  .upcoming-info{padding:22px 24px;}
  .upcoming-info .tag{
    display:inline-block;background:var(--cream);color:var(--navy);font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:999px;margin-bottom:12px;
  }
  .upcoming-info h4{font-family:'Inter';font-weight:600;font-size:16.5px;color:var(--navy);margin:0 0 8px;}
  .upcoming-info p{margin:0 0 16px;font-size:13.5px;color:#5c5a4f;line-height:1.5;}
  .upcoming-photo.photo-frame{position:relative;aspect-ratio:2.2/1;overflow:hidden;background:var(--sand);}
  .upcoming-photo.photo-frame img{width:100%;height:100%;object-fit:contain;display:block;}
  .upcoming-photo.photo-frame svg{position:absolute;inset:0;width:100%;height:100%;}

  /* Diensten — "Kies uw route" menu */
  .route-intro-benefits{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 6px;}
  .route-intro-benefits span{
    background:var(--white);border:1px solid var(--sand);color:var(--navy);
    font-size:13px;font-weight:600;padding:8px 14px 8px 10px;border-radius:999px;
    display:inline-flex;align-items:center;gap:6px;
  }
  .route-intro-benefits svg{width:15px;height:15px;flex-shrink:0;color:var(--navy);}
  .route-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;
  }
  .route-card{
    border:1px solid var(--sand);border-radius:16px;padding:28px 24px;
    background:var(--white);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    display:flex;flex-direction:column;
  }
  .route-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,43,94,.10);border-color:transparent;}
  .route-card .icon-badge{
    width:52px;height:52px;border-radius:50%;background:var(--cream);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--navy);
  }
  .route-card .icon-badge svg{width:25px;height:25px;}
  .route-card h3{font-family:'Inter';font-weight:600;font-size:17.5px;color:var(--navy);margin:0 0 10px;}
  .route-card p{font-size:14px;color:#5c5a4f;margin:0;line-height:1.55;flex:1;}
  .route-card .tag-mini,.route-card .route-cta{align-self:flex-start;}
  .route-card .tag-mini{
    display:inline-block;margin-top:16px;font-size:11px;font-weight:700;color:var(--navy);
    background:var(--cream);padding:5px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;
  }
  .route-card .route-cta{
    display:inline-block;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--white);
    background:var(--navy);padding:9px 16px;border-radius:999px;border:none;
    cursor:pointer;font-family:'Inter';text-align:left;transition:background .15s ease;text-decoration:none;
  }
  .route-card .route-cta:hover{background:var(--navy-dark);}

  /* Waarom Bisschops Automotive (belofte) */
  .belofte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
  .belofte-item{
    border:1px solid var(--sand);border-radius:16px;padding:26px 22px;
    background:var(--white);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .belofte-item:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,43,94,.10);border-color:transparent;}
  .belofte-item .icon-badge{
    width:48px;height:48px;border-radius:50%;background:var(--cream);
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--navy);
  }
  .belofte-item .icon-badge svg{width:23px;height:23px;}
  .belofte-item h3{font-family:'Inter';font-weight:600;font-size:16px;color:var(--navy);margin:0 0 8px;}
  .belofte-item p{font-size:13.5px;color:#5c5a4f;margin:0;line-height:1.55;}
  @media (max-width:900px){.belofte-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:520px){.belofte-grid{grid-template-columns:1fr;}}

  .garantie-block{margin-top:56px;padding:44px 40px;border-radius:20px;background:var(--navy);color:#fff;text-align:center;}
  .garantie-intro h3{font-family:'Playfair Display',serif;font-size:26px;margin:0 0 10px;color:#fff;}
  .garantie-intro p{font-size:15px;color:rgba(255,255,255,.78);max-width:700px;margin:0 auto 32px;line-height:1.6;}
  .garantie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-bottom:30px;}
  .garantie-card{
    position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
    border-radius:16px;padding:26px 22px;transition:transform .2s ease;
  }
  .garantie-card.featured{background:var(--cream);border-color:var(--cream);transform:scale(1.04);}
  .garantie-badge{
    position:absolute;top:-12px;left:22px;background:var(--olive);color:#fff;
    font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:999px;
  }
  .garantie-card h4{font-family:'Inter';font-weight:600;font-size:17px;margin:0 0 8px;color:#fff;}
  .garantie-card p{font-size:13.5px;color:rgba(255,255,255,.75);margin:0 0 16px;line-height:1.5;}
  .garantie-card.featured h4{color:var(--navy);}
  .garantie-card.featured p{color:#4a4a44;}
  .garantie-terms{display:flex;gap:8px;flex-wrap:wrap;}
  .garantie-terms span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;}
  .garantie-card.featured .garantie-terms span{background:var(--navy);color:#fff;}
  @media (max-width:900px){
    .garantie-grid{grid-template-columns:1fr;}
    .garantie-card.featured{transform:none;}
    .garantie-block{padding:32px 22px;}
  }

  /* Diensten-tegels op homepage */
  .review-badge{
    display:inline-flex;align-items:center;gap:10px;margin-top:14px;
    text-decoration:none;color:var(--navy);font-size:14px;font-weight:600;
    background:var(--white);border:1px solid var(--sand);border-radius:999px;
    padding:8px 16px;transition:box-shadow .15s ease,border-color .15s ease;
  }
  .review-badge:hover{box-shadow:0 6px 16px rgba(13,43,94,.12);border-color:transparent;}
  #voorraad .review-badge{margin-bottom:28px;}
  .review-stars{display:flex;gap:2px;color:#F5B400;}
  .review-stars svg{width:15px;height:15px;}
  .service-tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;}
  .service-tile{
    display:block;text-decoration:none;text-align:center;
    border:1px solid var(--sand);border-radius:16px;padding:24px 14px;
    background:var(--white);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .service-tile:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,43,94,.10);border-color:transparent;}
  .service-tile .icon-badge{
    width:42px;height:42px;border-radius:50%;background:var(--cream);
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--navy);
  }
  .service-tile .icon-badge svg{width:19px;height:19px;}
  .service-tile h3{font-family:'Inter';font-weight:600;font-size:14.5px;color:var(--navy);margin:0;line-height:1.35;}
  .service-tile p{font-size:12.5px;color:#5c5a4f;margin:8px 0 0;line-height:1.4;}
  @media (max-width:900px){.service-tile-grid{grid-template-columns:1fr 1fr 1fr;}}
  @media (max-width:520px){.service-tile-grid{grid-template-columns:1fr 1fr;}}

  /* Uitgelichte auto's op homepage */
  .mini-car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
  .mini-car-card{
    display:block;text-decoration:none;color:inherit;
    border:1px solid var(--sand);border-radius:16px;overflow:hidden;
    background:var(--white);transition:transform .2s ease, box-shadow .2s ease;
  }
  .mini-car-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,43,94,.10);}
  .mini-car-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
  .mini-car-info{padding:16px 18px;}
  .mini-car-info h3{font-family:'Inter';font-weight:600;font-size:15px;color:var(--navy);margin:0 0 6px;}
  .mini-car-price{font-family:'Playfair Display',serif;font-weight:700;font-size:17px;color:var(--ink);}
  @media (max-width:900px){.mini-car-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:520px){.mini-car-grid{grid-template-columns:1fr;}}

  /* Werkwijze — process flow */
  .werkwijze{background:var(--navy);color:var(--white);}
  .werkwijze h2{color:var(--white);}
  .werkwijze .lead{color:#C9D2E2;}
  .scope-note{margin:-14px 0 0;font-size:13px;color:#9FADC7;font-style:italic;}
  .process-flow{
    display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:52px;position:relative;
  }
  .process-flow:before{
    content:"";position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:rgba(255,255,255,.16);
  }
  .pstep{position:relative;}
  .pstep .pnum{
    width:56px;height:56px;border-radius:50%;background:var(--navy-dark);
    border:2px solid rgba(255,255,255,.3);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:2;color:var(--white);
  }
  .pstep .pnum svg{width:24px;height:24px;}
  .pstep h3{font-family:'Inter';font-weight:600;font-size:16px;margin:0 0 8px;color:var(--white);}
  .pstep p{font-size:13.5px;color:#C9D2E2;margin:0 0 10px;}
  .pstep .zero-effort{
    display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#BFE6C9;
    background:rgba(102,187,138,.16);border:1px solid rgba(102,187,138,.4);padding:5px 10px;border-radius:999px;
  }
  .pstep .zero-effort svg{width:12px;height:12px;}
  .process-outcome{
    margin-top:46px;padding:26px 30px;border-radius:16px;background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.14);
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  }
  .process-outcome .txt h3{margin:0 0 4px;color:var(--white);font-size:18px;font-family:'Inter';font-weight:600;}
  .process-outcome .txt p{margin:0;color:#C9D2E2;font-size:14px;}
  .process-outcome .garantie-chip{
    display:inline-flex;align-items:center;gap:8px;background:var(--cream);color:var(--navy);
    font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:999px;white-space:nowrap;
  }
  .process-outcome .garantie-chip svg{width:17px;height:17px;}
  .werkwijze-other{
    margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.14);
  }
  .mini-process-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  }
  .mini-process-block{
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 22px 20px;
  }
  .mini-process-block h3{
    font-family:'Inter';font-weight:600;font-size:16px;margin:0 0 16px;color:var(--white);
    display:flex;align-items:center;gap:9px;
  }
  .mini-process-block h3 svg{width:19px;height:19px;flex-shrink:0;color:#C9D2E2;}
  .mini-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;}
  .mstep{display:flex;align-items:flex-start;gap:10px;}
  .mstep .mnum{
    flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);
    display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--white);
  }
  .mstep p{margin:2px 0 0;font-size:13px;color:#C9D2E2;line-height:1.5;}
  .route-cta-light{
    display:inline-block;font-size:13px;font-weight:600;color:var(--cream);text-decoration:none;
  }
  .route-cta-light:hover{text-decoration:underline;}

  /* Over ons */
  .over-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;}
  .over-grid .lead{max-width:none;}
  .over-photo{
    border-radius:16px;overflow:hidden;border:1px solid var(--sand);
  }
  .badge-row{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
  .badge-row .badge{
    font-size:13px;color:var(--navy);background:var(--cream);padding:8px 14px;border-radius:999px;font-weight:600;
  }

  /* Contact */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;}
  .contact-card{
    border:1px solid var(--sand);border-radius:16px;padding:30px;
  }
  .contact-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;}
  .contact-row .ico{
    width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--navy);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;
  }
  .contact-row a{text-decoration:none;font-weight:600;color:var(--navy);}
  .contact-row span.label{display:block;font-size:12.5px;color:#8a8877;margin-bottom:2px;}
  .contact-cta{
    background:var(--cream);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center;
  }
  .contact-cta h3{margin:0 0 10px;color:var(--navy);font-size:21px;}
  .contact-cta p{font-size:14.5px;color:#5c5a4f;margin:0 0 22px;}
  .map-embed{
    margin-top:30px;border-radius:16px;overflow:hidden;border:1px solid var(--sand);
    filter:grayscale(.15) contrast(1.02);
  }
  .map-embed iframe{display:block;width:100%;height:320px;border:0;}

  /* FAQ */
  .faq-list{margin-top:36px;display:flex;flex-direction:column;gap:0;}
  .faq-item{border-bottom:1px solid var(--sand);padding:24px 0;}
  .faq-item:first-child{border-top:1px solid var(--sand);}
  .faq-item h3{font-family:'Inter';font-weight:600;font-size:16.5px;color:var(--navy);margin:0 0 8px;}
  .faq-item p{font-size:14.5px;color:#5c5a4f;margin:0;max-width:860px;}
  .faq-item-badge{display:flex;gap:30px;align-items:center;}
  .faq-item-badge>div{max-width:600px;}
  .faq-badge{width:128px;height:auto;flex-shrink:0;}
  @media (max-width:700px){
    .faq-item-badge{flex-direction:column;align-items:flex-start;gap:16px;}
    .faq-badge{width:92px;}
  }

  /* Footer */
  footer{background:var(--navy-dark);color:#CBD4E3;padding:52px 0 28px;font-size:13.5px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:34px;}
  .footer-brand .brand{color:var(--white);font-size:20px;margin:0 0 10px;}
  .footer-brand-links{display:flex;gap:12px;margin-top:16px;}
  .footer-brand-links a{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:50%;
    color:#FFFFFF;transition:transform .15s ease,box-shadow .15s ease;
  }
  .footer-brand-links a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.25);}
  .footer-brand-links a.fb-icon{background:#1877F2;}
  .footer-brand-links a.ig-icon{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
  .footer-brand-links svg{width:18px;height:18px;}
  .footer-grid h4{color:var(--white);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;}
  .footer-grid ul{list-style:none;margin:0;padding:0;}
  .footer-grid li{margin-bottom:9px;}
  .footer-grid a{text-decoration:none;color:#CBD4E3;}
  .footer-grid a:hover{color:var(--white);}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);padding-top:20px;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#9AA6BC;font-size:12.5px;
  }

  /* Floating WhatsApp button */
  .whatsapp-float{
    position:fixed;right:22px;bottom:22px;z-index:80;
    width:58px;height:58px;border-radius:50%;
    background:#25D366;box-shadow:0 6px 18px rgba(0,0,0,.25);
    display:flex;align-items:center;justify-content:center;
    text-decoration:none;transition:transform .15s ease;
  }
  .whatsapp-float:hover{animation-play-state:paused;transform:scale(1.1);}
  .whatsapp-float svg{width:34px;height:34px;margin-top:-2px;}
  .whatsapp-float{animation:whatsappPulse 2.4s ease-in-out infinite;}
  @keyframes whatsappPulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.08);}
  }
  @media (prefers-reduced-motion: reduce){
    .whatsapp-float{animation:none;}
  }

  @media (max-width: 900px){
    .nav img.logo{height:46px;}
    .nav-links{
      position:fixed;top:71px;left:0;right:0;bottom:0;
      background-color:#FFFFFF;opacity:1;
      box-shadow:0 12px 24px rgba(13,43,94,.18);
      z-index:100;
      flex-direction:column;align-items:flex-start;padding:26px 24px;gap:20px;
      transform:translateX(100%);transition:transform .25s ease;
    }
    .nav-links.open{transform:translateX(0);}
    .nav-links a{color:var(--ink) !important;}
    .menu-toggle{display:block;}
    .nav-icons{display:none;}
    .hero{min-height:auto;padding:70px 0 72px;}
    .hero h1{font-size:28px;line-height:1.2;}
    .hero p{font-size:16px;}
    .hero-bullets li{font-size:14.5px;}
    .car-card{grid-template-columns:1fr;}
    .car-info{padding:24px;}
    .car-info h3{font-size:21px;}
    .car-info .price{font-size:26px;}
    .upcoming-grid{grid-template-columns:1fr;}
    .route-grid{grid-template-columns:1fr 1fr;}
    .process-flow{grid-template-columns:1fr 1fr;gap:36px 20px;}
    .process-flow:before{display:none;}
    .process-outcome{flex-direction:column;align-items:flex-start;}
    .mini-process-grid{grid-template-columns:1fr;}
    .over-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;gap:26px;}
    .voorraad-cta{flex-direction:column;align-items:flex-start;}
    .voorraad-cta-right{align-items:flex-start;}
    .whatsapp-float{right:16px;bottom:16px;width:52px;height:52px;}
  }
  @media (max-width: 520px){
    .route-grid{grid-template-columns:1fr;}
    .process-flow{grid-template-columns:1fr;}
    section{padding:44px 0;}
    .wrap{padding:0 18px;}
    h2{font-size:26px;}
    .hero h1{font-size:24px;}
    .hero-ctas{flex-direction:column;align-items:stretch;}
    .hero-ctas .btn{text-align:center;}
    .specs{grid-template-columns:1fr;}
    .highlights{grid-template-columns:1fr;}
    .car-info .actions{flex-direction:column;align-items:stretch;}
    .car-info .actions .btn{text-align:center;}
    .mini-car-grid{gap:14px;}
    .review-badge{flex-wrap:wrap;}
  }

/* Actieve pagina in navigatie */
.nav-links a.current{color:var(--navy);border-bottom-color:var(--navy);}