/* Miedema & Zn. – "Atelier". Eigen stijllaag bovenop de Site Machine.
   Idee: de werkplaats van een stoffeerder. Zandkleurige header waarop het transparante logo staat, zwart en goud uit de huisstijl,
   en het stiksel van een naad (gestippelde goudlijn) als terugkerend detail op kaarten, koppen en scheidingen.
   Kleuren: zand #E9DDC7, crème #F8F3EA, zwart #111111, goud #B17C2D, oker #DD9933 (accent/hover),
   donkergoud #7E5718 voor links en kleine tekst op licht (haalt AA). Knoppen: goud met zwarte tekst (6,2:1).
   Koppen Merriweather 700, tekst Roboto. Kleine afronding (4px), geen schaduwen behalve de dropdown. */
:root{--mz-sand:#E9DDC7;--mz-sand-d:#DCCBAE;--mz-cream:#F8F3EA;--mz-white:#FFFFFF;--mz-ink:#111111;--mz-text:#2B2620;--mz-muted:#6A5F52;
  --mz-gold:#B17C2D;--mz-ochre:#DD9933;--mz-gold-d:#7E5718;--mz-line:#E3D5BD;--mz-stitch:rgba(177,124,45,.7);
  --mz-head:var(--sm-head),"Merriweather",Georgia,serif;--mz-r:4px;--mz-gap:clamp(64px,8vw,120px)}

/* ---------- basis ---------- */
html{font-synthesis:none}
body{background:var(--mz-cream)}
body,.sm{color:var(--mz-text)}
.sm{overflow-x:clip;background:var(--mz-cream);font-size:16.5px;line-height:1.7}
h1,h2,h3,h4,.heading-font,.sm h1,.sm h2,.sm h3{font-family:var(--mz-head)!important;font-weight:700!important;color:var(--mz-ink);letter-spacing:-.01em;text-transform:none}
.sm h1{font-size:clamp(36px,4.6vw,62px);line-height:1.12;margin:0 0 .5em;max-width:17ch}
.sm h2{font-size:clamp(26px,2.6vw,36px);line-height:1.22;margin:0 0 .7em;max-width:24ch}
.sm h3{font-size:clamp(18px,1.4vw,21px);line-height:1.35;margin:0 0 .45em}
.sm p,.sm li{max-width:68ch}
.sm b,.sm strong{font-weight:700;color:var(--mz-ink)}
.sm a{color:var(--mz-gold-d)}
.sm a:hover{color:var(--mz-gold)}
.sm .sm-sec p a:not(.sm-btn):not(.sm-more),.sm .sm-prose li a,.sm .sm-faq a,.sm .sm-hero p a{text-decoration:underline;text-decoration-color:rgba(126,87,24,.4);text-underline-offset:3px}
.sm .sm-sec{padding:var(--mz-gap) 0}
.sm .sm-sec--tight{padding:calc(var(--mz-gap)*.55) 0}
.sm .sm-sec--soft{background:var(--mz-sand)}
.sm .sm-lead{font-size:clamp(17px,1.3vw,19px);line-height:1.65;max-width:58ch}
.sm .sm-split{gap:clamp(36px,6vw,96px);align-items:center}

/* het stiksel: gestippelde goudlijn onder sectiekoppen */
.sm .sm-sec h2::after{content:"";display:block;width:64px;margin-top:16px;border-top:2px dashed var(--mz-gold)}
.sm .sm-ctaband h2::after,.sm .mz-form-head h2::after{content:none}

/* ---------- header (Flatsome) op zand, met het transparante logo ---------- */
html body .header-wrapper,html body .header-main,html body .header-bg-color,html body .header-wrapper.stuck .header-main,html body #header .header-bg-color{background-color:var(--mz-ink)!important}
.header-main{box-shadow:none;border-bottom:1px solid #2A2621}
.header-main .logo img,#logo img{max-height:70px!important;width:auto}
.header-top,.top-bar{background:#1C1A17!important;color:#E9DDC7;border-bottom:1px solid #2A2621}
.header-top a,.top-bar a{color:#E9DDC7!important}
html body .header-nav-main.nav>li>a{font-family:var(--sm-font)!important;font-weight:500;font-size:15px;letter-spacing:0;text-transform:none;color:#F3EADB!important;padding:8px 0!important;border-bottom:2px dashed transparent}
html body .header-nav-main.nav>li{margin:0 13px}
html body .header-nav-main.nav>li>a:hover,html body .header-nav-main.nav>li.active>a,html body .header-nav-main.nav>li.current-menu-ancestor>a{border-bottom-color:var(--mz-gold);color:var(--mz-ochre)!important}
html body .header-nav-main.nav>li.has-dropdown>a i,html body .header-nav-main .icon-angle-down{color:var(--mz-gold)!important}
html body .header-nav-main.nav>li.sm-menu-cta{margin-left:18px}
html body .nav li.sm-menu-cta>a{font-family:var(--sm-font)!important;font-size:15px!important;font-weight:700!important;line-height:1!important;background:var(--mz-gold)!important;color:var(--mz-ink)!important;border:0!important;border-radius:var(--mz-r)!important;padding:14px 20px!important}
html body .nav li.sm-menu-cta>a:hover{background:var(--mz-ochre)!important;color:var(--mz-ink)!important}
.nav-dropdown,.header-nav-main li ul,.header-nav-main .sub-menu{background:var(--mz-cream)!important;border:1px solid var(--mz-line)!important;border-radius:var(--mz-r)!important;box-shadow:0 18px 40px rgba(17,17,17,.08)!important;padding:8px 0!important}
.nav-dropdown li a{font-family:var(--sm-font)!important;font-size:15px;color:var(--mz-text)!important;text-transform:none;letter-spacing:0;padding:9px 22px!important;text-decoration:none!important;border:0!important}
.nav-dropdown li a:hover{color:var(--mz-gold-d)!important;background:var(--mz-sand)!important}

/* ---------- knoppen ---------- */
.sm .sm-btns{gap:12px}
.sm .sm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 26px;border-radius:var(--mz-r);font-family:var(--sm-font);font-size:19px;font-weight:700;letter-spacing:0;text-decoration:none;border:2px solid transparent;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.sm .sm-btn--primary{background:var(--mz-gold);color:var(--mz-ink);border-color:var(--mz-gold)}
.sm .sm-btn--primary:hover{background:var(--mz-ochre);border-color:var(--mz-ochre);color:var(--mz-ink)}
.sm .sm-btn--ghost{background:transparent;color:var(--mz-ink)!important;border-color:var(--mz-ink)}
.sm .sm-btn--ghost:hover{background:var(--mz-ink);color:var(--mz-sand)!important}
.sm .sm-btn::after{content:none!important}
.sm .sm-btn:focus-visible,.sm a:focus-visible,.sm summary:focus-visible{outline:2px solid var(--mz-gold-d);outline-offset:3px}
.sm a.sm-more{font-weight:700;font-size:15px;text-decoration:none;color:var(--mz-gold-d);border-bottom:2px dashed var(--mz-gold);padding-bottom:2px}

/* ---------- hero: tekst links op zwart, foto rechts volledig zichtbaar tot de rand ---------- */
.sm .sm-hero{position:relative;background:var(--mz-ink);padding:0;overflow:hidden}
.sm .sm-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:stretch;min-height:clamp(480px,58vh,620px)}
.sm .sm-hero__grid>div:first-child{align-self:center;padding:clamp(48px,6vw,96px) 0}
.sm .sm-hero__grid>div:last-child{position:relative;margin-right:calc(50% - 50vw);margin-left:calc(-1 * clamp(80px,9vw,170px))}
.sm .sm-hero__grid>div:first-child{position:relative;z-index:2}
.sm .sm-hero .mz-ph--hero{position:absolute;inset:0;margin:0;width:100%;height:100%;aspect-ratio:auto;max-height:none;border-radius:0}
.sm .sm-hero .mz-ph--hero img{width:100%;height:100%;object-fit:cover}
.sm .sm-hero .mz-ph--hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.92) 12%,rgba(17,17,17,.55) 32%,rgba(17,17,17,.12) 58%,rgba(17,17,17,0) 75%),linear-gradient(0deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,0) 30%)}
.sm .sm-hero h1{color:#FFFFFF!important;font-size:clamp(34px,3.8vw,54px);max-width:15ch}
.sm .sm-hero h1::after{content:"";display:block;width:64px;margin-top:20px;border-top:2px dashed var(--mz-gold)}
.sm .sm-hero .sm-lead{color:#E3D8C6;font-size:clamp(16.5px,1.2vw,18px);max-width:46ch;margin-bottom:0}
.sm .sm-hero .sm-btns{margin-top:30px}
.sm .sm-hero .sm-btn--ghost{color:#FFFFFF!important;border-color:rgba(255,255,255,.75)}
.sm .sm-hero .sm-btn--ghost:hover{background:#FFFFFF;color:var(--mz-ink)!important}
/* pluspunten als één rustige rij onder de knoppen */
.sm .sm-hero .sm-checks{order:9;align-self:stretch;display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid #34302A}
.sm .sm-hero .sm-checks li{color:#E9DDC7;font-size:14px;font-weight:500;padding:0 0 0 22px;margin:0;max-width:none;position:relative}
.sm .sm-hero .sm-checks li::before{content:"";position:absolute;top:10px;left:0;width:14px;height:0;border-top:2px dashed var(--mz-gold);background:none;border-radius:0}
.sm .sm-hero .sm-trust{display:none}
.sm .sm-hero__grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
/* hero zonder beeld */
.sm .sm-hero__solo{position:relative;z-index:2;padding:clamp(56px,7vw,100px) 0}
.sm .sm-hero__solo h1{color:#fff!important}.sm .sm-hero__solo .sm-lead{color:#E3D8C6}

/* ---------- foto's ---------- */
.mz-ph{margin:0;overflow:hidden;background:var(--mz-sand-d);border-radius:var(--mz-r)}
.mz-ph img{display:block;width:100%;height:100%;object-fit:cover}
.sm .sm-split .mz-ph{aspect-ratio:4/3;max-height:480px;width:100%;position:relative}
.sm .sm-split .mz-ph::after{content:"";position:absolute;inset:10px;border:1px dashed rgba(255,255,255,.75);border-radius:2px;pointer-events:none}

/* ---------- dienstkaarten met stiksel ---------- */
.mz-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sm a.mz-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 26px 26px;background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);text-decoration:none;color:var(--mz-text);transition:border-color .2s,transform .2s}
.sm a.mz-card::before{content:"";position:absolute;inset:7px;border:1px dashed transparent;border-radius:2px;transition:border-color .2s;pointer-events:none}
.sm a.mz-card:hover{border-color:var(--mz-gold);transform:translateY(-2px)}
.sm a.mz-card:hover::before{border-color:var(--mz-stitch)}
.mz-card h3{margin:0!important;font-size:19px!important}
.mz-card p{margin:0;font-size:14.5px;line-height:1.6;color:var(--mz-muted)}
.mz-card .sm-more{margin-top:auto;padding-top:12px;align-self:flex-start;font-size:14px}

/* ---------- stappen ---------- */
.sm .sm-steps{gap:18px;counter-reset:s}
.sm .sm-step{background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:26px 22px 20px;position:relative}
.sm .sm-step::before{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px dashed var(--mz-gold);background:transparent!important;color:var(--mz-gold-d)!important;font-family:var(--mz-head);font-weight:700;font-size:20px;margin:0 0 16px}
.sm .sm-step h3{font-size:17.5px!important}
.sm .sm-step p{font-size:14.5px;color:var(--mz-muted);margin:0}
.sm .sm-sec--soft .sm-step,.sm .sm-sec--soft a.mz-card{background:var(--mz-cream)}

/* ---------- tabellen, faq, formulieren ---------- */
.sm table,.sm .sm-table{border-collapse:collapse;width:100%;font-size:15px;background:transparent}
.sm th,.sm .sm-table th{font-family:var(--sm-font);font-weight:700;text-align:left;background:transparent;color:var(--mz-ink);border-bottom:2px solid var(--mz-ink);padding:10px 14px 10px 0}
.sm td,.sm .sm-table td{border-bottom:1px dashed var(--mz-line);padding:12px 14px 12px 0;vertical-align:top;background:transparent!important}
.sm .sm-table-wrap{border:0;border-radius:0}
.sm .sm-faq{border-top:2px solid var(--mz-ink)}
.sm .sm-faq details{background:transparent;border:0;border-bottom:1px dashed var(--mz-sand-d);border-radius:0;padding:20px 0}
.sm .sm-faq summary{font-weight:700;font-size:17px;color:var(--mz-ink)}
.sm .sm-faq summary::after{color:var(--mz-gold-d);font-weight:400}
.sm input,.sm select,.sm textarea{border-radius:var(--mz-r)!important;border:1px solid #CDBB9C!important;background:var(--mz-white)!important;box-shadow:none!important}
.sm input:focus,.sm select:focus,.sm textarea:focus{border-color:var(--mz-gold-d)!important;outline:none}
.sm .sm-contact__opt span{border-radius:var(--mz-r)}
.sm .sm-contact__opt input:checked+span{border-color:var(--mz-gold-d);box-shadow:inset 0 0 0 1px var(--mz-gold-d);background:#FBF5EA}
.sm .sm-card{position:relative;background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:clamp(24px,3vw,36px)}
.sm .sm-checks li::before{color:var(--mz-gold-d)}
.sm .mz-form-head{max-width:760px;margin:0 0 32px}
.sm .mz-form-head h1{font-size:clamp(32px,3.8vw,50px)}

/* ---------- vestigingen: zwart blok met goud ---------- */
.sm .sm-vests{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sm .sm-vests__item{background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:22px 20px;position:relative}
.sm .sm-vests__item::before{content:"";position:absolute;inset:6px;border:1px dashed var(--mz-line);border-radius:2px;pointer-events:none}
.sm .sm-vests__item h3{margin:0 0 6px;font-size:20px!important}
.sm .sm-vests__item h3 a{color:var(--mz-ink);text-decoration:none}
.sm .sm-vests__item p{margin:0 0 4px;font-size:15px;position:relative}
.sm .sm-vests__uren{color:var(--mz-muted);font-size:13.5px!important}
.sm .sm-vests__item .sm-more{display:inline-block;margin-top:8px;font-size:14px}
.sm .mz-dark{background:var(--mz-ink)!important}
.sm .mz-dark h2{color:#fff!important}.sm .mz-dark .sm-lead,.sm .mz-dark p{color:#D9CDB8}
.sm .mz-dark .sm-vests__item{background:#1B1A18;border-color:#3A332A}
.sm .mz-dark .sm-vests__item::before{border-color:rgba(177,124,45,.45)}
.sm .mz-dark .sm-vests__item h3 a{color:var(--mz-ochre)}
.sm .mz-dark .sm-vests__item p,.sm .mz-dark .sm-vests__item a{color:#E9DDC7}
.sm .mz-dark .sm-vests__uren{color:#A99A83!important}
.sm .mz-dark a.sm-more{color:var(--mz-ochre);border-color:var(--mz-gold)}
.sm .sm-vest{background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:clamp(24px,3vw,36px);position:relative}
.sm .sm-vest h3{margin:0 0 14px}
.sm .sm-vest__list{list-style:none;margin:0;padding:0}
.sm .sm-vest__list li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-top:1px dashed var(--mz-line);font-size:15px;max-width:none}
.sm .sm-vest__list b{font-weight:700}
.sm .sm-vest__route{margin:16px 0 0}

/* ---------- citaat ---------- */
.sm .mz-quote{margin:30px 0 0;padding:22px 24px;background:var(--mz-white);border:1px solid var(--mz-line);border-radius:var(--mz-r);position:relative}
.sm .mz-quote::before{content:"\201C";position:absolute;top:-8px;left:18px;font-family:var(--mz-head);font-size:64px;line-height:1;color:var(--mz-gold)}
.sm .mz-quote p{font-family:var(--mz-head);font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--mz-ink);margin:10px 0 8px;font-style:italic}
.sm .mz-quote cite{font-style:normal;font-size:14px;font-weight:700;color:var(--mz-gold-d)}

/* ---------- cta-band en footer ---------- */
.sm .sm-ctaband{background:var(--mz-ink)!important;color:#D9CDB8;border-radius:var(--mz-r);padding:clamp(36px,5vw,64px);position:relative}
.sm .sm-ctaband::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(177,124,45,.55);border-radius:2px;pointer-events:none}
.sm .sm-ctaband h2{color:#fff!important;font-size:clamp(24px,2.6vw,34px)}
.sm .sm-ctaband p{color:#D9CDB8}
.sm .sm-ctaband .sm-btn--ghost{color:#fff!important;border-color:#fff}
.sm .sm-ctaband .sm-btn--ghost:hover{background:#fff;color:var(--mz-ink)!important}
.sm.sm-footer{background:var(--mz-ink);color:#CFC2AC}
.sm-footer h4{font-family:var(--mz-head)!important;font-size:16px!important;font-weight:700!important;letter-spacing:0;text-transform:none;color:var(--mz-ochre)!important}
.sm-footer a{color:#E9DDC7!important;text-decoration:none!important}
.sm-footer a:hover{color:var(--mz-ochre)!important}
.sm-footer .sm-btn--primary{background:var(--mz-gold)!important;color:var(--mz-ink)!important;border-radius:var(--mz-r)!important}

/* ---------- mobiele header en belbalk ---------- */
.sm.sm-mh a{text-decoration:none!important}
.sm-mh{background:var(--mz-ink)!important;border-bottom:1px solid #2A2621}
.sm-mh .sm-mh__bar{height:66px;padding:0 12px 0 14px;gap:10px}
.sm-mh .sm-mh__logo{flex:1 1 auto;min-width:0;overflow:hidden}
.sm-mh .sm-mh__logo img{height:auto;max-height:46px;max-width:100%;width:auto}
.sm-mh .sm-mh__act{gap:6px;flex:0 0 auto}
.sm-mh .sm-mh__cta,.sm-mh .sm-mh__ic,.sm-mh .sm-mh__burger{height:42px;min-width:42px;border-radius:var(--mz-r)!important}
.sm-mh .sm-mh__cta{width:42px;padding:0!important;justify-content:center;background:var(--mz-gold)!important;color:var(--mz-ink)!important}
.sm-mh .sm-mh__cta .sm-mh__s,.sm-mh .sm-mh__cta .sm-mh__l{display:none!important}
.sm-mh .sm-mh__ic{width:42px;background:transparent!important;border:1px solid var(--mz-gold)!important;color:var(--mz-ochre,#DD9933)!important}
.sm-mh .sm-mh__ic svg{color:inherit!important;stroke:currentColor;width:20px;height:20px}
.sm-mh .sm-mh__ic:active{background:var(--mz-gold)!important;color:var(--mz-ink)!important}
.sm-mh .sm-mh__burger{background:transparent;color:#F3EADB;border:1px solid #3A332A;padding:0 12px}
.sm-mh .sm-mh__lines i{background:#F3EADB}
.sm-mh .sm-mh__usp{background:var(--mz-sand);color:var(--mz-ink);justify-content:center;gap:14px;padding:6px 12px;font-size:12.5px;font-weight:500}
.sm-mh .sm-mh__usp span:nth-child(n+2){display:none}
.sm-mh .sm-mh__usp svg{color:var(--mz-gold-d)}
.sm-mh .sm-mh__nav{background:var(--mz-cream)}
.sm-mh .sm-mh__list>li{border-bottom:1px dashed var(--mz-sand-d)}
.sm-mh .sm-mh__list a,.sm-mh .sm-mh__list summary{font-family:var(--mz-head);font-weight:700;font-size:18px;color:var(--mz-ink)!important;padding:15px 2px}
.sm-mh .sm-mh__list details ul{background:transparent;border-radius:0;padding:0 0 10px 2px;margin:0}
.sm-mh .sm-mh__list details a{font-family:var(--sm-font);font-size:15.5px;font-weight:500;padding:9px 0;color:var(--mz-text)!important}
.sm-mh .sm-mh__list details .sm-mh__all a{color:var(--mz-gold-d)!important;font-weight:700}
.sm-mh .sm-mh__line{border-radius:var(--mz-r);border-color:var(--mz-sand-d)}
.sm-mh .sm-mh__foot .sm-btn{border-radius:var(--mz-r)}
.sm-mh .sm-mh__foot .sm-btn--primary{background:var(--mz-gold);color:var(--mz-ink);border-color:var(--mz-gold)}
.sm-mh .sm-mh__foot .sm-btn--ghost{background:transparent;color:var(--mz-ink);border:2px solid var(--mz-ink)}
@media (min-width:400px){.sm-mh .sm-mh__usp span:nth-child(2){display:inline-flex}}
.sm-sticky{background:var(--mz-sand)!important;border-top:1px solid var(--mz-sand-d)!important;box-shadow:none!important}
.sm-sticky a,.sm-sticky .sm-btn{border-radius:var(--mz-r)!important}
.sm-sticky a[class*="primary"],.sm-sticky .sm-btn--primary{background:var(--mz-gold)!important;border-color:var(--mz-gold)!important;color:var(--mz-ink)!important}

/* ---------- responsief ---------- */
@media (prefers-reduced-motion:reduce){.sm *{transition:none!important}}
@media (max-width:1099px){.mz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sm .sm-vests{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:849px){
  .sm .sm-hero__grid{display:flex;flex-direction:column-reverse;min-height:0;gap:0}
  .sm .sm-hero__grid>div:last-child{position:relative;height:280px;width:100vw;margin-left:calc(50% - 50vw);margin-right:0;flex:0 0 auto}
  .sm .sm-hero .mz-ph--hero::after{background:linear-gradient(180deg,rgba(17,17,17,0) 45%,rgba(17,17,17,.75) 85%,#111 100%)}
  .sm .sm-hero__grid>div:first-child{padding:30px 0 40px}
  .sm .sm-hero .sm-checks{flex-direction:column;gap:8px}
  .sm .sm-hero .sm-btns{align-self:stretch}
  .sm .sm-split .mz-ph{aspect-ratio:3/2;max-height:none}
  .sm .sm-btn{width:100%;padding:14px 16px;font-size:18.7px}
}
@media (max-width:560px){.mz-cards,.sm .sm-vests{grid-template-columns:1fr}.sm .sm-vest__list li{grid-template-columns:1fr;gap:2px}.sm table{font-size:14px}}
/* lijsten: alleen het eerste woord vet (via <b>), de rest gewoon */
.sm .sm-sec .sm-checks li{font-weight:400;color:var(--mz-text)}
.sm .sm-checks li::before{background:none;content:"";top:13px;left:0;width:12px;height:0;border-top:2px dashed var(--mz-gold);border-radius:0}
.sm .sm-checks li{padding-left:24px}

/* ---------- eigen topbalk: zwart, goud, socials ---------- */
.sm.sm-topbar{background:#1A1816;color:#D8CCB6;border-bottom:1px dashed rgba(177,124,45,.45);font-family:var(--sm-font)}
.sm-topbar .sm-topbar__in{min-height:42px}
.sm-topbar .sm-topbar__usp li{color:#D8CCB6;font-size:13px;font-weight:500}
.sm-topbar .sm-topbar__usp svg{color:var(--mz-gold);width:14px;height:14px}
.sm-topbar .sm-topbar__links a{color:#D8CCB6;font-size:13px;font-weight:500;padding:4px 0;border-bottom:1px dashed transparent}
.sm-topbar .sm-topbar__links a:hover{color:var(--mz-ochre);border-bottom-color:var(--mz-gold)}
.sm-topbar .sm-topbar__r{gap:20px}
.sm-topbar .sm-topbar__r>*+*{position:relative;padding-left:20px}
.sm-topbar .sm-topbar__r>*+*::before{content:"";position:absolute;left:0;top:50%;height:16px;margin-top:-8px;border-left:1px solid #3A332A}
.sm-topbar .sm-topbar__tel{color:var(--mz-ochre);font-size:14px;letter-spacing:.01em}
.sm-topbar .sm-topbar__tel svg{color:var(--mz-gold)}
.sm-topbar .sm-topbar__tel:hover{color:#fff}
.sm-topbar .sm-topbar__soc a{color:#D8CCB6;border:1px solid #3A332A;transition:background .2s,color .2s,border-color .2s}
.sm-topbar .sm-topbar__soc a:hover{background:var(--mz-gold);border-color:var(--mz-gold);color:var(--mz-ink)}
.sm-topbar .sm-topbar__soc svg{width:14px;height:14px}

/* ---------- formulier: meer lucht ---------- */
.sm .sm-form{gap:22px!important}
.sm .sm-form .sm-row{gap:20px!important}
.sm-calc .sm-form>div,.sm-calc .sm-form .sm-row,.sm-calc .sm-form>fieldset{margin-bottom:22px!important}
.sm .sm-form label{font-size:14.5px;font-weight:600;margin-bottom:8px!important;line-height:1.35}
.sm .sm-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.sm .sm-form select{height:52px!important;min-height:52px;padding:0 16px!important;font-size:16px!important;line-height:52px;margin:0!important}
.sm .sm-form select{padding-right:40px!important}
.sm .sm-form textarea{padding:14px 16px!important;min-height:130px;margin:0!important;line-height:1.55}
.sm .sm-contact legend{text-transform:none!important;letter-spacing:0!important;font-size:14.5px!important;font-weight:600;margin:0 0 10px!important;border:0!important;width:auto}
.sm .sm-contact__opts{gap:10px}
.sm .sm-contact__opt span{min-width:120px;height:52px;display:inline-flex!important;align-items:center;justify-content:center;padding:0 22px!important}
#afspraak .sm-split{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
@media(max-width:900px){#afspraak .sm-split{grid-template-columns:1fr}}
/* ---------- vestigingen als lijst (zijkolom) ---------- */
.sm .mz-bel{position:sticky;top:110px;padding:32px 30px}
.sm .mz-bel>p{color:var(--mz-muted);margin-bottom:18px}
.sm .sm-vlist{list-style:none;margin:0;padding:0}
.sm .sm-vlist li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;margin:0;border-top:1px dashed var(--mz-line)}
.sm .sm-vlist li:last-child{border-bottom:1px dashed var(--mz-line)}
.sm .sm-vlist__naam{display:block;font-family:Merriweather,Georgia,serif;font-weight:700;font-size:17px;color:var(--mz-ink)!important;text-decoration:none}
.sm .sm-vlist__naam:hover{color:var(--mz-gold-d)!important}
.sm .sm-vlist__sub{display:block;font-size:13.5px;color:var(--mz-muted);margin-top:2px}
.sm .sm-vlist__tel{white-space:nowrap;font-weight:600;font-size:15px;color:var(--mz-gold-d)!important;text-decoration:none;border:1px solid #CDBB9C;border-radius:var(--mz-r);padding:8px 12px}
.sm .sm-vlist__tel:hover{background:var(--mz-gold);color:var(--mz-ink)!important;border-color:var(--mz-gold)}
@media(max-width:900px){.sm .mz-bel{position:static}}