:root .pt-shell{ max-width:1120px; margin-top:0;
  --to-kop-rand:0 1px 0 0 var(--to-lijn), -25vw 0 0 0 var(--to-kop-vlak), -50vw 0 0 0 var(--to-kop-vlak), 25vw 0 0 0 var(--to-kop-vlak), 50vw 0 0 0 var(--to-kop-vlak),
    -25vw 1px 0 0 var(--to-lijn), -50vw 1px 0 0 var(--to-lijn), 25vw 1px 0 0 var(--to-lijn), 50vw 1px 0 0 var(--to-lijn); }
:root .pt-shell .pt-top:has(.pt-hubnav){ border:0; border-radius:0; padding:16px 0; margin:0; gap:8px 4px; min-height:40px;
  background:var(--to-kop-vlak); box-shadow:var(--to-kop-rand); }
:root .pt-shell .pt-hub-merk{ margin-right:12px; }
:root .pt-shell .pt-hub-logo{ box-shadow:none; border-radius:9px; }
:root .pt-shell .pt-hub-naam small{ font-weight:500; }
:root .pt-shell .pt-top:has(.pt-hubnav-tool) .pt-back{ padding-left:16px; border-left:1px solid var(--to-lijn-2); font-size:.875rem; font-weight:500; gap:6px; }
:root .pt-shell .pt-top:has(.pt-hubnav-tool) .pt-back:has(~ .pt-h1)::after{ content:"/"; margin-left:8px; color:var(--to-lijn-2); }
:root .pt-shell .pt-top:has(.pt-hubnav) .pt-h1{ font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-size:.875rem;
  font-weight:600; letter-spacing:0; border-left:0; padding-left:4px; }
:root .pt-shell .pt-top:has(.pt-hubnav) :is(.pt-hub-naam strong, .pt-h1){ color:var(--to-tekst); }
:root .pt-shell .pt-top:has(.pt-hubnav) :is(.pt-hub-naam small, .pt-back){ color:var(--to-gedempt); }
:root .pt-shell :is(.pt-hub-zoek, .pt-cats > summary, .pt-hub-user a){ display:inline-flex; align-items:center; box-sizing:border-box; height:36px; min-height:36px; padding:0 12px; gap:7px;
  border-radius:9px; border:1px solid transparent; background:transparent; font-size:.875rem; font-weight:500; color:var(--to-tekst-2);
  transition:background-color .15s, border-color .15s, color .15s; }
:root .pt-shell :is(.pt-hub-zoek, .pt-cats > summary, .pt-hub-user a):hover,
:root .pt-shell .pt-cats[open] > summary{ background:var(--to-vlak-2); border-color:transparent; color:var(--to-tekst); }
:root .pt-shell .pt-hub-zoek svg{ width:15px; height:15px; }
:root .pt-shell .pt-hub-user{ gap:2px; }
:root .pt-shell .pt-hub-account{ gap:4px; }
:root .pt-shell .pt-hub-user a:first-child{ margin-right:6px; padding:0 16px; font-weight:600; background:var(--to-knop); border-color:var(--to-knop); color:var(--to-op-knop);
  box-shadow:0 1px 2px rgba(16,24,40,.12); }
:root .pt-shell .pt-hub-user a:first-child:hover{ background:var(--to-knop-2); border-color:var(--to-knop-2); color:var(--to-op-knop); }
:root .pt-shell .pt-top:has(.pt-hubnav):not(:has(.pt-hubnav-tool)) #ptHubZoek{ min-width:200px; justify-content:flex-start; background:var(--to-vlak);
  border-color:var(--to-lijn-2); color:var(--to-gedempt); box-shadow:0 1px 2px rgba(16,24,40,.04); }
:root .pt-shell .pt-top:has(.pt-hubnav):not(:has(.pt-hubnav-tool)) #ptHubZoek:hover{ border-color:var(--to-merk); color:var(--to-tekst); }
:root .pt-shell #ptHubZoek kbd{ margin-left:auto; font-size:.7rem; padding:1px 6px; background:var(--to-papier); border-color:var(--to-lijn); }
@media (min-width:900px){
  :root .pt-shell .pt-top:has(.pt-hubnav-tool) .pt-hub-zoek{ width:36px; padding:0; justify-content:center; }
}
:root .pt-shell .pt-cats-menu{ border-radius:12px; border-color:var(--to-lijn); box-shadow:var(--to-schaduw-diep); padding:6px; }
:root .pt-shell .pt-cats-menu a{ font-weight:500; padding:8px 10px; }
:root .pt-shell .pt-top:has(.pt-hubnav) .pt-cats-menu a{ color:var(--to-tekst); }
:root .pt-shell .pt-top:has(.pt-hubnav) .pt-cats-menu a.actief{ color:var(--to-op-merk); }
:root #dlpalBtn{ background:var(--to-vlak); color:var(--to-tekst-2); opacity:1; border:1px solid var(--to-lijn-2); box-shadow:0 1px 2px rgba(16,24,40,.08), 0 8px 18px -10px rgba(16,24,40,.35); }
:root #dlpalBtn:hover, :root #dlpalBtn:focus-visible{ background:var(--to-knop); border-color:var(--to-knop); color:var(--to-op-knop); }
@media (max-width:640px){
  :root .pt-shell .pt-top:has(.pt-hubnav){ flex-direction:row; flex-wrap:wrap; align-items:center; padding:6px 0; gap:6px 2px; }
  :root .pt-shell .pt-hub-merk{ margin-right:auto; min-height:44px; }
  :root .pt-shell .pt-top:has(.pt-hubnav) .pt-h1{ order:5; flex:1 1 100%; padding:8px 0 0; border-left:0; font-size:1.375rem; font-weight:700; letter-spacing:-.02em;
    line-height:1.2; -webkit-line-clamp:3; }
  :root .pt-shell:has(.pt-kop) .pt-top:has(.pt-hubnav) .pt-h1{ display:none; }
  :root .pt-shell :is(.pt-hub-zoek, .pt-cats > summary){ height:44px; min-height:44px; padding:0 10px; font-size:.84rem; }
  :root .pt-shell #ptHubZoek{ width:44px; min-width:44px; padding:0; justify-content:center; }
  :root .pt-shell .pt-top:has(.pt-hubnav):not(:has(.pt-hubnav-tool)) #ptHubZoek{ min-width:44px; border-color:transparent; background:transparent; box-shadow:none; color:var(--to-tekst-2); }
  :root .pt-shell .pt-hub-account{ margin-left:0; flex:0 0 auto; }
}