/* Truckbandendeal.nl, ontwerpvoorstel (2 november 2026).
   Zwart, oranje en wit van hun Facebook. Alles helt onder dezelfde hoek als het cursieve woordmerk.
   Oranje met witte tekst haalt het contrast niet (3,2 op 1): op oranje staat altijd zwart. */
@font-face{font-family:'Barlow';src:url(fonts/Barlow-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/Barlow-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/Barlow-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/Barlow-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(fonts/BarlowCondensed-700i.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(fonts/BarlowCondensed-800i.woff2) format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(fonts/BarlowCondensed-900i.woff2) format('woff2');font-weight:900;font-style:italic;font-display:swap}

:root{
  --zwart:#0f1012;--zwart2:#1b1c1f;--zwart3:#2b2d31;
  --oranje:#F26515;--oranje-tekst:#B84505;
  --wit:#fff;--licht:#f1f1ee;--lijn:#d6d6d1;
  --tekst:#17181a;--zacht:#55585e;--zacht-d:#bcbfc5;
  --letter:'Barlow',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --kop:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --pad:clamp(18px,4vw,48px);
  --hoek:-11deg;
  --kophoog:72px;
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--kophoog) + 16px)}
body{margin:0;background:var(--wit);color:var(--tekst);font:400 18px/1.55 var(--letter);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
figure{margin:0}
a{color:inherit}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{border:0;margin:0;padding:0;min-width:0}
:where(h1,h2,.voet-kop):where(:not(#pack-melding *)){font-family:var(--kop);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:-.005em}
:where(h2):where(:not(#pack-melding *)){font-size:clamp(44px,5.6vw,84px)}
:where(main h3){font-family:var(--kop);font-style:italic;font-weight:800;text-transform:uppercase;line-height:1.02;font-size:clamp(26px,2.4vw,34px)}
.wrap{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--pad)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.overslaan{position:absolute;left:12px;top:-60px;z-index:100;background:var(--oranje);color:var(--zwart);padding:10px 16px;font-weight:700}
.overslaan:focus{top:12px}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--oranje);outline-offset:3px}
.spoed :focus-visible{outline-color:var(--zwart)}

/* Knoppen: een schuin vlak achter rechtopstaande tekst, zodat de focusrand en het tikvlak gewoon kloppen */
.knop{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 30px;
  font:800 italic 23px/1.05 var(--kop);text-transform:uppercase;letter-spacing:.01em;text-decoration:none;white-space:nowrap;border:0;background:none;transition:color .18s,transform .18s}
.knop::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(var(--hoek));transition:background .18s,border-color .18s}
.knop:active{transform:translateY(1px)}
.knop-oranje{color:var(--zwart)}
.knop-oranje::before{background:var(--oranje)}
.knop-oranje:hover::before{background:#ff7a2e}
.knop-zwart{color:var(--wit)}
.knop-zwart::before{background:var(--zwart)}
.knop-zwart:hover::before{background:var(--zwart3)}
.knop-rand{color:var(--wit)}
.knop-rand::before{border:2px solid var(--wit)}
.knop-rand:hover{color:var(--zwart)}
.knop-rand:hover::before{background:var(--wit)}
.knop-randzwart{color:var(--zwart)}
.knop-randzwart::before{border:2px solid var(--zwart)}
.knop-randzwart:hover{color:var(--wit)}
.knop-randzwart:hover::before{background:var(--zwart)}
.knop-breed{width:100%}
.knop:focus-visible{outline:none}
.knop:focus-visible::before{outline:3px solid currentColor;outline-offset:3px}
.knop-oranje:focus-visible::before{outline-color:var(--oranje)}
.spoed .knop:focus-visible::before{outline-color:var(--zwart)}

.ai{position:absolute;z-index:2;right:12px;bottom:8px;font-size:11.5px;line-height:1.2;color:#fff;opacity:.82;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}

/* Kopbalk */
.kopbalk{position:sticky;top:0;z-index:60;background:var(--zwart);color:#fff}
.kopbalk .wrap{display:flex;align-items:center;gap:24px;min-height:var(--kophoog)}
.merk{display:block;flex:none}
.merk img{width:clamp(218px,21vw,284px);height:auto}
.menu{display:flex;gap:clamp(14px,1.7vw,26px);margin-left:auto}
.menu a{font-weight:500;font-size:16px;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover{border-bottom-color:var(--oranje)}
.kop-acties{display:flex;align-items:center;gap:12px;flex:none}
.kop-bel{min-height:44px;padding:6px 20px;font-size:20px}
.kop-bel .ic{width:19px;height:19px}
.menuknop,.menu-sluit{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;color:#fff;padding:0}
.menuknop .ic,.menu-sluit .ic{width:28px;height:28px}
@media (max-width:1359px){
  .menu{display:none}
  .kop-acties{margin-left:auto}
  .menuknop{display:flex}
}
@media (max-width:899px){
  :root{--kophoog:60px}
  .kop-bel{display:none}
  .merk img{width:clamp(200px,62vw,262px)}
}

/* Mobiel menu over het hele scherm */
.mobielmenu{position:fixed;inset:0;z-index:95;background:var(--zwart);color:#fff;display:flex;flex-direction:column;overflow-y:auto;opacity:0;transition:opacity .22s ease}
.mobielmenu.open{opacity:1}
.mobielmenu-kop{display:flex;align-items:center;justify-content:space-between;padding:8px var(--pad);min-height:var(--kophoog)}
.mobielmenu-kop img{width:clamp(200px,62vw,262px)}
.menu-sluit{display:flex}
.mobielmenu-links{display:flex;flex-direction:column;padding:12px var(--pad) 22px}
.mobielmenu-links a{font:800 italic clamp(32px,9.4vw,46px)/1.16 var(--kop);text-transform:uppercase;text-decoration:none}
.mobielmenu-links a:hover{color:var(--oranje)}
.mobielmenu-voet{margin-top:auto;padding:16px var(--pad) calc(24px + env(safe-area-inset-bottom));display:grid;gap:14px}
html.menu-open{overflow:hidden}
.menu-open .belbalk{display:none}

/* Opening: zwart vlak, foto onder dezelfde hoek als de letters, met een oranje reflectiestreep ertussen */
.held{position:relative;background:var(--zwart);color:#fff;overflow:hidden;overflow:clip}
.held-foto{--schuin:170px;position:absolute;top:0;right:0;bottom:0;left:calc(max(0px,(100vw - 1400px)/2) + 580px);margin:0}
.held-foto::before{content:"";position:absolute;inset:0 0 0 -14px;background:var(--oranje);clip-path:polygon(var(--schuin) 0,100% 0,100% 100%,0 100%)}
.held-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 50%;clip-path:polygon(var(--schuin) 0,100% 0,100% 100%,0 100%)}
.held-foto .ai{top:12px;bottom:auto}
.held-raster{position:relative;display:flex;align-items:center;min-height:min(calc(100svh - var(--kophoog)),800px);padding-block:48px}
.held-tekst{max-width:600px}
.held h1{font-size:clamp(66px,7.6vw,120px);line-height:.9}
.held h1 span{display:block;white-space:nowrap}
.held h1 em{display:block;white-space:nowrap;font-style:inherit;color:var(--oranje)}
.held-intro{margin-top:24px;font-size:clamp(18px,1.5vw,21px);line-height:1.45;max-width:27em;color:#ececec}
.held-knoppen{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:30px}
.deal{position:absolute;right:calc(var(--pad) + 176px);bottom:30px;display:block;text-decoration:none;color:var(--zwart);isolation:isolate}
.deal::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--oranje);transform:skewX(var(--hoek));box-shadow:0 18px 36px -18px rgba(0,0,0,.7);transition:transform .25s cubic-bezier(.2,.85,.2,1)}
.deal:hover::before{transform:skewX(var(--hoek)) scale(1.03)}
.deal-binnen{display:grid;grid-template-columns:auto;padding:14px 30px 16px;max-width:300px}
.deal-label{font:800 italic 21px/1 var(--kop);text-transform:uppercase}
.deal strong{font:900 italic 74px/.98 var(--kop)}
.deal-regel{font-size:14.5px;line-height:1.3;font-weight:600}
@media (prefers-reduced-motion:no-preference){
  .js .held-tekst>*,.js .deal{opacity:0;transform:translateX(-26px)}
  .js .deal{transform:translateY(22px)}
  .held-klaar .held-tekst>*,.held-klaar .deal{opacity:1!important;transform:none!important;transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1)}
  .held-klaar .held-tekst>:nth-child(2){transition-delay:.08s}
  .held-klaar .held-tekst>:nth-child(3){transition-delay:.16s}
  .held-klaar .deal{transition-delay:.3s}
}
@media (min-width:900px) and (max-width:1359px){
  .held-foto{--schuin:130px;left:46%}
  .held-intro{max-width:min(27em,37vw)}
  .deal-binnen{max-width:250px;padding:10px 24px 12px}
  .deal strong{font-size:58px}
  .deal-regel{font-size:13.5px}
}
@media (min-width:900px) and (max-width:1219px){
  .held-knoppen .knop{min-height:48px;padding:8px 20px;font-size:20px}
}
@media (min-width:900px) and (max-width:1023px){
  .held-knoppen{display:grid;justify-items:start;gap:10px}
}
@media (max-width:899px){
  .held-foto{position:relative;left:auto;width:100%;height:clamp(64px,calc(100svh - 440px),320px)}
  .held-foto::before{inset:auto 0 0 0;height:4px;clip-path:none;z-index:1}
  .held-foto img{clip-path:none;object-position:50% 38%}
  .held-raster{display:block;min-height:0;padding-block:18px 26px}
  .held-tekst{width:100%}
  .held h1{font-size:clamp(56px,16.5vw,92px)}
  .held-intro{margin-top:12px;font-size:17px;line-height:1.4}
  .held-knoppen{margin-top:16px;display:grid;gap:10px}
  .held-knoppen .knop{width:100%;min-height:50px}
  .deal{position:relative;right:auto;bottom:auto;margin-top:22px;width:calc(100% - 14px);margin-inline:7px}
  .deal-binnen{max-width:none;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;padding:10px 22px 12px}
  .deal-label{grid-column:1/-1;font-size:19px}
  .deal strong{font-size:56px}
}
@media (max-width:899px) and (max-height:700px){
  .held-raster{padding-block:12px 22px}
  .held h1{font-size:clamp(50px,14.6vw,70px)}
  .held-intro{font-size:16px;margin-top:8px}
  .held-knoppen{margin-top:12px;gap:8px}
}

/* Spoed: het oranje vlak van de folder, foto links tegen de rand */
.spoed{position:relative;background:var(--oranje);color:var(--zwart);isolation:isolate}
.spoed::after{content:"";position:absolute;right:-30px;bottom:0;width:min(36vw,470px);aspect-ratio:150/143;background:url(img/band-zwart.svg) center/contain no-repeat;opacity:.09;z-index:-1;pointer-events:none}
.spoed-foto{position:absolute;left:0;top:0;bottom:-72px;width:55%;z-index:2}
.spoed-foto img{width:100%;height:100%;object-fit:cover;object-position:78% 50%;clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}
.spoed-foto .ai{left:12px;right:auto}
.spoed-raster{display:flex;justify-content:flex-end;padding-block:clamp(56px,6vw,88px)}
.spoed-tekst{width:42%;min-width:0}
.spoed h2{font-size:clamp(56px,7vw,108px);line-height:.92}
.spoed-stappen{counter-reset:s;margin-top:28px;display:grid;gap:12px}
.spoed-stappen li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;align-items:baseline;font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.25}
.spoed-stappen li::before{content:counter(s);font:900 italic 42px/1 var(--kop)}
.spoed-knoppen{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:30px}
.spoed-mindy{margin-top:22px;font-size:17px;line-height:1.45;max-width:30em;font-weight:500}
@media (max-width:1099px){
  .spoed-tekst{width:48%}
  .spoed-foto{width:48%}
}
@media (max-width:899px){
  .spoed-foto{position:relative;width:100%;bottom:auto;height:auto;aspect-ratio:16/10}
  .spoed-foto img{clip-path:none}
  .spoed-raster{display:block;padding-block:30px 44px}
  .spoed-tekst{width:100%}
  .spoed h2{font-size:clamp(50px,15vw,84px)}
  .spoed-knoppen{display:grid;gap:10px}
  .spoed-knoppen .knop{width:calc(100% - 14px);margin-inline:7px}
}

/* De aanvraag: as kiezen op de truck, bericht staat klaar voor WhatsApp */
.aanvraag{background:var(--licht);padding-block:clamp(120px,11vw,168px) clamp(64px,7vw,104px)}
.aanvraag-intro{margin-top:14px;font-size:clamp(18px,1.5vw,21px);max-width:34em}
.kiezer{margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.truck{width:100%;height:auto;overflow:visible}
.tr-box{fill:var(--zwart)}
.tr-streep{fill:var(--oranje)}
.tr-chassis{fill:var(--zwart)}
.tr-cab{fill:var(--zwart)}
.tr-raam{fill:var(--licht)}
.tr-naad{fill:none;stroke:var(--licht);stroke-width:2.5}
.tr-licht{fill:var(--oranje)}
.tr-grond{fill:var(--lijn)}
.rubber{fill:var(--zwart);stroke:var(--licht);stroke-width:5;transition:fill .2s}
.velg>circle:first-child{fill:#c7c9cc}
.spaak{stroke:var(--zwart);stroke-width:3.5;fill:none}
.naaf{fill:var(--zwart)}
.wiel{cursor:pointer}
.velg{transform-box:fill-box;transform-origin:center}
.rijder{transition:opacity .3s}
.kiezer[data-as="stuur"] .wiel[data-as="stuur"] .rubber,
.kiezer[data-as="trek"] .wiel[data-as="trek"] .rubber,
.kiezer[data-as="trailer"] .wiel[data-as="trailer"] .rubber{fill:var(--oranje)}
.kiezer[data-as="auto"] .rijder{opacity:.16}
@media (prefers-reduced-motion:no-preference){
  .js .kiezer .rijder{transform:translateX(-46px);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .3s}
  .js .kiezer.rijdt .rijder{transform:none}
  .kiezer.rijdt:not(.gestart) .velg{animation:rollen 1.2s cubic-bezier(.16,1,.3,1)}
  .wiel.draai .velg{animation:rollen .7s cubic-bezier(.2,.85,.2,1)}
  @keyframes rollen{from{transform:rotate(-300deg)}to{transform:none}}
}
.as-knoppen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.as-knoppen label{position:relative;display:block}
.as-knoppen input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%}
.as-knoppen span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:6px 4px;background:var(--wit);border:2px solid var(--zwart);
  font:800 italic clamp(19px,1.8vw,24px)/1 var(--kop);text-transform:uppercase;text-align:center;transition:background .16s,color .16s}
.as-knoppen label:hover span{background:var(--zwart);color:#fff}
.as-knoppen input:checked+span{background:var(--oranje);border-color:var(--oranje);color:var(--zwart)}
.as-knoppen input:focus-visible+span{outline:3px solid var(--zwart);outline-offset:2px}
.as-uitleg{margin-top:20px;max-width:40em}
.as-uitleg h3{margin-bottom:6px}
.as-ook{margin-top:14px;padding-top:12px;border-top:2px solid var(--lijn);font-weight:600;max-width:40em}
.as-ook a{white-space:nowrap;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.kiezer-form{background:var(--wit);border-top:6px solid var(--oranje);padding:clamp(18px,2.4vw,30px);display:grid;gap:18px}
.veld{display:grid;gap:7px;min-width:0}
.veld>label,.veld>legend,.veld-extra label{font-weight:700;font-size:15.5px;padding:0;line-height:1.3}
fieldset.veld{display:block}
fieldset.veld>legend{margin-bottom:7px}
.keuzes{display:flex;flex-wrap:wrap;gap:7px}
.keuzes label{position:relative;display:block}
.keuzes input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%}
.keuzes span{display:flex;align-items:center;min-height:44px;padding:6px 13px;border:2px solid var(--lijn);background:#fff;font-weight:600;font-size:16px;line-height:1.15;transition:border-color .15s,background .15s}
.keuzes label:hover span{border-color:var(--zwart)}
.keuzes input:checked+span{background:var(--zwart);border-color:var(--zwart);color:#fff}
.keuzes input:focus-visible+span{outline:3px solid var(--oranje);outline-offset:2px}
.veld-extra{margin-top:10px;display:grid;gap:6px}
.veld-hulp{margin-top:9px;font-size:15.5px;color:var(--zacht)}
.veld-rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.kiezer-form input[type=text],.kiezer-form input[type=number]{width:100%;min-height:46px;border:2px solid var(--lijn);border-radius:0;padding:8px 12px;font:500 16px var(--letter);color:var(--tekst);background:#fff;-webkit-appearance:none;appearance:none}
.kiezer-form input::placeholder{color:#6d7076}
.kiezer-form input[type=text]:focus,.kiezer-form input[type=number]:focus{outline:none;border-color:var(--zwart);box-shadow:0 0 0 3px rgba(242,101,21,.45)}
.teller{display:grid;grid-template-columns:46px minmax(0,1fr) 46px}
.teller button{border:2px solid var(--lijn);background:#fff;font:600 24px/1 var(--letter);color:var(--zwart);padding:0;min-height:46px}
.teller button:hover{background:var(--zwart);border-color:var(--zwart);color:#fff}
.teller input[type=number]{text-align:center;border-inline:0;-moz-appearance:textfield;padding-inline:0;font-weight:700}
.teller input::-webkit-outer-spin-button,.teller input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bericht{background:var(--licht);padding:12px 14px}
.bericht-kop{font-size:13.5px;font-weight:700;color:var(--zacht)}
.bericht-tekst{margin-top:3px;font-size:16.5px;line-height:1.4;overflow-wrap:anywhere}
.kiezer-form .knop{width:calc(100% - 14px);margin-inline:7px}
@media (max-width:999px){
  .kiezer{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:899px){
  .aanvraag{padding-block:44px 56px}
  .as-knoppen{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Merken: grote namen, de band als dichte zwarte massa rechts */
.merken{position:relative;background:var(--wit);isolation:isolate}
.merken-foto{position:absolute;top:0;right:0;bottom:0;width:42%}
.merken-foto img{width:100%;height:100%;object-fit:cover;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}
.merken-raster{padding-block:clamp(60px,7vw,104px)}
.merken-tekst{width:60%;min-width:0;padding-right:clamp(0px,5vw,84px)}
.merken-lijst{margin-top:clamp(22px,3vw,36px)}
.merken-lijst li{padding-block:18px;border-top:2px solid var(--zwart)}
.merken-lijst h3{font-size:clamp(38px,4.2vw,62px);line-height:1}
.merken-lijst small{font:500 16px/1 var(--letter);text-transform:none;font-style:normal;color:var(--oranje-tekst);margin-left:8px;white-space:nowrap}
.merken-lijst p{margin-top:6px;max-width:36em}
.merken-slot{margin-top:6px;padding-top:18px;border-top:2px solid var(--zwart);max-width:36em;font-weight:600}
@media (max-width:899px){
  .merken-foto{position:relative;width:100%;height:190px;bottom:auto}
  .merken-foto img{clip-path:none}
  .merken-tekst{width:100%;padding-right:0}
  .merken-raster{padding-block:36px 52px}
}

/* Montage op locatie */
.montage{background:var(--zwart);color:#fff;padding-block:clamp(60px,7vw,104px)}
.montage h2{max-width:13em}
.montage-raster{margin-top:clamp(28px,3.4vw,48px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4.2fr);gap:clamp(24px,3vw,44px);align-items:start}
.montage-foto{position:relative}
.montage-foto img{width:100%;aspect-ratio:4/3.3;object-fit:cover;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.montage-foto .ai{left:10px;right:auto}
.montage-tekst{font-size:18.5px}
.vinklijst{display:grid;gap:9px}
.vinklijst li{position:relative;padding-left:30px;line-height:1.35}
.vinklijst li::before{content:"";position:absolute;left:0;top:.16em;width:18px;height:18px;background:var(--oranje);transform:skewX(var(--hoek));clip-path:polygon(14% 48%,0 62%,38% 100%,100% 22%,86% 8%,38% 72%)}
.montage-tekst .vinklijst{margin-top:18px;font-weight:600}
.kaart svg{width:100%;height:auto}
.prov{fill:var(--oranje);stroke:var(--zwart);stroke-width:2.5;stroke-linejoin:round}
.kaart-naam{font:800 italic 27px var(--kop);text-transform:uppercase;fill:var(--zwart);text-anchor:middle}
.kaart-punt{fill:#fff;stroke:var(--zwart);stroke-width:3}
.kaart-plaats{font:700 19px var(--letter);fill:#fff}
.kaart figcaption{margin-top:12px;font-size:16px;color:var(--zacht-d);line-height:1.4}
@media (max-width:1099px){
  .montage-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .montage-foto{grid-column:1/-1}
  .montage-foto img{aspect-ratio:16/8}
}
@media (max-width:699px){
  .montage-raster{grid-template-columns:minmax(0,1fr)}
  .montage-foto img{aspect-ratio:4/3;clip-path:none}
}

/* Prijzen: de folderprijs op de stapel banden, tarieven als werkbon */
.prijzen{background:var(--wit);padding-block:clamp(60px,7vw,104px)}
.prijzen-raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center}
.prijzen-foto{position:relative;padding-bottom:40px}
.prijzen-foto img{width:100%;aspect-ratio:1/1.02;object-fit:cover;object-position:50% 70%}
.prijzen-foto .ai{right:auto;left:0;bottom:12px;color:var(--zacht);opacity:1;text-shadow:none}
.prijskaart{position:absolute;right:-6px;bottom:0;width:min(84%,360px);isolation:isolate;color:var(--zwart)}
.prijskaart::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--oranje);transform:skewX(var(--hoek))}
.prijskaart-binnen{padding:14px 28px 18px}
.prijskaart-label{font:800 italic 23px/1 var(--kop);text-transform:uppercase}
.prijskaart-bedrag{font:900 italic clamp(70px,7vw,96px)/.98 var(--kop)}
.prijskaart-regel{font-weight:600;font-size:15.5px;line-height:1.3}
.prijzen-tekst>p{margin-top:16px;max-width:34em}
.tarieven{width:100%;margin-top:24px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tarieven thead th{font-size:14.5px;font-weight:700;color:var(--zacht);text-align:left;padding:0 0 8px;border-bottom:3px solid var(--zwart)}
.tarieven thead th:last-child{text-align:right}
.tarieven tbody th{text-align:left;font-weight:500;padding:11px 12px 11px 0;line-height:1.3}
.tarieven td{text-align:right;font:800 italic 26px/1 var(--kop);white-space:nowrap;padding:11px 0}
.tarieven tbody tr:last-child>*{border-bottom:3px solid var(--zwart)}
.prijzen-tekst .knop{margin:26px 0 0 7px}
@media (max-width:899px){
  .prijzen-raster{grid-template-columns:minmax(0,1fr)}
  .prijzen-foto{order:2;padding-bottom:0}
  .prijzen-foto .ai{left:auto;right:12px;bottom:auto;top:10px;color:#fff;opacity:.82;text-shadow:0 1px 3px rgba(0,0,0,.85)}
  .prijskaart{position:relative;right:auto;bottom:auto;width:calc(100% - 14px);margin:-52px 7px 0}
}

/* Vlootbeheer: foto over de volle breedte, pakketten schuiven eroverheen */
.vloot{position:relative;background:var(--zwart);color:#fff;isolation:isolate}
.vloot-foto{position:relative;height:clamp(420px,46vw,640px);overflow:hidden;overflow:clip}
.vloot-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,16,18,.92) 0%,rgba(15,16,18,.78) 34%,rgba(15,16,18,0) 62%),linear-gradient(0deg,var(--zwart) 0%,rgba(15,16,18,0) 34%)}
.vloot-foto img{width:122%;max-width:none;height:100%;object-fit:cover;object-position:50% 26%}
.vloot-foto .ai{top:10px;bottom:auto}
.vloot>.wrap{position:relative}
.vloot-kop{position:absolute;bottom:calc(100% + clamp(70px,6vw,110px));left:var(--pad);width:min(46%,600px)}
.vloot-kop p{margin-top:14px;font-size:clamp(18px,1.5vw,21px);line-height:1.45}
.pakketten{position:relative;z-index:2;margin-top:clamp(-96px,-6vw,-48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);gap:14px;align-items:start}
.pakket{background:var(--zwart2);padding:clamp(20px,2.2vw,30px)}
.pakket h3{font-size:clamp(28px,2.6vw,36px)}
.pakket-prijs{margin:10px 0 18px;font-size:15.5px;line-height:1.3;color:var(--zacht-d)}
.pakket-prijs strong{display:block;font:900 italic clamp(54px,5vw,72px)/1 var(--kop);color:#fff}
.pakket-prijs strong small{font:800 italic 24px/1 var(--kop);text-transform:uppercase;margin-right:2px}
.pakket-groot{background:var(--oranje);color:var(--zwart);margin-top:-22px}
.pakket-groot .pakket-prijs{color:var(--zwart);font-weight:600}
.pakket-groot .pakket-prijs strong{color:var(--zwart)}
.pakket-groot .vinklijst li::before{background:var(--zwart)}
.pakket-groot .vinklijst{font-weight:600}
.pakket-tag{font-weight:700;font-size:15px;margin-bottom:6px}
.vloot-voet{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center;padding-block:30px clamp(56px,6vw,88px)}
.vloot-voet .knop{margin-inline:7px}
.vloot-voet p{font-size:14.5px;line-height:1.45;color:var(--zacht-d);max-width:56em}
@media (max-width:999px){
  .vloot-foto{height:auto;aspect-ratio:16/9}
  .vloot-foto img{width:100%;object-position:50% 50%}
  .vloot-foto::after{background:linear-gradient(0deg,var(--zwart) 0%,rgba(15,16,18,0) 40%)}
  .vloot-kop{position:static;width:100%;padding-top:6px}
  .pakketten{margin-top:26px;grid-template-columns:minmax(0,1fr)}
  .pakket-groot{margin-top:0}
  .vloot-voet{grid-template-columns:minmax(0,1fr)}
  .vloot-voet .knop{white-space:normal;text-align:center}
}

/* Over ons en de werkplaats, met hun eigen foto's */
.over{background:var(--licht);padding-block:clamp(60px,7vw,104px)}
.over-raster{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.over h2{font-size:clamp(58px,8vw,124px);line-height:.9}
.over-verhaal{margin-top:22px;font-size:clamp(19px,1.6vw,22px);line-height:1.45;max-width:30em}
.auto{margin-top:clamp(26px,3vw,40px);padding-top:20px;border-top:3px solid var(--zwart);max-width:34em}
.auto p{margin-top:8px}
.adres{display:flex;gap:8px;align-items:center;font-weight:600}
.adres a{text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.over-fotos{position:relative;padding-bottom:13%}
.over-foto-een{width:68%}
.over-foto-een img,.over-foto-twee img{width:100%;object-fit:cover}
.over-foto-twee{position:absolute;right:0;bottom:0;width:52%;border:8px solid var(--licht)}
@media (max-width:899px){
  .over-raster{grid-template-columns:minmax(0,1fr)}
}

/* Vragen */
.vragen{background:var(--wit);padding-block:clamp(56px,6vw,96px)}
.vragen-raster{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.vragen h2{font-size:clamp(44px,4.8vw,72px)}
.vragen-lijst details{border-bottom:2px solid var(--zwart)}
.vragen-lijst details:first-child{border-top:2px solid var(--zwart)}
.vragen-lijst summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-weight:700;font-size:clamp(19px,1.6vw,21px);line-height:1.3}
.vragen-lijst summary::-webkit-details-marker{display:none}
.vragen-lijst summary::after{content:"";flex:none;width:16px;height:16px;background:linear-gradient(var(--oranje-tekst),var(--oranje-tekst)) center/100% 3px no-repeat,linear-gradient(var(--oranje-tekst),var(--oranje-tekst)) center/3px 100% no-repeat;transition:transform .2s}
.vragen-lijst details[open] summary::after{transform:rotate(45deg)}
.vragen-lijst details p{padding:0 32px 18px 0;max-width:40em}
@media (max-width:899px){
  .vragen-raster{grid-template-columns:minmax(0,1fr)}
}

/* Voet */
.voet{background:var(--zwart);color:#fff}
.voet-slot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(48px,6vw,84px) clamp(36px,4vw,56px)}
.voet-kop{font-size:clamp(50px,7vw,108px)}
.voet-knoppen{display:flex;flex-wrap:wrap;gap:14px 18px}
.voet-boven{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:30px 40px;border-top:1px solid var(--zwart3)}
.voet-merk img{width:min(284px,100%)}
.voet-merk p{margin-top:14px;font-size:15.5px;color:var(--zacht-d);max-width:22em}
.voet h2{font:700 15px/1.2 var(--letter);font-style:normal;text-transform:none;letter-spacing:0;color:var(--zacht-d);margin:0 0 10px}
.voet ul{display:grid;gap:7px;font-size:16px;line-height:1.35}
.voet ul a{text-decoration:none}
.voet ul a:hover{color:var(--oranje);text-decoration:underline}
.voet-onder{border-top:1px solid var(--zwart3);font-size:14px;color:var(--zacht-d)}
.voet-onder .wrap{padding-block:16px 96px}
.voet-onder a{color:#fff}
@media (max-width:999px){
  .voet-boven{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voet-merk{grid-column:1/-1}
}
@media (max-width:899px){
  .voet-knoppen{display:grid;width:100%;gap:10px}
  .voet-knoppen .knop{width:calc(100% - 14px);margin-inline:7px}
}
@media (max-width:519px){
  .voet-boven{grid-template-columns:minmax(0,1fr)}
}

/* Belbalk op de telefoon: verschijnt zodra de knoppen van de opening wegscrollen (bouwstandaard 20 oktober 2026) */
.belbalk{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;grid-template-columns:1fr 1fr;background:var(--zwart);padding-bottom:env(safe-area-inset-bottom);transform:translateY(110%);transition:transform .3s ease}
.belbalk.zichtbaar{transform:none}
.belbalk a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;font:800 italic 22px/1 var(--kop);text-transform:uppercase;text-decoration:none}
.belbalk-bel{background:var(--oranje);color:var(--zwart)}
.belbalk-app{background:var(--zwart);color:#fff}
@media (max-width:899px){.belbalk{display:grid}}

/* Binnenkomen bij het scrollen */
@media (prefers-reduced-motion:no-preference){
  .js .onthul{opacity:0;transform:translateY(22px)}
  .js .onthul.zicht{opacity:1;transform:none;transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1)}
}
.statisch .onthul,.statisch .held-tekst>*,.statisch .deal,.statisch .rijder{opacity:1!important;transform:none!important;transition:none!important}

/* De chat van Mindy (demo), opzet van Party Assist in de kleuren van Truckbandendeal. De spoedmelding loopt in vaste
   stappen met keuzeknoppen (.chip.keuze) en eindigt met twee kaartjes: de melding en wat er binnenkomt. */
.chat-knop{position:fixed;right:24px;bottom:24px;z-index:70;height:56px;border:2px solid var(--oranje);border-radius:0;background:var(--zwart);color:#fff;
  display:flex;align-items:center;gap:10px;padding:0 20px 0 6px;font:600 16px var(--letter);box-shadow:0 14px 30px -12px rgba(0,0,0,.55);
  transition:background .2s,color .2s,transform .3s ease}
.chat-knop:hover{background:var(--oranje);color:var(--zwart)}
.chat-knop:active{transform:scale(.97)}
.chat-knop.open{width:56px;padding:0;justify-content:center;background:var(--oranje);color:var(--zwart)}
.chat-knop.open .lbl{display:none}
.chat-gezicht{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;flex:none}
.chat-paneel .chat-gezicht{width:36px;height:36px;border:2px solid var(--oranje)}
/* Het paneel start dicht via de klasse .open; nooit style.display gebruiken (CSP). */
.chat-paneel{position:fixed;right:24px;bottom:92px;z-index:70;width:392px;max-height:calc(100vh - 120px);background:#fff;overflow:hidden;
  border:2px solid var(--zwart);box-shadow:0 30px 60px -24px rgba(0,0,0,.55);display:none;flex-direction:column}
.chat-paneel.open{display:flex}
.chat-paneel .kop{background:var(--zwart);padding:12px 14px;display:flex;align-items:center;gap:11px;border-bottom:4px solid var(--oranje)}
.chat-paneel .kop>div{flex:1;min-width:0}
.chat-paneel .nm{color:#fff;font:800 italic 23px/1 var(--kop);text-transform:uppercase}
.chat-paneel .st{color:#d4d6da;font-size:13px;display:flex;align-items:center;gap:6px;margin-top:3px}
.chat-paneel .kop button{background:transparent;border:none;padding:6px;display:flex;color:#fff}
.chat-paneel .kop button:hover{background:rgba(255,255,255,.14)}
.chat-berichten{padding:16px;display:flex;flex-direction:column;gap:10px;height:380px;overflow-y:auto;background:var(--licht)}
.msg{max-width:86%;font-size:15.5px;line-height:1.45;padding:10px 13px;overflow-wrap:anywhere}
.msg.van-mindy{align-self:flex-start;background:#fff;color:var(--tekst)}
.msg.van-mindy a{color:var(--zwart);font-weight:700;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.msg a[href^="tel:"]{white-space:nowrap}
.msg.van-bezoeker{align-self:flex-end;background:var(--zwart);color:#fff}
.msg.noot{background:transparent;border:1px dashed #9a9ca1;color:var(--zacht);font-size:14px;padding:8px 12px}
.msg.waarschuwing{background:var(--zwart);color:#fff;font-weight:600;border-left:6px solid var(--oranje)}
.msg.breed{max-width:100%;width:100%;padding:0;background:transparent}
.msg.tikt span{display:inline-block;font-size:20px;line-height:1;color:var(--zwart);animation:tikken 1.2s infinite}
.msg.tikt span:nth-child(2){animation-delay:.2s}
.msg.tikt span:nth-child(3){animation-delay:.4s}
@keyframes tikken{0%,60%,100%{opacity:.25}30%{opacity:1}}
.chat-spoedknop{display:inline-flex;margin:4px 0 2px;padding:7px 12px;background:var(--oranje);color:var(--zwart);border:0;font:800 italic 17px/1.1 var(--kop);text-transform:uppercase}
.chat-spoedknop:hover{background:var(--zwart);color:#fff}
.chat-chips{display:flex;gap:7px;flex-wrap:wrap;padding:2px 16px 12px;background:var(--licht)}
.chip{background:#fff;border:2px solid var(--zwart);color:var(--zwart);font:600 14.5px/1.25 var(--letter);padding:8px 12px;text-align:left}
.chip:hover{background:var(--zwart);color:#fff}
.chip.keuze{background:var(--oranje);border-color:var(--oranje);font-weight:700}
.chip.keuze:hover{background:var(--zwart);border-color:var(--zwart);color:#fff}
.chip.stoppen{border-color:transparent;background:transparent;color:var(--zacht);font-weight:500;text-decoration:underline;text-underline-offset:3px;padding:8px 6px}
.chip.stoppen:hover{background:transparent;color:var(--zwart)}
.chat-voet{border-top:1px solid var(--lijn);padding:12px;display:flex;gap:8px;background:#fff}
.chat-voet input{flex:1;border:2px solid var(--lijn);border-radius:0;padding:10px 13px;font:500 15px var(--letter);outline:none;color:var(--tekst);background:#fff;min-width:0;min-height:44px}
.chat-voet input::placeholder{color:#6d7076}
.chat-voet input:focus{border-color:var(--zwart);box-shadow:0 0 0 3px rgba(242,101,21,.45)}
.chat-voet button{width:44px;height:44px;background:var(--oranje);color:var(--zwart);border:none;display:flex;align-items:center;justify-content:center;flex:none}
.chat-voet button:hover{background:var(--zwart);color:#fff}
.chat-kaart{background:#fff;border:2px solid var(--zwart);overflow:hidden;font-size:14.5px;line-height:1.4}
.chat-kaart-kop{margin:0;padding:8px 12px 7px;background:var(--oranje);color:var(--zwart);font:800 italic 18px/1.1 var(--kop);text-transform:uppercase}
.chat-kaart dl{margin:0;padding:6px 12px 8px}
.chat-kaart dl div{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:8px;padding:5px 0;border-bottom:1px solid #eee}
.chat-kaart dl div:last-child{border-bottom:0}
.chat-kaart dt{color:var(--zacht)}
.chat-kaart dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.chat-kaart.binnen .chat-kaart-kop{background:var(--zwart);color:#fff}
.binnen-tekst{margin:0;padding:10px 12px;font-weight:600}
.binnen-voet{margin:0;padding:8px 12px;background:var(--licht);font-size:13.5px;color:var(--zacht)}
/* Op een telefoon en een tablet vult het gesprek het hele scherm; sluiten kan alleen met het kruisje in de kop.
   Zie het sjabloon Chat-Mindy-Beeldvullend-Mobiel. Eén stap onder de melding van de voorbeeldomgeving (9999). */
@media (max-width:900px),(pointer:coarse) and (max-width:1200px){
  .chat-paneel{left:0;right:0;bottom:auto;top:var(--chat-top,0px);width:100%;max-height:none;border:none;box-shadow:none;z-index:9998;
    height:100vh;height:100dvh;height:var(--chat-hoog,100dvh)}
  .chat-berichten{height:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}
  .chat-voet input{font-size:16px}  /* onder de 16px zoomt iOS bij het typen in */
  .chat-knop.open{display:none}
  body.chat-open{overflow:hidden}
}
/* Wolkje boven de chatknop na het sluiten van een gestart gesprek. */
.chat-wolk{position:fixed;right:24px;bottom:92px;z-index:69;max-width:250px;display:flex;align-items:flex-start;gap:4px;
  background:#fff;border:2px solid var(--zwart);padding:4px 4px 4px 0;box-shadow:0 18px 36px -22px rgba(0,0,0,.5);
  opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden;
  transition:opacity .35s ease,transform .5s cubic-bezier(.2,.85,.2,1),visibility 0s linear .5s}
.chat-wolk.zichtbaar{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.85,.2,1),visibility 0s}
.chat-wolk .wolk-tekst{flex:1;border:0;background:transparent;text-align:left;padding:10px 4px 10px 14px;font:600 14.5px/1.4 var(--letter);color:var(--zwart)}
.chat-wolk .wolk-sluit{flex:none;width:28px;height:28px;border:0;background:transparent;color:var(--zacht);display:grid;place-items:center}
.chat-wolk .wolk-sluit:hover{background:var(--licht)}
.chat-wolk .wolk-sluit svg{width:14px;height:14px}
body.chat-open .chat-wolk,.menu-open .chat-wolk,.menu-open .chat-knop{display:none}
/* Op de telefoon boven de vaste balk, en pas na de opening, samen met de balk (bouwstandaard 8 oktober 2026). */
@media (max-width:899px){
  .chat-knop{right:14px;bottom:calc(72px + env(safe-area-inset-bottom));height:52px;padding:0 16px 0 5px;font-size:15px;
    transition:background .2s,color .2s,opacity .3s ease,transform .3s ease,visibility 0s}
  /* volgt-opening zet het script zelf: laadt het niet, dan blijft de knop gewoon staan. */
  .volgt-opening:not(.voorbij-opening) .chat-knop{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(90px);
    transition:background .2s,color .2s,opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
  .volgt-opening:not(.voorbij-opening) .chat-wolk{display:none}
  .chat-wolk{right:14px;bottom:calc(134px + env(safe-area-inset-bottom));max-width:230px}
  .zonder-belbalk .chat-knop{bottom:calc(16px + env(safe-area-inset-bottom))}
  .zonder-belbalk .chat-wolk{bottom:calc(78px + env(safe-area-inset-bottom))}
  /* Onderaan eindigt de voettekst boven de chatknop (bouwstandaard 9 oktober 2026). */
  .voet-onder .wrap{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .zonder-belbalk .voet-onder .wrap{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .msg.tikt span{animation:none}.chat-wolk,.chat-wolk.zichtbaar,.chat-knop,.belbalk{transition:none!important}
}

/* Vervolgpagina (bouwstandaard) */
.vp{background:var(--licht);padding-block:clamp(48px,6vw,96px)}
.vp-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start}
.vp-label{font-weight:700;font-size:15.5px;color:var(--oranje-tekst)}
.vp h1{margin-top:10px;font-size:clamp(56px,7.4vw,112px);line-height:.92}
.vp-intro{margin-top:18px;font-size:clamp(18px,1.5vw,21px);line-height:1.45;max-width:30em}
.vp-terug{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:4px}
.vp-kaart{background:var(--wit);border-top:6px solid var(--oranje);padding:clamp(20px,2.6vw,34px)}
.vp-kaart h2{margin-top:8px;font-size:clamp(32px,3vw,44px);line-height:1}
.vp-kaart>p:not(.vp-label){margin-top:12px}
.vp-contact{margin-top:18px;display:grid;gap:9px}
.vp-contact a{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--zwart);text-decoration:none;overflow-wrap:anywhere;line-height:1.25;font-weight:600}
.vp-contact a:hover{background:var(--zwart);color:#fff}
.vp-contact small{display:block;font-size:13.5px;font-weight:500}
.vp-contact .vp-hoofd{background:var(--oranje);border-color:var(--oranje);color:var(--zwart);font-size:19px}
.vp-contact .vp-hoofd:hover{background:var(--zwart);border-color:var(--zwart);color:#fff}
.vp-kaart h3{margin-top:22px;font:700 17px/1.3 var(--letter);font-style:normal;text-transform:none}
.vp-stappen{counter-reset:s;margin-top:8px;display:grid;gap:7px}
.vp-stappen li{counter-increment:s;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline}
.vp-stappen li::before{content:counter(s);font:900 italic 26px/1 var(--kop);color:var(--oranje-tekst)}
.vp-kaart>p.vp-slot{margin-top:18px;font-size:14.5px;color:var(--zacht)}
@media (max-width:899px){.vp-raster{grid-template-columns:minmax(0,1fr)}}

/* Eigen muisaanwijzer: een wielmoersleutel, oranje op alles wat klikbaar is */
@media (hover:hover) and (pointer:fine){
  body{cursor:url(cursor.svg) 3 3,auto}
  :is(a,button,label,summary,[role=button]),.knop,.menuknop,.menu-sluit,.wiel,.as-knoppen input,.keuzes input,.teller button,
  .chip,.chat-spoedknop,.chat-knop,.chat-paneel .kop button,.chat-voet button,.chat-wolk .wolk-tekst,.chat-wolk .wolk-sluit{cursor:url(cursor-klik.svg) 3 3,pointer}
  :is(input[type=text],input[type=number],input[type=tel],input[type=email],textarea,select){cursor:auto}
  #pack-melding{cursor:auto}
  #pack-melding :is(a,button){cursor:pointer}
}