/* =======================
   Poppins – self-hosted
   ======================= */
@font-face{
  font-family:"Poppins"; font-style:normal; font-weight:300; font-display:swap;
  src:url("./fonts/poppins-latin-300.woff2") format("woff2");
}
@font-face{
  font-family:"Poppins"; font-style:normal; font-weight:400; font-display:swap;
  src:url("./fonts/poppins-latin-400.woff2") format("woff2");
}
@font-face{
  font-family:"Poppins"; font-style:normal; font-weight:500; font-display:swap;
  src:url("./fonts/poppins-latin-500.woff2") format("woff2");
}
@font-face{
  font-family:"Poppins"; font-style:normal; font-weight:600; font-display:swap;
  src:url("./fonts/poppins-latin-600.woff2") format("woff2");
}

/* ============== Basis ============== */
:root{ --container: var(--maxw); 
  --bg:#fff;
  --ink:#111827;
  --muted:#6b7280;
  --brand:#0ea5a4;
  --brand2:#16c3b0;
  --line:#e5e7eb;
  --maxw:1100px;
  --pad:24px;
  --radius:12px;
  --logo-header: 130px;   /*pas deze waarde aan naar 120px, 130px of 140px */

  /* Thema */
  --accent:#b8e0e8;         /* zachte lijnkleur (tarieven/kaarten) */
  --tarief-text:#7a5d49;    /* warme tekstkleur */
  --treat-ink:var(--tarief-text);
}

*,*::before,*::after{ box-sizing:border-box; }
html{
  font-size:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.7;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{ color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:3px;
  border-radius:calc(var(--radius)/2);
}
img,svg{ display:block; max-width:100%; height:auto; }



/* ===== Header ===== */
header{
  position:sticky; top:0; z-index:30;
  background:#fff; border-bottom:1px solid var(--line);
}

.nav {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 8px var(--pad) 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.logo img {
  max-height: var(--logo-header);
  height: auto;
  width: auto;
  margin: 0;
  display: block;
}

.nav{
  max-width:var(--maxw); margin:0 auto;
  padding:8px var(--pad) 6px;
  display:flex; align-items:center; justify-content:space-between; gap:24px;  /*    */
}

/* Logo ‘croppen’ om transparante marge in de PNG te maskeren==  */
.logo{ flex-shrink:0; display:block; height:64px; }



/* menu gecentreerd */
.menu{ flex:1; display:flex; justify-content:center;}

nav ul{ display:flex; gap:24px; list-style:none; margin:0; padding:0; align-items:center; }
nav a{
  display:inline-block; padding:8px 12px; border-radius:10px;
  color:#111827; font-weight:300;
  transition:background .2s ease, color .2s ease, transform .12s ease;
}
@media(hover:hover){
  nav a:hover{ color:var(--brand); background:#f3f4f6; font-weight:400; }
  nav a:active{ transform:translateY(1px); }
}

/* Call-to-action */
.cta{
  margin-left:8px;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff; padding:10px 16px; border-radius:12px; font-weight:700;
}

/* ===== Mobiel nav / hamburger ===== */
.nav-actions { display:none; }
.nav-toggle {
  display:none;
  border:0;
  background:transparent;
  padding:6px;
  cursor:pointer;
}


.nav-toggle[aria-expanded="true"] .bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .bar:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] .bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ===== Mobile gedrag ===== */
@media (max-width:980px){
      .nav-toggle{ display:inline-flex; }
      .nav{ gap:24px; }
      .nav-actions{ display:flex; align-items:center; }
      .nav-toggle{ display:none; position:relative; width:44px; height:44px; border:1px solid var(--line); border-radius:10px; background:#fff; cursor:pointer; -webkit-tap-highlight-color:transparent; z-index:60; }
      .menu{
        display:block; overflow:hidden; max-height:0; transition:max-height .28s ease;
        border-top:1px dashed var(--line); width:100%; background:#fff;
      }
      .menu.open{ max-height:160vh; }
      nav ul{ display:flex; gap:24px; list-style:none; margin:0; padding:0; align-items:center; }

      /* logo iets minder verschuiven op mobiel */
      .logo img{ height:var(--logo-header); width:auto; margin:4px 4; display:block; transform:none; }
      .cta{ margin-left:0; }
}

/* ===== Hero ===== */
.hero{ position:relative; min-height:380px; height:32svh; }
@supports not (height:1svh){ .hero{ height:32vh; } }
.hero>img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero .overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.38)); }
.hero .title{ position:absolute; inset:0; display:grid; place-items:center; text-align:center; color:#fff; padding:0 var(--pad); }
.hero h1{ font-size:48px; line-height:1.05; margin:0 0 10px; font-weight:700; }
.hero .btn{
  display:inline-block; margin-top:12px; background:#fff; color:#111827; padding:12px 18px;
  border-radius:12px; font-weight:700; text-decoration:none; box-shadow:0 6px 16px rgba(0,0,0,.12);
}
@media (max-width:980px){ .hero h1{ font-size:34px; } }
.hero{ margin-bottom:16px; }
@media (max-width:980px){ .hero{ margin-bottom:12px; } }

/* ===== Containers & typografie ===== */
.container{ max-width:var(--maxw); margin:0 auto; padding:0 var(--pad); }
main{ max-width:var(--maxw); margin:28px auto; padding:0 var(--pad) 40px; }

.container>h1{
  text-align:center; font-weight:400; letter-spacing:.2px;
  font-size:clamp(1.9rem,1.2rem + 2.2vw,2.6rem);
  margin:28px 0 10px; color:var(--ink);
}
.container>p.muted:first-of-type{
  text-align:center; max-width:900px; margin:0 auto 24px;
  line-height:1.75; font-size:clamp(1rem,.95rem + .25vw,1.125rem); color:var(--muted);
}
.muted{ color:var(--muted); }
h1,h2,h3{ line-height:1.2; }
h2{ font-size:clamp(1.125rem,1vw + 1rem,1.35rem); }

/* ===== TAB component (index) ===== */
.info-card{ background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 30px rgba(0,0,0,.06); padding:18px; }
.tabs{ display:flex; gap:10px; margin-bottom:10px; }
.tabs .tab{ border:1px solid var(--line); background:#f6f6f6; color:#6b7280; padding:8px 12px; border-radius:10px; font:inherit; cursor:pointer; }
.tabs .tab.active{ background:#e9e4df; color:#7a5d49; border-color:#e2d9cf; }
.panel{ line-height:1.8; color:#6b7280; }
.panel h4{ margin:14px 0 8px; color:#7a5d49; font-weight:600; }
.center{text-align:center}
.pills{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin:8px 0 6px; }
.pill{ display:inline-flex; align-items:center; gap:8px; background:#14b8a6; color:#fff; border:none; border-radius:999px; padding:8px 14px; text-decoration:none; font-weight:600; box-shadow:0 4px 10px rgba(0,0,0,.08); }
.pill .icon{ font-style:normal; }
.soft{ color:#a7a29b; }

/* ===== Intro split (index) ===== */
.split{
  max-width:var(--maxw); margin:40px auto; padding:10 var(--pad);
  display:grid; grid-template-columns:1.05fr .95fr; gap:26px; align-items:start;
}
.split .hero-left{ display:grid; gap:12px; }
.hero-left .big figure,.hero-left .big img{ margin:0; display:block; width:100%; height:auto; }
.hero-left .big img{ border-radius:18px; border:1px solid var(--line); object-fit:cover; }
.hero-left .thumbs{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.hero-left .thumbs img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; border:1px solid var(--line); }
@media (max-width:980px){ .split{ grid-template-columns:1fr; } }

/* ===== Triple image row (index) ===== */
.triple-row{ max-width:var(--maxw); margin:160px auto; padding:0 var(--pad); }
.triple-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.triple-grid img{
  width:100%; height:240px; object-fit:cover; background:#fff; border-radius:14px; border:1px solid var(--line); display:block;
}
@media (max-width:980px){ .triple-grid{ grid-template-columns:1fr; } .triple-grid img{ height:280px; } }

/* ===== About intro (index) ===== */
.about-intro{ display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center; }
.about-intro .about-text h2{
  font-size:clamp(22px,3.2vw,30px); font-weight:600; color:#a78774; margin:0 0 8px;
}
.about-intro .about-text p{ margin:0; color:#4b5563; }
.about-intro .about-photo{ margin:0; display:flex; justify-content:center; }
.about-intro .about-photo img{
  width:100%; max-width:520px; aspect-ratio:1/1; object-fit:cover;
  border-radius:9999px; border:1px solid var(--line);
}
@media (max-width:900px){ .about-intro{ grid-template-columns:1fr; } }

/* ===== Behandelingen (cards) ===== */
.behandelingen-intro{
  max-width:var(--maxw); margin:0 auto 22px; padding:0 var(--pad); text-align:center;
}
.behandelingen-intro h1{ margin:0 0 8px; font-size:clamp(1.9rem,1.2rem + 2.2vw,2.6rem); }
.behandelingen-intro p{ margin:0 auto; max-width:900px; color:var(--muted); }

.treatments{
  max-width:var(--maxw); margin:0 auto 40px; padding:0 var(--pad);
  display:grid; gap:5px;
}
.treat{
  display:grid; grid-template-columns:minmax(320px,1fr) 1.1fr; gap:26px; align-items:center;
  background:#fff; border:1px solid var(--accent); border-radius:18px; padding:18px;
  box-shadow:0 12px 30px rgba(17,24,39,.06);
}
.treat:nth-child(even){ grid-template-columns:1.1fr minmax(320px,1fr); }
.treat:nth-child(even) .media{ order:2; }
.treat:nth-child(even) .copy{ order:1; }

.treat .media{
  border-radius:14px; overflow:hidden; border:1px solid #f1f5f9; aspect-ratio:4/3; background:#fff;
}
.treat .media img{ width:100%; height:100%; object-fit:cover; display:block; }

.treat .copy h3{
  margin:0 0 6px; font-size:clamp(1.1rem,.95rem + .7vw,1.35rem);
  color:var(--treat-ink); letter-spacing:.2px; font-weight:600;
}
.treat .copy p{ margin:.35rem 0; color:#6b7280; line-height:1.75; }
.treat .copy ul{ margin:.35rem 0; padding-left:1.2rem; color:#6b7280; }
.treat .copy li{ margin:.25rem 0; }

.treatments-grid{
  max-width:var(--maxw); margin:0 auto 40px; padding:0 var(--pad);
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.treat-card{
  background:#fff; border:1px solid var(--accent); border-radius:16px; overflow:hidden;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
}
.treat-card img{ width:100%; height:180px; object-fit:cover; display:block; }
.treat-card .copy{ padding:14px; }
.treat-card .copy h3{ margin:.1rem 0 .35rem; color:var(--treat-ink); font-size:1.05rem; }
.treat-card .copy p{ margin:0; color:#6b7280; }
@media (max-width:1024px){ .treatments-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:680px){ .treatments-grid{ grid-template-columns:1fr; } }

@media (max-width:900px){
  .treat{ grid-template-columns:1fr; }
  .treat:nth-child(even){ grid-template-columns:1fr; }
  .treat .media{ aspect-ratio:16/10; }
}

/* ===== Contact + kaart ===== */
.contact-section{ max-width:var(--maxw); margin:0 auto; padding:24px 16px; }
.contact-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:stretch; }
.contact-card{ height:100%; background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; }
.map-wrap{ height:100%; min-height:420px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.map-wrap iframe{ width:100%; height:100%; border:0; display:block; }
.map-actions{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
.map-actions a{ display:inline-block; padding:10px 14px; border-radius:999px; background:var(--brand); color:#fff; text-decoration:none; font-weight:600; }
@media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } .map-wrap{ min-height:320px; } }

/* ===== Tarieven ===== */
.pricing{ max-width:var(--maxw); margin:0 auto; padding:0 16px; }
.pricing h1#tarieven{
  display:flex; align-items:center; justify-content:center; gap:12px;
  font-size:16px; font-weight:500; color:#9a8f86; margin:8px 0 14px;
}
.pricing h1#tarieven::before,
.pricing h1#tarieven::after{ content:""; height:1px; background:var(--accent); flex:1 1 auto; }

.price-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--accent); }
.price-list .row{
  display:grid;
  grid-template-columns:minmax(580px,1fr) minmax(200px,auto) minmax(30px,1fr);
  align-items:center; column-gap:24px; padding:22px 0;
  border-bottom:1px solid var(--accent); position:relative;
}
.price-list .label{ margin-left:200px; color:var(--tarief-text); font-weight:400; }
.price-list .label .chip{ all:unset; }
.price-list .price{
  grid-column:2; justify-self:center; color:var(--tarief-text); font-weight:300;
  font-size:clamp(1.1rem,1rem + .5vw,1.45rem);
  display:inline-flex; align-items:center; gap:10px;
}
.price-list .note{
  grid-column:3; justify-self:end; text-align:right;
  font-size:.5em; line-height:1.3; font-style:italic; color:#9a8f86;
}
.price-list .price .note{
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  max-width:360px; text-align:right; font-size:.5em; line-height:1.3; font-style:italic; color:#9a8f86;
}
@media (max-width:640px){
  .price-list .row{ grid-template-columns:1fr; row-gap:6px; }
  .price-list .label{ margin-left:0; }
  .price-list .price{ grid-column:auto; justify-self:start; }
  .price-list .note{ grid-column:auto; justify-self:start; text-align:left; }
  .price-list .price .note{ position:static; transform:none; margin-top:4px; text-align:left; }
}

/* ===== Info-blokken ===== */
.info-grid{
  max-width:100%; margin:22px auto 32px; padding:0 var(--pad);
  display:grid; grid-template-columns:1.3fr 1.3fr; gap:18px; align-items:stretch;
}
.info-grid .card{
  background:#fff; border:1px solid var(--accent); border-radius:16px;
  padding:16px 20px; box-shadow:0 8px 22px rgba(17,24,39,.06);
}
.info-grid .card h2{
  margin:0 0 8px; font-weight:400; color:var(--ink);
  font-size:clamp(1.1rem,.9rem + .6vw,1.5rem);
}
.info-grid .card p{ margin:0; color:var(--muted); line-height:1.7; }
@media (max-width:768px){
  .info-grid{ grid-template-columns:1fr; justify-items:center; gap:18px; padding:0 16px; }
  .info-grid .card{ width:100%; max-width:500px; margin:0 auto; }
}

/* ===== Footer ===== */
footer{ background:#fff; }
.foot{
  text-align:initial; max-width:var(--maxw); margin:0 auto;
  padding:28px var(--pad) 36px; border-top:1px solid var(--line);
}
.footer-cards{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; align-items:center;
}
.footer-cards .foot-card{ color:var(--muted); font-size:14px; line-height:1.6; }
.footer-cards .foot-card:nth-child(1){ text-align:left; }
.footer-cards .foot-card:nth-child(2){ text-align:center; }
.footer-cards .foot-card:nth-child(3){ text-align:right; }
.footer-cards a{ color:var(--ink); text-decoration:none; }
.footer-cards a:hover{ color:var(--brand); text-decoration:underline; }
@media (max-width:720px){
  .footer-cards{ grid-template-columns:1fr; }
  .footer-cards .foot-card:nth-child(1),
  .footer-cards .foot-card:nth-child(2),
  .footer-cards .foot-card:nth-child(3){ text-align:center; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
}

/* (optioneel) body lock class wanneer menu open is */
body.menu-open{ overflow:hidden; }


/* === MOBILE FALLBACK: enforce hamburger + dropdown + click priority === */
@media (max-width:980px){
  header, .nav{ position:sticky; top:0; z-index:10000; background:#fff; }

  .nav-actions{ display:flex !important; margin-left:auto; position:relative; z-index:10003; }
  .nav-toggle{
    display:inline-flex !important;
    width:44px; height:44px;
    align-items:center; justify-content:center;
    flex-direction:column; gap:6px;
    position:relative; z-index:10003; pointer-events:auto;
  }
  .nav-toggle .bar{ display:block; width:24px; height:3px; background:#111827; border-radius:2px; }

  .menu{
    position:absolute; left:0; right:0; top:calc(var(--logo-header, 100px) + 16px);
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    display:none !important;
    z-index:9999; overflow:auto;
  }
  .menu.open, .menu.is-open{ display:block !important; }

  .menu ul{ flex-direction:column; align-items:stretch; gap:0; margin:0; padding:8px 0; }
  .menu li a{ display:block; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
  .menu li:last-child a{ border-bottom:0; }

  /*.logo img{ max-height:100px; height:auto; width:auto; margin:0; transform:none; } */
}


/* ===== Header & Nav ===== */
.nav {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 8px var(--pad) 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.logo img {
  max-height: var(--logo-header);
  height: auto;
  width: auto;
  margin: 0;
  display: block;
}

/* Hamburger knop basis */
.nav-actions { display:none; }
.nav-toggle {
  display:none;
  border:0;
  background:transparent;
  padding:6px;
  cursor:pointer;
}

/* ===== MENU ===== */
.menu ul {
  display:flex;
  gap:24px;
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
}
.menu a {
  text-decoration:none;
  color:var(--ink);
  font-weight:500;
}
.menu a:hover {
  text-decoration:underline;
  color:var(--brand);
}
.menu a.cta {
  background:var(--brand);
  color:#fff;
  padding:8px 14px;
  border-radius:9999px;
  font-weight:600;
}

/* ===== MOBILE FIX ===== */
@media (max-width:980px){
  .nav-actions{ display:flex !important; margin-left:auto; position:relative; z-index:10003; }
  .nav-toggle{
    display:inline-flex !important;
    width:44px; height:44px;
    align-items:center; justify-content:center;
    flex-direction:column; gap:6px;
    position:relative; z-index:10003;
  }
  .nav-toggle .bar{
    display:block;
    width:24px; height:3px;
    background:#111827; border-radius:2px;
  }

  .menu{
    position:absolute; left:0; right:0; top:calc(var(--logo-header, 100px) + 16px);
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    display:none !important;
    z-index:9999; overflow:auto;
  }
  .menu.open, .menu.is-open{ display:block !important; }

  .menu ul{ flex-direction:column; align-items:stretch; gap:0; margin:0; padding:8px 0; }
  .menu li a{ display:block; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
  .menu li:last-child a{ border-bottom:0; }

  .logo img{ max-height:90px; transform:none; }
}



/* === HAMBURGER === */
@media (max-width:980px){
  header, .nav{ position:sticky; top:0; z-index:10000; background:#fff; }

  /* show hamburger button */
  .nav-actions{ display:flex !important; margin-left:auto; position:relative; z-index:10003; }
  .nav-toggle{
    display:inline-flex !important;
    width:44px; height:44px;
    align-items:center; justify-content:center;
    flex-direction:column; gap:6px;
    position:relative; z-index:10003; cursor:pointer; -webkit-tap-highlight-color:transparent;
    border:1px solid var(--line); border-radius:10px; background:#fff;
  }
  .nav-toggle .bar{ width:24px; height:3px; background:#111827; border-radius:2px; display:block; }
  .nav-toggle[aria-expanded="true"] .bar:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] .bar:nth-child(2){ opacity:0; }
  .nav-toggle[aria-expanded="true"] .bar:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

  /* collapsed menu */
  .menu{
    position:fixed; left:0; right:0; top:calc(var(--logo-header, 100px) + 16px);
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    display:none !important; /* enforce one system */
    z-index:9999; overflow:auto;
  }
  .menu.open{ display:block !important; }

  .menu ul{ flex-direction:column; align-items:stretch; gap:0; margin:0; padding:8px 0; }
  .menu li a{ display:block; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
  .menu li:last-child a{ border-bottom:0; }

  .logo img{ max-height:90px; transform:none !important; }
}


/* === Mobile menu overlay (captures outside clicks) === */
#navOverlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,.25); z-index:9998;}
#navOverlay.show{display:block;}
@media (min-width:981px){ #navOverlay{display:none !important;} }


/* === STRONGER MOBILE NAV (specificity boost) === */
@media (max-width:980px){
  header .nav-actions{ display:flex !important; margin-left:auto; position:relative; z-index:10005; }
  header .nav-toggle{
    display:inline-flex !important;
    width:44px; height:44px; align-items:center; justify-content:center;
    flex-direction:column; gap:6px; position:relative; z-index:10006;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
    border:1px solid var(--line); border-radius:10px; background:#fff;
  }
  header .nav-toggle .bar{ width:24px; height:3px; background:#111827; border-radius:2px; display:block; }

  header .menu{
    position:fixed; left:0; right:0;
    /* top wordt dynamisch gezet via JS op basis van header-hoogte */
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    display:none !important;
    z-index:10004; overflow:auto; -webkit-overflow-scrolling:touch;
    max-height:75vh; /* veilig op iOS */
  }
  header .menu.open{ display:block !important; }

  header .menu ul{ flex-direction:column; align-items:stretch; gap:0; margin:0; padding:8px 0; }
  header .menu li a{ display:block; padding:14px 16px; border-bottom:1px solid #f1f5f9; }
  header .menu li:last-child a{ border-bottom:0; }
  header .logo img{ max-height:90px; transform:none !important; }
}


/* === Mobiel: logo iets hoger + compacter header === */
@media (max-width: 980px){
  header .nav{
    padding: 6px var(--pad) 4px;
  }
  header .logo img{
    max-height: 90px !important;  /* jouw mobile maat */
    margin-top: -10px !important; /* duwt logo omhoog; pas aan naar -8/-12px naar smaak */
    transform: none !important;   /* voorkomt oude verschuivingen */
  }
}