/* =====================================================================
   Theme: MERIDIAN  (Fable 5)
   Premium editorial-industrieel. Warm technisch papier + inktzwarte
   anker-secties, één signaal-oranje accent, Space Grotesk display,
   JetBrains Mono voor technische labels, hairlines, veel wit.
   Denk: Porsche × Maersk × Linear — "global container solutions".
   Scoped onder html[data-theme="meridian"]. Raakt niets anders.
   Micro-interacties (reveal/tellers/parallax) via js/themes/meridian.js,
   gegate op html.mx-anim — zonder JS blijft alles gewoon zichtbaar.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

html[data-theme="meridian"]{
  --bg:#F4F2EE;
  --surface:#FFFFFF;
  --surface-2:#ECE9E3;
  --text:#111417;
  --muted:#575D66;
  --muted-2:#3B4046;
  --accent:#D63E0A;
  --accent-2:#B23305;
  --accent-glow:rgba(214,62,10,.16);
  --msc:#D63E0A;
  --msc-2:#B23305;
  --msc-soft:rgba(214,62,10,.07);
  --msc-bd:rgba(214,62,10,.30);
  --success:#177245;
  --success-2:#116038;
  --border:#E5E2DA;
  --border-2:#D7D3C9;
  --r:6px;
  --hero-bg:#F4F2EE;
  /* eigen tokens */
  --mx-ink:#101214;
  --mx-ink-2:#16181B;
  --mx-paper:#F4F2EE;
  --mx-paper-70:rgba(244,242,238,.70);
  --mx-paper-14:rgba(244,242,238,.14);
  --mx-orange-hot:#F25415;
  --mx-shadow-sm:0 1px 2px rgba(16,18,20,.05);
  --mx-shadow-md:0 1px 2px rgba(16,18,20,.04),0 16px 40px rgba(16,18,20,.07);
  --mx-shadow-lg:0 2px 4px rgba(16,18,20,.05),0 28px 70px rgba(16,18,20,.12);
  --mx-ease:cubic-bezier(.16,1,.3,1);
}

/* ------------------------------------------------------------------ */
/* 1. Globaal: typografie, selectie, focus                             */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] body{background:var(--bg);color:var(--text)}
html[data-theme="meridian"] ::selection{background:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

html[data-theme="meridian"] h1,
html[data-theme="meridian"] h2,
html[data-theme="meridian"] h3,
html[data-theme="meridian"] .logo,
html[data-theme="meridian"] .paysafe-text h2{font-family:'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:-.028em}

/* mono micro-labels: technisch DNA van het thema */
html[data-theme="meridian"] .eyebrow,
html[data-theme="meridian"] .section-title,
html[data-theme="meridian"] .num-badge,
html[data-theme="meridian"] .crumbs,
html[data-theme="meridian"] .tag,
html[data-theme="meridian"] .pcard .size,
html[data-theme="meridian"] .product-info .size,
html[data-theme="meridian"] .stat .lbl,
html[data-theme="meridian"] .foot-col h4,
html[data-theme="meridian"] .euro-map-title,
html[data-theme="meridian"] .filter-bar .label{font-family:'JetBrains Mono',ui-monospace,monospace}

/* ------------------------------------------------------------------ */
/* 2. Header — papier, hairline, inkt                                  */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] header.site{background:rgba(244,242,238,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:18px 0;transition:box-shadow .35s var(--mx-ease)}
html[data-theme="meridian"].mx-scrolled header.site{box-shadow:0 1px 0 var(--border),0 14px 34px rgba(16,18,20,.07)}
html[data-theme="meridian"] .logo{color:var(--mx-ink);font-weight:700;font-size:22px;letter-spacing:-.02em}
html[data-theme="meridian"] .logo span{color:var(--accent)}
html[data-theme="meridian"] .brand-sep{background:linear-gradient(180deg,transparent,rgba(16,18,20,.4) 25%,rgba(16,18,20,.4) 75%,transparent)}
html[data-theme="meridian"] .menu{color:var(--muted-2);font-size:13.5px;gap:32px}
html[data-theme="meridian"] .menu a{transition:color .18s}
html[data-theme="meridian"] .menu a:hover{color:var(--mx-ink)}
html[data-theme="meridian"] .menu a.active{color:var(--mx-ink)}
html[data-theme="meridian"] .menu a.active::after{background:var(--accent);height:2px;bottom:-4px}
html[data-theme="meridian"] .tel{color:var(--muted-2)}
html[data-theme="meridian"] .tel::before{background:var(--success);box-shadow:none}
html[data-theme="meridian"] .tel:hover{color:var(--mx-ink)}
html[data-theme="meridian"] .cta-top{background:var(--mx-ink);color:var(--mx-paper);border-radius:var(--r);box-shadow:none;letter-spacing:.08em;font-weight:700;transition:background .2s,transform .15s}
html[data-theme="meridian"] .cta-top:hover{background:var(--accent);color:#fff;box-shadow:0 10px 26px var(--accent-glow);transform:translateY(-1px)}
html[data-theme="meridian"] #theme-toggle{color:var(--muted-2)}
html[data-theme="meridian"] .locale-btn{background:transparent;border:1px solid var(--border-2);color:var(--muted-2);border-radius:var(--r)}
html[data-theme="meridian"] .locale-btn:hover{background:#fff;border-color:var(--mx-ink);color:var(--mx-ink)}
html[data-theme="meridian"] .locale-menu{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--mx-shadow-lg)}
html[data-theme="meridian"] .locale-menu a{color:var(--muted-2)}
html[data-theme="meridian"] .locale-menu a:hover{background:var(--bg);color:var(--mx-ink)}
html[data-theme="meridian"] .locale-menu a.active{background:var(--mx-ink);color:var(--mx-paper);font-weight:700}
html[data-theme="meridian"] .hamburger span{background:var(--mx-ink)}
html[data-theme="meridian"] .menu.open a{color:var(--mx-ink);border-bottom-color:var(--border)}
html[data-theme="meridian"] .menu.open a.active{color:var(--accent)}
html[data-theme="meridian"] .menu-phone{color:var(--accent) !important}

/* ------------------------------------------------------------------ */
/* 3. Knoppen — rechthoekig, beslist, inkt & oranje                    */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .btn{border-radius:var(--r);font-weight:700;font-size:14.5px;padding:17px 30px;letter-spacing:.01em}
html[data-theme="meridian"] .btn-primary{background:var(--mx-ink);color:var(--mx-paper);box-shadow:var(--mx-shadow-sm);transition:background .22s,transform .15s,box-shadow .25s}
html[data-theme="meridian"] .btn-primary:hover{background:var(--accent);color:#fff;box-shadow:0 14px 34px var(--accent-glow)}
html[data-theme="meridian"] .btn-secondary{background:transparent;color:var(--mx-ink);border:1px solid var(--border-2);backdrop-filter:none}
html[data-theme="meridian"] .btn-secondary:hover{background:#fff;border-color:var(--mx-ink);color:var(--mx-ink)}
html[data-theme="meridian"] .btn-yellow{background:var(--accent);color:#fff;box-shadow:0 10px 26px var(--accent-glow)}
html[data-theme="meridian"] .btn-yellow:hover{background:var(--mx-orange-hot);color:#fff}

/* ------------------------------------------------------------------ */
/* 4. Hero — technisch papier, redactionele kop, meetlijnen            */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .hero{
  padding:128px 0 116px;
  background:
    linear-gradient(180deg,rgba(16,18,20,.03),transparent 240px),
    repeating-linear-gradient(90deg,rgba(16,18,20,.026) 0 1px,transparent 1px 140px),
    var(--bg);
}
html[data-theme="meridian"] .hero::before{background:none}
html[data-theme="meridian"] .hero::after{background:var(--border-2)}
html[data-theme="meridian"] .eyebrow{border:0;background:none;padding:0;border-radius:0;color:var(--mx-ink);font-weight:700;font-size:11.5px;letter-spacing:.16em;gap:12px;margin-bottom:28px}
html[data-theme="meridian"] .eyebrow::before{width:26px;height:2px;border-radius:0;background:var(--accent);box-shadow:none}
html[data-theme="meridian"] .hero h1{font-weight:700;letter-spacing:-.035em;font-size:clamp(44px,6.2vw,92px);line-height:.98}
html[data-theme="meridian"] h1 em,
html[data-theme="meridian"] .section-h2 em,
html[data-theme="meridian"] .tagline .section-h2 em,
html[data-theme="meridian"] .cta-strip h2 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--accent)}
html[data-theme="meridian"] .lede{color:var(--muted);font-size:clamp(17px,1.4vw,20px);font-weight:400}
html[data-theme="meridian"] .hero .lede{max-width:620px}
html[data-theme="meridian"] .hero-bg-img{opacity:1;filter:none}
html[data-theme="meridian"] .hero-bg-img::before{content:"";position:absolute;inset:-9% -7%;background:linear-gradient(165deg,#FFFFFF 0%,#ECE9E3 100%);border:1px solid var(--border-2);z-index:-1}
html[data-theme="meridian"] .hero-bg-img::after{content:"";position:absolute;inset:-9% -7%;background:
  linear-gradient(var(--accent),var(--accent)) right 0 top 0/18px 2px no-repeat,
  linear-gradient(var(--accent),var(--accent)) right 0 top 0/2px 18px no-repeat,
  linear-gradient(var(--mx-ink),var(--mx-ink)) left 0 bottom 0/18px 2px no-repeat,
  linear-gradient(var(--mx-ink),var(--mx-ink)) left 0 bottom 0/2px 18px no-repeat;pointer-events:none}
html[data-theme="meridian"] .hero-bg-img{transform:translateY(calc(-50% + var(--mx-par,0px)))}
@media(max-width:1100px){html[data-theme="meridian"] .hero-bg-img{transform:none;opacity:1;margin-top:56px}}
html[data-theme="meridian"] .hero-bg-img img{filter:drop-shadow(0 30px 44px rgba(16,18,20,.28))}
html[data-theme="meridian"] .stats{border-top:1px solid var(--border-2);gap:56px}
html[data-theme="meridian"] .stat .num,
html[data-theme="meridian"] .stat:nth-child(2) .num{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:42px;letter-spacing:-.04em;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--mx-ink)}
html[data-theme="meridian"] .stat{position:relative;padding-left:16px}
html[data-theme="meridian"] .stat::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent)}
html[data-theme="meridian"] .stat .lbl{color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.14em}
html[data-theme="meridian"] .hero-checks{border-top:1px solid var(--border-2)}
html[data-theme="meridian"] .hero-checks li{color:var(--muted-2);font-weight:600}
html[data-theme="meridian"] .hero-checks .check{background:#fff;border:1px solid var(--border-2);color:var(--success);border-radius:6px}
html[data-theme="meridian"] .hero-guarantee{background:#fff;border:1px solid var(--border);border-radius:10px;backdrop-filter:none;box-shadow:var(--mx-shadow-md)}
html[data-theme="meridian"] .hero-guarantee::before{background:none}
html[data-theme="meridian"] .hero-guarantee .icon{background:var(--success);color:#fff;border-radius:8px;box-shadow:none}
html[data-theme="meridian"] .hero-guarantee .label{color:var(--success)}
html[data-theme="meridian"] .hero-guarantee p{color:var(--muted)}
html[data-theme="meridian"] .hero-guarantee .link{color:var(--success)}
html[data-theme="meridian"] .hero-guarantee .link:hover{color:var(--mx-ink)}

/* Page hero (binnenpagina's) */
html[data-theme="meridian"] .page-hero{background:
  repeating-linear-gradient(90deg,rgba(16,18,20,.026) 0 1px,transparent 1px 140px),var(--bg);border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .page-hero::before{background:none}
html[data-theme="meridian"] .page-hero h1{font-weight:700;letter-spacing:-.03em}
html[data-theme="meridian"] .page-hero .sub{color:var(--muted)}
html[data-theme="meridian"] .crumbs{color:var(--muted);font-size:11px;letter-spacing:.12em;font-weight:600}
html[data-theme="meridian"] .crumbs a:hover{color:var(--accent)}
html[data-theme="meridian"] .crumbs span.curr{color:var(--mx-ink)}

/* ------------------------------------------------------------------ */
/* 5. Tagline + secties                                                */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .tagline{background:var(--bg);border-top:1px solid var(--border);border-bottom:0;padding:112px 0 96px}
html[data-theme="meridian"] .tagline::before{background:none}
html[data-theme="meridian"] .tagline .section-title{color:var(--muted);font-size:15px;font-weight:700;letter-spacing:0}
html[data-theme="meridian"] .tagline .section-title strong{color:var(--mx-ink)}
html[data-theme="meridian"] .tagline .section-title strong span{color:var(--accent)}
html[data-theme="meridian"] .tagline .section-h2{font-weight:700;letter-spacing:-.03em}
html[data-theme="meridian"] .section-title{color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.18em}
html[data-theme="meridian"] .section-h2{font-weight:700;letter-spacing:-.03em}
html[data-theme="meridian"] .section-sub{color:var(--muted)}

/* Branch strip (landen) */
html[data-theme="meridian"] .branch-strip{background:#fff;border:1px solid var(--border);border-radius:10px}
html[data-theme="meridian"] .branch-flag{color:var(--muted)}
html[data-theme="meridian"] .branch-flag:hover{background:var(--msc-soft);border-color:var(--msc-bd);color:var(--accent)}
html[data-theme="meridian"] .branch-flag.active{background:var(--msc-soft);border-color:var(--msc-bd);color:var(--accent)}
html[data-theme="meridian"] .branch-flag.active img{box-shadow:0 0 0 2px var(--msc-bd)}

/* ------------------------------------------------------------------ */
/* 6. Productkaarten — witte plaat, hairline, oranje topregel          */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .pcard{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--mx-shadow-sm);transition:transform .35s var(--mx-ease),border-color .25s,box-shadow .35s var(--mx-ease)}
html[data-theme="meridian"] .pcard::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--mx-ease)}
html[data-theme="meridian"] .pcard{position:relative}
html[data-theme="meridian"] .pcard:hover{transform:translateY(-5px);border-color:var(--border-2);box-shadow:var(--mx-shadow-lg)}
html[data-theme="meridian"] .pcard:hover::after{transform:scaleX(1)}
html[data-theme="meridian"] .pcard .img{background:
  repeating-linear-gradient(90deg,rgba(16,18,20,.03) 0 1px,transparent 1px 56px),
  linear-gradient(165deg,#FAF8F5 0%,#ECE9E3 100%);border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .pcard .img::before{background:none}
html[data-theme="meridian"] .pcard .img img{filter:drop-shadow(0 18px 26px rgba(16,18,20,.22));transition:transform .5s var(--mx-ease)}
html[data-theme="meridian"] .pcard:hover .img img{transform:scale(1.035)}
html[data-theme="meridian"] .tag{border-radius:3px;font-size:9.5px;letter-spacing:.1em;padding:5px 9px;font-weight:700}
html[data-theme="meridian"] .tag.new{background:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .tag.used{background:#fff;color:var(--muted-2);border:1px solid var(--border-2)}
html[data-theme="meridian"] .tag.hc{background:#fff;color:var(--accent);border:1px solid var(--msc-bd)}
html[data-theme="meridian"] .pcard .size{color:var(--accent);font-weight:700;letter-spacing:.14em;font-size:10.5px}
html[data-theme="meridian"] .pcard h3{font-weight:700;letter-spacing:-.02em}
html[data-theme="meridian"] .pcard .cond-tag{border-left:1px solid var(--border)}
html[data-theme="meridian"] .pcard .cond-tag.new{color:var(--success)}
html[data-theme="meridian"] .pcard .cond-tag.used{color:var(--muted)}
html[data-theme="meridian"] .pcard .desc{color:var(--muted)}
html[data-theme="meridian"] .pcard .foot{border-top:1px solid var(--border)}
html[data-theme="meridian"] .pcard .price{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:17px;letter-spacing:-.03em;color:var(--mx-ink)}
html[data-theme="meridian"] .pcard .price small{color:var(--muted);letter-spacing:.06em}
html[data-theme="meridian"] .pcard .price[style]{color:var(--accent) !important}
html[data-theme="meridian"] .pcard .arrow{background:transparent;border:1px solid var(--border-2);color:var(--muted-2);border-radius:6px}
html[data-theme="meridian"] .pcard:hover .arrow{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .pmatch{color:var(--success);background:rgba(23,114,69,.06);border:1px solid rgba(23,114,69,.28);border-radius:4px}
html[data-theme="meridian"] .prent{color:var(--accent);background:var(--msc-soft);border:1px solid var(--msc-bd);border-radius:4px}
html[data-theme="meridian"] .fin-teaser{color:var(--muted);border-top:1px dashed var(--border-2)}
html[data-theme="meridian"] .fin-teaser::before{color:var(--success)}

/* Shop-sectie + filterbalk */
html[data-theme="meridian"] .shop-section{background:var(--bg)}
html[data-theme="meridian"] .shop-section::before{background:none}
html[data-theme="meridian"] .filter-bar{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .filter-bar .label{color:var(--muted);font-size:10.5px;letter-spacing:.14em;font-weight:700}
html[data-theme="meridian"] .filter-bar select,
html[data-theme="meridian"] .filter-bar .chip{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink);border-radius:6px;font-weight:600}
html[data-theme="meridian"] .filter-bar select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23575D66' d='M6 8 0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 14px center}
html[data-theme="meridian"] .filter-bar select:hover,
html[data-theme="meridian"] .filter-bar .chip:hover{border-color:var(--mx-ink)}
html[data-theme="meridian"] .filter-bar .chip.active{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .filter-bar .reset{color:var(--muted)}
html[data-theme="meridian"] .filter-bar .reset:hover{color:var(--accent)}

/* ------------------------------------------------------------------ */
/* 7. Trust badges + reviews                                           */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .trust-badge,
html[data-theme="meridian"] .reviews-toggle,
html[data-theme="meridian"] .tb-green,
html[data-theme="meridian"] .tb-blue{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .reviews-toggle .rr-score strong{color:var(--mx-ink)}
html[data-theme="meridian"] .reviews-toggle .rt-tag{color:var(--muted);letter-spacing:.1em}
html[data-theme="meridian"] .reviews-toggle .rt-toggle{color:var(--accent)}
html[data-theme="meridian"] .reviews-toggle summary:hover{background:var(--bg)}
html[data-theme="meridian"] .tb-green .tb-ico{background:rgba(23,114,69,.08);color:var(--success);border:1px solid rgba(23,114,69,.25);border-radius:8px}
html[data-theme="meridian"] .tb-green .rr-score strong{color:var(--success);font-size:17px}
html[data-theme="meridian"] .tb-blue .tb-ico{background:var(--bg);color:var(--mx-ink);border:1px solid var(--border-2);border-radius:8px}
html[data-theme="meridian"] .tb-blue .rr-score strong{color:var(--mx-ink);font-size:17px}
html[data-theme="meridian"] .rt-tag{color:var(--muted)}
html[data-theme="meridian"] .rr-score .stars svg,
html[data-theme="meridian"] .rc-stars svg,
html[data-theme="meridian"] .gt-rating .stars svg,
html[data-theme="meridian"] .gt-stars-row svg{fill:var(--accent)}
html[data-theme="meridian"] .review-card{background:var(--bg);border:1px solid var(--border);border-radius:8px}
html[data-theme="meridian"] .review-card:hover{border-color:var(--border-2)}
html[data-theme="meridian"] .review-card p{color:var(--muted-2)}
html[data-theme="meridian"] .rc-nav{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .rc-nav:hover{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .rc-dot{background:var(--border-2)}
html[data-theme="meridian"] .rc-dot.active{background:var(--accent)}

/* ------------------------------------------------------------------ */
/* 8. Paysafe — inktzwart anker-blok                                   */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .paysafe{background:var(--mx-ink);padding:112px 0;position:relative}
html[data-theme="meridian"] .paysafe::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(244,242,238,.03) 0 1px,transparent 1px 140px);pointer-events:none}
html[data-theme="meridian"] .paysafe .eyebrow{color:var(--mx-paper)}
html[data-theme="meridian"] .paysafe-text h2{color:var(--mx-paper);font-weight:700}
html[data-theme="meridian"] .paysafe-text p{color:var(--mx-paper-70)}
html[data-theme="meridian"] .paysafe .btn-primary{background:var(--accent);color:#fff}
html[data-theme="meridian"] .paysafe .btn-primary:hover{background:var(--mx-orange-hot)}
html[data-theme="meridian"] .paysafe-card{background:rgba(244,242,238,.045);border:1px solid var(--mx-paper-14);border-radius:10px;backdrop-filter:none}
html[data-theme="meridian"] .paysafe-card:hover{border-color:rgba(244,242,238,.32);transform:translateY(-2px)}
html[data-theme="meridian"] .paysafe-card h4{color:var(--mx-paper)}
html[data-theme="meridian"] .paysafe-card p{color:rgba(244,242,238,.6)}
html[data-theme="meridian"] .paysafe .trust-pop-ico.is-gold{background:rgba(242,84,21,.14);border:1px solid rgba(242,84,21,.4);color:var(--mx-orange-hot);border-radius:8px}
html[data-theme="meridian"] .paysafe .trust-pop-ico.is-green{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.32);color:#4ADE80;border-radius:8px}
html[data-theme="meridian"] .paysafe .trust-pop-ico.is-blue{background:rgba(244,242,238,.07);border:1px solid var(--mx-paper-14);color:var(--mx-paper);border-radius:8px}

/* ------------------------------------------------------------------ */
/* 9. Features (Hoe werkt het) + steps                                 */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .features{background:var(--bg);border-top:0;border-bottom:0;padding:112px 0}
html[data-theme="meridian"] .feature-card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--mx-shadow-sm);transition:transform .35s var(--mx-ease),border-color .25s,box-shadow .35s var(--mx-ease)}
html[data-theme="meridian"] .feature-card::before{background:var(--accent);height:2px;opacity:0}
html[data-theme="meridian"] .feature-card:hover{transform:translateY(-5px);border-color:var(--border-2);box-shadow:var(--mx-shadow-lg)}
html[data-theme="meridian"] .feature-card:hover::before{opacity:1}
html[data-theme="meridian"] .feature-card .num-badge{color:var(--accent);font-weight:700;font-size:10.5px;letter-spacing:.14em}
html[data-theme="meridian"] .feature-card h3{font-weight:700;letter-spacing:-.02em}
html[data-theme="meridian"] .feature-card p{color:var(--muted)}
html[data-theme="meridian"] .features-cta p{color:var(--muted)}
html[data-theme="meridian"] .steps{background:var(--bg);border-top:1px solid var(--border)}
html[data-theme="meridian"] .step .num{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink);font-family:'JetBrains Mono',ui-monospace,monospace;border-radius:8px}
html[data-theme="meridian"] .step p{color:var(--muted)}
html[data-theme="meridian"] .step:not(:last-child)::after{border-top:1px dashed var(--border-2)}
html[data-theme="meridian"] .checklist li{color:var(--muted-2)}
html[data-theme="meridian"] .checklist .check{background:var(--msc-soft);border:1px solid var(--msc-bd);color:var(--accent)}

/* ------------------------------------------------------------------ */
/* 10. Productdetail                                                   */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .product-section{background:var(--bg)}
html[data-theme="meridian"] .product-gallery{background:
  repeating-linear-gradient(90deg,rgba(16,18,20,.03) 0 1px,transparent 1px 56px),
  linear-gradient(165deg,#FFFFFF 0%,#ECE9E3 100%);border:1px solid var(--border);border-radius:12px}
html[data-theme="meridian"] .product-gallery::before{background:none}
html[data-theme="meridian"] .product-gallery img{filter:drop-shadow(0 26px 40px rgba(16,18,20,.25))}
html[data-theme="meridian"] .product-gallery .pill{background:var(--mx-ink);color:var(--mx-paper);border-radius:4px;letter-spacing:.1em}
html[data-theme="meridian"] .product-gallery .lpg{background:#fff;border:1px solid rgba(23,114,69,.3);color:var(--success);box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .pg-nav{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .pg-nav:hover{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .pg-dots{background:rgba(255,255,255,.85);border:1px solid var(--border)}
html[data-theme="meridian"] .pg-dot{background:var(--border-2)}
html[data-theme="meridian"] .pg-dot:hover{background:var(--muted)}
html[data-theme="meridian"] .pg-dot.active{background:var(--accent)}
html[data-theme="meridian"] .product-info .size{color:var(--accent);letter-spacing:.14em}
html[data-theme="meridian"] .product-info h1{font-weight:700}
html[data-theme="meridian"] .product-info .lede-prod{color:var(--muted)}
html[data-theme="meridian"] .price-card{background:#fff;border:1px solid var(--mx-ink);border-radius:10px;position:relative;overflow:hidden}
html[data-theme="meridian"] .price-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent)}
html[data-theme="meridian"] .price-card .pl{color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;font-size:10px}
html[data-theme="meridian"] .price-card .pv{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;letter-spacing:-.04em}
html[data-theme="meridian"] .price-card .note{color:var(--muted)}
html[data-theme="meridian"] .promo{border-radius:6px}
html[data-theme="meridian"] .promo.green{background:rgba(23,114,69,.05);border-color:rgba(23,114,69,.25)}
html[data-theme="meridian"] .promo.green .ico{color:var(--success)}
html[data-theme="meridian"] .promo.yellow{background:var(--msc-soft);border-color:var(--msc-bd)}
html[data-theme="meridian"] .promo.yellow .ico{color:var(--accent)}
html[data-theme="meridian"] .promo.blue{background:var(--bg);border-color:var(--border-2)}
html[data-theme="meridian"] .promo.blue .ico{color:var(--mx-ink)}
html[data-theme="meridian"] .promo strong{color:var(--mx-ink)}
html[data-theme="meridian"] .promo span{color:var(--muted)}
html[data-theme="meridian"] .qsel-head h4{color:var(--mx-ink);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em}
html[data-theme="meridian"] .qsel-head .help{color:var(--muted)}
html[data-theme="meridian"] .qsel-card{background:#fff;border:1px solid var(--border-2);border-radius:8px}
html[data-theme="meridian"] .qsel-opt:hover .qsel-card{border-color:var(--mx-ink);background:#fff}
html[data-theme="meridian"] .qsel-opt input:checked + .qsel-card{border-color:var(--mx-ink);background:#fff;box-shadow:0 0 0 1px var(--mx-ink),var(--mx-shadow-md)}
html[data-theme="meridian"] .qsel-card .letter{background:var(--bg);border:1px solid var(--border-2);color:var(--muted-2);font-family:'JetBrains Mono',ui-monospace,monospace}
html[data-theme="meridian"] .qsel-opt input:checked + .qsel-card .letter{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .qsel-card strong{color:var(--mx-ink)}
html[data-theme="meridian"] .qsel-card p{color:var(--muted)}
html[data-theme="meridian"] .qsel-card .delta{color:var(--success);background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.25)}
html[data-theme="meridian"] .qsel-card .delta.zero{color:var(--muted);background:var(--bg);border-color:var(--border-2)}
html[data-theme="meridian"] .specs{border-top:1px solid var(--border)}
html[data-theme="meridian"] .specs h4{color:var(--mx-ink);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em}
html[data-theme="meridian"] .specs td{border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .specs td:first-child{color:var(--muted)}
html[data-theme="meridian"] .specs td:last-child{color:var(--mx-ink)}

/* Mods / configurator kaarten */
html[data-theme="meridian"] details.mods summary{background:#fff;border:1px solid var(--border-2);color:var(--muted-2)}
html[data-theme="meridian"] details.mods summary:hover,
html[data-theme="meridian"] details.mods[open] summary{background:var(--msc-soft);border-color:var(--msc-bd);color:var(--accent)}
html[data-theme="meridian"] .cust-card-inner{background:#fff;border:1px solid var(--border);border-radius:10px}
html[data-theme="meridian"] .cust-card:hover .cust-card-inner{border-color:var(--border-2);box-shadow:var(--mx-shadow-lg)}
html[data-theme="meridian"] .cust-card-inner::before{background:var(--accent);height:2px}
html[data-theme="meridian"] .cust-card input:checked + .cust-card-inner{border-color:var(--mx-ink);background:#fff;box-shadow:0 0 0 1px var(--mx-ink),var(--mx-shadow-md)}
html[data-theme="meridian"] .cust-card .ico{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink);border-radius:8px}
html[data-theme="meridian"] .cust-card strong{color:var(--mx-ink)}
html[data-theme="meridian"] .cust-card .add{color:var(--accent);background:var(--msc-soft);border:1px solid var(--msc-bd)}
html[data-theme="meridian"] .cust-card .add.q{color:var(--muted);background:var(--bg);border-color:var(--border-2)}
html[data-theme="meridian"] .cust-card .check-mark{background:#fff;border:1.5px solid var(--border-2)}
html[data-theme="meridian"] .cust-card:hover .check-mark{border-color:var(--mx-ink)}
html[data-theme="meridian"] .cust-card input:checked + .cust-card-inner .check-mark{background:var(--mx-ink);border-color:var(--mx-ink)}

/* ------------------------------------------------------------------ */
/* 11. Offerte-modal + formulieren                                     */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] dialog.modal::backdrop{background:rgba(16,18,20,.5);backdrop-filter:blur(6px)}
html[data-theme="meridian"] .modal-form{background:#fff;border:1px solid var(--border);box-shadow:var(--mx-shadow-lg);border-radius:14px}
html[data-theme="meridian"] .modal-close{background:var(--bg);border:1px solid var(--border-2);color:var(--muted-2)}
html[data-theme="meridian"] .modal-close:hover{background:var(--msc-soft);color:var(--accent);border-color:var(--msc-bd)}
html[data-theme="meridian"] .modal-head .eyebrow-sm{color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em}
html[data-theme="meridian"] .modal-head h2{font-weight:700}
html[data-theme="meridian"] .add-container{background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .add-container:hover{background:rgba(23,114,69,.12);border-color:var(--success);box-shadow:none}
html[data-theme="meridian"] .extra-card{background:var(--bg);border:1px solid var(--border-2)}
html[data-theme="meridian"] .extra-head{border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .extra-head .ehead-label{color:var(--accent)}
html[data-theme="meridian"] .extra-rm{background:rgba(190,30,30,.06);border:1px solid rgba(190,30,30,.25);color:#B91C1C}
html[data-theme="meridian"] .extra-rm:hover{background:rgba(190,30,30,.12);border-color:#B91C1C}
html[data-theme="meridian"] .qm-config,
html[data-theme="meridian"] .quote-summary{background:var(--bg);border:1px solid var(--border);border-radius:10px}
html[data-theme="meridian"] .qm-row label{color:var(--muted)}
html[data-theme="meridian"] .pill-opt{background:#fff;border:1px solid var(--border-2);color:var(--muted-2);border-radius:5px}
html[data-theme="meridian"] .pill-opt:hover{border-color:var(--mx-ink);color:var(--mx-ink)}
html[data-theme="meridian"] .pill-opt.active{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper);box-shadow:none}
html[data-theme="meridian"] .qm-qty{background:#fff;border:1px solid var(--border-2)}
html[data-theme="meridian"] .qm-qty button{color:var(--muted-2)}
html[data-theme="meridian"] .qm-qty button:hover{background:var(--bg);color:var(--mx-ink)}
html[data-theme="meridian"] .qm-qty input{color:var(--mx-ink);border-left:1px solid var(--border-2);border-right:1px solid var(--border-2)}
html[data-theme="meridian"] .mod-pill{background:#fff;border:1px solid var(--border-2);color:var(--muted-2);border-radius:5px}
html[data-theme="meridian"] .mod-pill:hover{border-color:var(--mx-ink);color:var(--mx-ink)}
html[data-theme="meridian"] .mod-pill.active{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-paper);box-shadow:none}
html[data-theme="meridian"] .mod-pill.active em{color:var(--mx-paper);background:rgba(244,242,238,.14);border-color:rgba(244,242,238,.3)}
html[data-theme="meridian"] .mod-pill em{color:var(--accent);background:var(--msc-soft);border:1px solid var(--msc-bd)}
html[data-theme="meridian"] .qm-other textarea{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .qm-other textarea:focus{border-color:var(--mx-ink)}
html[data-theme="meridian"] .qm-other textarea::placeholder{color:var(--muted)}
html[data-theme="meridian"] .qm-rental{background:var(--msc-soft);border:1px solid var(--msc-bd)}
html[data-theme="meridian"] .qm-rental-q{color:var(--mx-ink)}
html[data-theme="meridian"] .qm-rental-q strong{color:var(--accent)}
html[data-theme="meridian"] .qs-row{border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .qs-row span{color:var(--muted)}
html[data-theme="meridian"] .qs-row strong{color:var(--mx-ink)}
html[data-theme="meridian"] .qs-row.total{border-top:1px solid var(--border-2)}
html[data-theme="meridian"] .qs-row.total strong{color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.03em}
html[data-theme="meridian"] .modal-form .field label{color:var(--muted)}
html[data-theme="meridian"] .modal-form .field input,
html[data-theme="meridian"] .modal-form .field textarea{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .modal-form .field input:focus,
html[data-theme="meridian"] .modal-form .field textarea:focus{border-color:var(--mx-ink)}
html[data-theme="meridian"] .modal-success{background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .qm-fin-promo{background:var(--bg);border-color:var(--border-2)}
html[data-theme="meridian"] .qm-fin-opts li,
html[data-theme="meridian"] .trust-pop-opt{background:var(--bg);border-color:var(--border)}
html[data-theme="meridian"] .qm-fin-no{border-color:var(--border-2);color:var(--muted-2)}

/* Contact / info */
html[data-theme="meridian"] .contact-section,
html[data-theme="meridian"] .faq-section{background:var(--bg)}
html[data-theme="meridian"] .form-card,
html[data-theme="meridian"] .info-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .form-card h2{font-weight:700}
html[data-theme="meridian"] .form-card .sub{color:var(--muted)}
html[data-theme="meridian"] .field label{color:var(--muted)}
html[data-theme="meridian"] .field input,
html[data-theme="meridian"] .field select,
html[data-theme="meridian"] .field textarea{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .field input:focus,
html[data-theme="meridian"] .field select:focus,
html[data-theme="meridian"] .field textarea:focus{border-color:var(--mx-ink);background:#fff}
html[data-theme="meridian"] .info-card h3{color:var(--mx-ink);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;font-size:12px}
html[data-theme="meridian"] .info-row{border-bottom:1px solid var(--border)}
html[data-theme="meridian"] .info-row .ico{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink);border-radius:8px}
html[data-theme="meridian"] .info-row .meta strong{color:var(--muted)}
html[data-theme="meridian"] .info-row .meta a:hover{color:var(--accent)}
html[data-theme="meridian"] .gt-more{color:var(--accent)}
html[data-theme="meridian"] .gt-more:hover{color:var(--mx-ink)}
html[data-theme="meridian"] .gt-review{border-bottom:1px solid var(--border)}

/* FAQ */
html[data-theme="meridian"] .faq-cat h3{color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;font-size:12px}
html[data-theme="meridian"] details.faq{background:#fff;border:1px solid var(--border);border-radius:8px}
html[data-theme="meridian"] details.faq[open]{border-color:var(--mx-ink)}
html[data-theme="meridian"] details.faq summary:hover{color:var(--accent)}
html[data-theme="meridian"] details.faq summary::after{color:var(--muted)}
html[data-theme="meridian"] details.faq[open] summary::after{color:var(--accent)}
html[data-theme="meridian"] details.faq .a{color:var(--muted)}

/* ------------------------------------------------------------------ */
/* 12. Secure payment (safe-*) + rekentool                             */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .safe-card,
html[data-theme="meridian"] .safe-step{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .safe-card:hover{border-color:var(--border-2);box-shadow:var(--mx-shadow-md)}
html[data-theme="meridian"] .safe-hero-shield{background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .safe-step-n{box-shadow:none}
html[data-theme="meridian"] .safe-card-ico.is-purple{background:var(--bg);border-color:var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .calc-box{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--mx-shadow-md)}
html[data-theme="meridian"] .calc-input{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .calc-input input{color:var(--mx-ink)}
html[data-theme="meridian"] .calc-presets button{background:var(--bg);border:1px solid var(--border-2);color:var(--muted-2)}
html[data-theme="meridian"] .calc-saveline{background:rgba(23,114,69,.06);border-color:rgba(23,114,69,.25)}
html[data-theme="meridian"] .fin-hero-pill{background:#fff;border:1px solid var(--border-2);color:var(--accent);box-shadow:var(--mx-shadow-sm)}
html[data-theme="meridian"] .fin-hero-pill:hover{border-color:var(--accent)}

/* Financiering (product + offerte) */
html[data-theme="meridian"] .fin-box{background:#fff;border:1px solid var(--border);border-radius:10px}
html[data-theme="meridian"] .fin-box.is-open{background:#fff}
html[data-theme="meridian"] .fin-bar:hover{background:var(--bg)}
html[data-theme="meridian"] .fin-bar-ico{background:rgba(23,114,69,.07);border-color:rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .fin-bar-toggle{background:var(--bg);color:var(--mx-ink)}
html[data-theme="meridian"] .fin-body{border-top-color:var(--border)}
html[data-theme="meridian"] .fin-sub{color:var(--muted)}
html[data-theme="meridian"] .fin-toggle{background:var(--bg);border:1px solid var(--border-2)}
html[data-theme="meridian"] .fin-toggle button{color:var(--muted-2)}
html[data-theme="meridian"] .fin-toggle button.on{background:var(--mx-ink);color:var(--mx-paper)}
html[data-theme="meridian"] .fin-vat input{background:#fff;border:1px solid var(--border-2);color:var(--mx-ink)}
html[data-theme="meridian"] .fin-vat input:focus{border-color:var(--mx-ink)}
html[data-theme="meridian"] .fin-opt{background:#fff;border:1px solid var(--border);border-radius:8px}
html[data-theme="meridian"] .fin-opt:hover{border-color:var(--mx-ink)}
html[data-theme="meridian"] .fin-opt input[type=radio]{accent-color:var(--mx-ink)}
html[data-theme="meridian"] .fin-badge{background:var(--msc-soft);color:var(--accent);border:1px solid var(--msc-bd)}
html[data-theme="meridian"] .fin-opt-desc{color:var(--muted)}
html[data-theme="meridian"] .fin-opt-price strong{color:var(--mx-ink);font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.02em}
html[data-theme="meridian"] .fin-opt-price .fin-save{color:var(--success)}
html[data-theme="meridian"] .fin-foot{color:var(--muted)}
html[data-theme="meridian"] .fin-foot svg{color:var(--success)}
html[data-theme="meridian"] .pfin{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink)}

/* Trust popup */
html[data-theme="meridian"] .trust-pop-overlay{background:rgba(16,18,20,.44);backdrop-filter:blur(5px)}
html[data-theme="meridian"] .trust-pop-card{background:#fff;border:1px solid var(--border);box-shadow:var(--mx-shadow-lg)}
html[data-theme="meridian"] .trust-pop-x{color:var(--muted)}
html[data-theme="meridian"] .trust-pop-x:hover{color:var(--mx-ink)}
html[data-theme="meridian"] .trust-pop-shield{background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .trust-pop-body{color:var(--muted)}
html[data-theme="meridian"] .trust-pop-opt{color:var(--muted-2)}
html[data-theme="meridian"] .trust-pop-opt strong{color:var(--mx-ink)}
html[data-theme="meridian"] .trust-pop-foot{color:var(--muted)}
html[data-theme="meridian"] .trust-pop-cta{background:var(--mx-ink);color:var(--mx-paper);border-radius:8px}
html[data-theme="meridian"] .trust-pop-cta:hover{background:var(--accent)}
html[data-theme="meridian"] .trust-pop-pill{background:var(--bg);border-color:var(--border-2);color:var(--muted-2)}
html[data-theme="meridian"] .trust-pop-ico.is-gold{background:var(--msc-soft);border:1px solid var(--msc-bd);color:var(--accent)}
html[data-theme="meridian"] .trust-pop-ico.is-green{background:rgba(23,114,69,.07);border:1px solid rgba(23,114,69,.3);color:var(--success)}
html[data-theme="meridian"] .trust-pop-ico.is-blue{background:var(--bg);border:1px solid var(--border-2);color:var(--mx-ink)}

/* ------------------------------------------------------------------ */
/* 13. Europa-kaart — donkere inkt-plaat met oranje routes             */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .euro-map-wrap{background:var(--mx-ink);border:1px solid rgba(244,242,238,.1);border-radius:12px}
html[data-theme="meridian"] .euro-map-wrap::before{background:repeating-linear-gradient(90deg,rgba(244,242,238,.03) 0 1px,transparent 1px 90px)}
html[data-theme="meridian"] .euro-map-title{color:var(--mx-orange-hot);letter-spacing:.14em}
html[data-theme="meridian"] .euro-map-watermark{color:var(--mx-orange-hot);opacity:.07}
html[data-theme="meridian"] .euro-map .hub-pulse{stroke:var(--mx-orange-hot)}
html[data-theme="meridian"] .euro-map .office-label.hub{fill:var(--mx-orange-hot)}
html[data-theme="meridian"] .euro-map .routes path{filter:drop-shadow(0 0 4px rgba(242,84,21,.4))}
html[data-theme="meridian"] .euro-map-stats{border-top:1px solid rgba(244,242,238,.1)}
html[data-theme="meridian"] .euro-map-stats .em-num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--mx-orange-hot);font-family:'JetBrains Mono',ui-monospace,monospace}
html[data-theme="meridian"] .euro-map-stats .em-lbl{color:rgba(244,242,238,.5)}
html[data-theme="meridian"] .euro-map-foot{color:rgba(244,242,238,.45)}
html[data-theme="meridian"] .euro-map-foot .dot.office{background:var(--mx-orange-hot);box-shadow:0 0 0 2px rgba(242,84,21,.3)}

/* ------------------------------------------------------------------ */
/* 14. CTA-strip — inktzwart anker                                     */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] .cta-strip{background:var(--mx-ink);border-top:0;border-bottom:0;padding:96px 0}
html[data-theme="meridian"] .cta-strip::before{background:repeating-linear-gradient(90deg,rgba(244,242,238,.03) 0 1px,transparent 1px 140px)}
html[data-theme="meridian"] .cta-strip h2{color:var(--mx-paper);font-weight:700}
html[data-theme="meridian"] .cta-strip p{color:var(--mx-paper-70)}
html[data-theme="meridian"] .cta-strip .btn-primary{background:var(--accent);color:#fff}
html[data-theme="meridian"] .cta-strip .btn-primary:hover{background:var(--mx-orange-hot)}
html[data-theme="meridian"] .cta-strip .btn-secondary{background:transparent;color:var(--mx-paper);border:1px solid rgba(244,242,238,.3)}
html[data-theme="meridian"] .cta-strip .btn-secondary:hover{background:var(--mx-paper);color:var(--mx-ink);border-color:var(--mx-paper)}

/* ------------------------------------------------------------------ */
/* 15. Footer — inktzwart, mono kolomkoppen                            */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"] footer.site{background:var(--mx-ink);border-top:0;padding:88px 0 44px;position:relative}
html[data-theme="meridian"] footer.site::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0 120px,rgba(244,242,238,.12) 120px)}
html[data-theme="meridian"] footer.site .logo{color:var(--mx-paper)}
html[data-theme="meridian"] footer.site .brand-sep{background:linear-gradient(180deg,transparent,rgba(244,242,238,.5) 25%,rgba(244,242,238,.5) 75%,transparent)}
html[data-theme="meridian"] .foot-brand p{color:rgba(244,242,238,.55)}
html[data-theme="meridian"] .foot-col h4{color:rgba(244,242,238,.92);font-size:11px;letter-spacing:.16em;font-weight:700}
html[data-theme="meridian"] .foot-col a{color:rgba(244,242,238,.58)}
html[data-theme="meridian"] .foot-col a:hover{color:var(--mx-orange-hot)}
html[data-theme="meridian"] .foot-bottom{border-top:1px solid rgba(244,242,238,.1);color:rgba(244,242,238,.42)}
html[data-theme="meridian"] .foot-branches a:hover{color:var(--mx-orange-hot);border-color:rgba(242,84,21,.3)}
html[data-theme="meridian"] .foot-branches a.active{color:var(--mx-orange-hot);border-color:rgba(242,84,21,.35);background:rgba(242,84,21,.08)}

/* ------------------------------------------------------------------ */
/* 16. Motion — reveals, tellers, parallax (gegate op .mx-anim)        */
/*     Zonder JS of andere thema's: geen effect, alles zichtbaar.      */
/* ------------------------------------------------------------------ */
html[data-theme="meridian"].mx-anim .mx-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--mx-ease),transform .8s var(--mx-ease);transition-delay:var(--mx-d,0ms)}
html[data-theme="meridian"].mx-anim .mx-reveal.mx-in{opacity:1;transform:none}
html[data-theme="meridian"]{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html[data-theme="meridian"].mx-anim .mx-reveal{opacity:1 !important;transform:none !important;transition:none !important}
  html[data-theme="meridian"] .pcard,
  html[data-theme="meridian"] .feature-card,
  html[data-theme="meridian"] .pcard .img img{transition:none !important}
}