/* Bestenet klantportaal — huisstijl van bestenet.nl (Inter Tight + Instrument Serif, zwart/papier/oranje) */
:root{
  --zwart:#0A0A0A;--kaart-d:#161616;--lijn-d:#232323;--papier:#F4F2ED;--wit:#fff;--inkt:#141414;--grijs:#6B6760;--lijn:#E7E3DC;
  --oranje:#FF7A2F;--oranje-d:#C2410C;--groen:#1F8A55;--groen-bg:#E6F4EC;--rood:#C2291C;--rood-bg:#FBE9E7;--geel-bg:#FFF3E6;
  --sans:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Instrument Serif',Georgia,serif;
  --r:16px;--schaduw:0 1px 2px rgba(20,20,20,.04),0 8px 24px rgba(20,20,20,.06);
}
*{box-sizing:border-box}
html,body{margin:0}
body.pt{font-family:var(--sans);background:var(--papier);color:var(--inkt);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;display:grid;grid-template-columns:264px 1fr;min-height:100vh}
a{color:inherit}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}

/* zijbalk */
.pt-side{background:var(--zwart);color:#EDEAE4;padding:28px 18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.pt-logo{font-weight:800;font-size:26px;letter-spacing:-.03em;color:#fff;text-decoration:none;padding:0 12px 22px}
.pt-logo span{color:var(--oranje)}
.pt-nav{display:flex;flex-direction:column;gap:2px}
.pt-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#BDB8AF;text-decoration:none;font-weight:500;transition:background .15s,color .15s}
.pt-nav a:hover{background:#1A1A1A;color:#fff}
.pt-nav a[aria-current=page]{background:#1F1F1F;color:#fff}
.pt-nav a[aria-current=page] svg{color:var(--oranje)}
.pt-nav svg{width:19px;height:19px;flex:none}
.pt-nav .teller{margin-left:auto;background:var(--oranje);color:#000;font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px}
.pt-hulp{margin-top:auto;background:var(--kaart-d);border:1px solid var(--lijn-d);border-radius:var(--r);padding:16px;font-size:13px;color:#A9A49C}
.pt-hulp b{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.pt-hulp a{color:var(--oranje);text-decoration:none}

/* hoofdgedeelte */
.pt-main{min-width:0;display:flex;flex-direction:column}
.pt-top{display:flex;align-items:center;gap:16px;padding:22px clamp(16px,4vw,44px);border-bottom:1px solid var(--lijn);background:rgba(244,242,237,.85);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}
.pt-top .wie{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px}
.pt-avatar{width:36px;height:36px;border-radius:50%;background:var(--zwart);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.pt-top .naam{font-weight:600;line-height:1.2}
.pt-top .naam small{display:block;color:var(--grijs);font-weight:400}
.pt-top select{font:inherit;border:1px solid var(--lijn);border-radius:10px;padding:6px 8px;background:#fff}
.pt-content{padding:clamp(18px,4vw,44px);max-width:1180px;width:100%}
.pt-kop{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.pt-kop h1{font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0;font-weight:700}
.pt-kop p{margin:6px 0 0;color:var(--grijs)}
.pt-kop .acties{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}

/* kaarten */
.pt .kart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:22px 24px;margin-bottom:20px;box-shadow:var(--schaduw);overflow-x:auto}
.pt .kart h2{font-size:18px;letter-spacing:-.01em;margin:0 0 14px}
.pt .kart h3{font-size:16px;margin:0 0 12px}
.pt .tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0 0 22px}
.pt .tegel{position:relative;display:block;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:20px 22px;text-decoration:none;color:inherit;box-shadow:var(--schaduw);transition:transform .15s,box-shadow .15s}
.pt a.tegel:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(20,20,20,.1)}
.pt .tegel .ico{width:40px;height:40px;border-radius:12px;background:var(--papier);display:grid;place-items:center;margin-bottom:14px}
.pt .tegel .ico svg{width:20px;height:20px}
.pt .tegel.accent{background:var(--zwart);color:#fff;border-color:var(--zwart)}
.pt .tegel.accent .ico{background:#1F1F1F;color:var(--oranje)}
.pt .tegel b{display:block;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.pt .tegel span{color:var(--grijs);font-size:14px}
.pt .tegel.accent span{color:#A9A49C}

/* snelle acties */
.pt-acties{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:22px}
.pt-actie{display:flex;align-items:center;gap:12px;background:var(--wit);border:1px solid var(--lijn);border-radius:14px;padding:14px 16px;text-decoration:none;font-weight:600;transition:border-color .15s}
.pt-actie:hover{border-color:var(--oranje)}
.pt-actie svg{width:18px;height:18px;color:var(--oranje)}
.pt-actie small{display:block;font-weight:400;color:var(--grijs)}

/* tabellen */
.pt table{width:100%;border-collapse:collapse;font-size:14.5px}
.pt th{text-align:left;font-weight:600;color:var(--grijs);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;padding:0 12px 10px;border-bottom:1px solid var(--lijn)}
.pt td{padding:14px 12px;border-bottom:1px solid #F0EDE7;vertical-align:middle}
.pt tr:last-child td{border-bottom:0}
.pt tr.acil td:first-child{box-shadow:inset 3px 0 0 var(--rood)}
.pt td.r,.pt th.r{text-align:right}
.pt td.breek{word-break:break-all;max-width:380px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.pt small{font-size:12.5px}
.pt .dim{color:var(--grijs)}
.pt .rood{color:var(--rood)}
.pt .oranje{color:var(--oranje-d)}

/* knoppen */
.pt .btn{display:inline-flex;align-items:center;gap:8px;background:var(--zwart);color:#fff;border:1px solid var(--zwart);border-radius:12px;padding:10px 16px;font:inherit;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
.pt .btn:hover{background:#262626}
.pt .btn:active{transform:translateY(1px)}
.pt .btn.oranje-btn,.pt .btn.groot{background:var(--oranje);border-color:var(--oranje);color:#0A0A0A}
.pt .btn.oranje-btn:hover,.pt .btn.groot:hover{background:#ff8f4f}
.pt .btn.ghost{background:transparent;color:var(--inkt);border-color:var(--lijn)}
.pt .btn.ghost:hover{background:#fff;border-color:#CFC9BF}
.pt .btn.klein{padding:7px 12px;font-size:13px;border-radius:10px}
.pt .btn.groot{padding:13px 20px;font-size:15px}
.pt .kopie{background:none;border:0;padding:0;font:inherit;font-size:13.5px;color:var(--grijs);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pt .kopie:hover{color:var(--inkt)}
.pt form.inline{display:inline}

/* status-labels */
.pt .badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:600;background:#F0EDE7;color:#4A463F;white-space:nowrap}
.pt .badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.pt .b-betaald,.pt .b-actief{background:var(--groen-bg);color:var(--groen)}
.pt .b-open,.pt .b-oninbaar{background:var(--geel-bg);color:var(--oranje-d)}
.pt .b-geschorst,.pt .b-mislukt{background:var(--rood-bg);color:var(--rood)}

/* formulieren */
.pt label{display:block;font-weight:600;font-size:13.5px;margin:0 0 14px}
.pt input:not([type=checkbox]):not([type=radio]),.pt select,.pt textarea{display:block;width:100%;margin-top:6px;font:inherit;font-weight:400;font-size:15px;border:1px solid var(--lijn);border-radius:12px;padding:11px 13px;background:#FDFCFA;color:var(--inkt);transition:border-color .15s,box-shadow .15s}
.pt input:focus,.pt select:focus,.pt textarea:focus{outline:0;border-color:var(--oranje);box-shadow:0 0 0 3px rgba(255,122,47,.18)}
.pt .vink{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.pt .gegevens{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 20px;align-items:start}
.pt .gegevens > p,.pt .gegevens > button,.pt .gegevens > .vink{grid-column:1/-1}
.pt .dns-form{display:grid;grid-template-columns:1.2fr .8fr 2fr .7fr .8fr auto;gap:12px;align-items:end}
.pt .dns-form label{margin:0}

/* meldingen */
.pt .ok-melding,.pt .fout,.pt .info-melding{border-radius:14px;padding:14px 16px;margin:0 0 18px;font-weight:500;border:1px solid}
.pt .ok-melding{background:var(--groen-bg);border-color:#BFE3CE;color:#145C39}
.pt .fout{background:var(--rood-bg);border-color:#F2C6C0;color:#8E1F14}
.pt .info-melding{background:var(--geel-bg);border-color:#FBD9B8;color:#8A3A0B}
.pt p.fout{display:block}

/* inlogscherm */
body.pt-login{font-family:var(--sans);margin:0;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--papier);color:var(--inkt)}
.pt-merk{background:var(--zwart);color:#F2EFE9;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.pt-merk::after{content:"";position:absolute;right:-180px;bottom:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,47,.35),rgba(255,122,47,0) 70%)}
.pt-merk h2{font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-.035em;margin:0;max-width:12ch;position:relative;z-index:1}
.pt-merk h2 .serif{color:var(--oranje)}
.pt-merk ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px;color:#A9A49C;position:relative;z-index:1}
.pt-merk li::before{content:"→ ";color:var(--oranje)}
.pt-merk .klein{color:#6E6A63;font-size:13px;position:relative;z-index:1}
.pt-form{display:grid;place-items:center;padding:clamp(24px,5vw,64px)}
.pt-form .doos{width:100%;max-width:400px}
.pt-form h1{font-size:30px;letter-spacing:-.03em;margin:0 0 6px}
.pt-form p.sub{color:var(--grijs);margin:0 0 26px}
.pt-form .taal{margin-top:22px;font-size:13.5px;color:var(--grijs)}

@media (max-width:900px){
  body.pt{grid-template-columns:minmax(0,1fr)}
  .pt .dns-form{grid-template-columns:1fr 1fr}
  body.pt-login{grid-template-columns:1fr}
  .pt-merk{min-height:auto}
  .pt-merk ul{display:none}
}
@media print{.pt-side,.pt-top{display:none}body.pt{display:block;background:#fff}}
.pt table.ico-tabel td svg{width:16px;height:16px;vertical-align:-3px;color:var(--grijs)}

/* diensten */
.pt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.pt-tabs a{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--lijn);text-decoration:none;font-weight:600;font-size:13.5px}
.pt-tabs a:hover{border-color:var(--oranje)}
.pt-groep{margin-bottom:34px;scroll-margin-top:90px}
.pt-groep > h2{font-size:22px;letter-spacing:-.02em;margin:0 0 14px}
.pt-producten{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.pt-product{position:relative;background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--schaduw)}
.pt-product.uitgelicht{border:2px solid var(--zwart)}
.pt-product .lint{position:absolute;top:-11px;left:20px;background:var(--oranje);color:#000;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px}
.pt-product h3{font-size:18px;margin:0;letter-spacing:-.01em}
.pt-product p{margin:0;color:#4A463F;font-size:14px;flex:1}
.pt-product .btn{justify-content:center}
.pt .prijs b{font-size:28px;letter-spacing:-.03em}
.pt .prijs span{color:var(--grijs);font-size:13px}
.pt .prijs small{display:block;color:var(--grijs)}
.pt .kenmerken{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13px;color:var(--grijs)}
.pt .kenmerken li{display:flex;gap:8px;align-items:flex-start}
.pt .kenmerken svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--groen)}
.pt .maatwerk{background:var(--zwart);color:#F2EFE9;border-color:var(--zwart)}
.pt .maatwerk h2{font-size:26px;margin:12px 0 8px}
.pt .maatwerk .serif{color:var(--oranje)}
.pt .maatwerk p{color:#CFCAC2;margin:0}
.pt-bestel{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.pt .samenvatting{position:sticky;top:96px}
.pt .samenvatting tr.totaal td{font-weight:700;font-size:16px;border-top:1px solid var(--lijn)}
.pt .samenvatting svg{width:15px;height:15px;vertical-align:-3px}
@media (max-width:900px){.pt-bestel{grid-template-columns:1fr}.pt .samenvatting{position:static}}
.pt .info-strook{display:flex;gap:12px;align-items:center;font-size:14px}
.pt .info-strook svg{width:22px;height:22px;flex:none;color:var(--oranje)}
.pt .btn svg,.pt-actie svg{width:18px;height:18px;flex:none}
.pt-top select{width:auto;max-width:280px}
.pt fieldset.keuzes{border:1px solid var(--lijn);border-radius:14px;padding:14px 16px 4px;margin:0 0 16px}
.pt fieldset.keuzes legend{font-weight:700;padding:0 6px}
.pt .zoekbalk{display:flex;gap:10px}
.pt .zoekbalk input{margin:0;font-size:17px;padding:14px 16px}
.pt .ns-velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 14px}
.pt .ns-velden input{margin:0}
.pt-secties{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:22px}
.pt-sectie{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:22px;text-decoration:none;box-shadow:var(--schaduw);transition:transform .15s,border-color .15s}
.pt-sectie:hover{transform:translateY(-2px);border-color:var(--oranje)}
.pt-sectie .ico{width:44px;height:44px;border-radius:12px;background:var(--zwart);color:var(--oranje);display:grid;place-items:center;margin-bottom:8px}
.pt-sectie .ico svg{width:22px;height:22px}
.pt-sectie h3{margin:0;font-size:18px;letter-spacing:-.01em}
.pt-sectie p{margin:0;color:var(--grijs);font-size:14px}
.pt-sectie .meer{margin-top:10px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.pt-sectie .meer svg{width:16px;height:16px}
.ticket-draad{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}
.ticket-draad .bericht{max-width:780px;background:#fff;border:1px solid var(--lijn);border-radius:16px;padding:16px 18px;box-shadow:var(--schaduw)}
.ticket-draad .bericht.eigen{align-self:flex-end;background:#FFF8F2;border-color:#F6D9C4}
.ticket-draad .kop{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--grijs);margin-bottom:6px}
.ticket-draad .kop b{color:var(--inkt)}
.ticket-draad .bijlage{display:inline-block;margin:10px 8px 0 0;padding:6px 10px;border:1px solid var(--lijn);border-radius:10px;font-size:13px;text-decoration:none;background:#FDFCFA}
.pt input[type=file]{padding:10px;background:#fff}
/* publieke pagina's */
body.pt-publiek{display:block}
.pt-pubkop{display:flex;align-items:center;gap:16px;padding:18px clamp(16px,4vw,44px);background:var(--zwart)}
.pt-pubkop .pt-logo{padding:0}
.pt-pubkop nav{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pt-pubkop nav a:not(.btn){color:#BDB8AF;text-decoration:none;font-size:14px}
.pt-pubkop .btn.ghost{color:#fff;border-color:#3a3a3a}
.pt-pubinhoud{margin:0 auto}
.pt .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pt .breed-knop{width:100%;justify-content:center}
/* e-mail */
.pt .kaart-kop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.pt .kaart-kop h2{margin:0}
.pt details.actie{display:inline-block;text-align:left;vertical-align:top}
.pt details.actie[open]{display:block;margin:8px 0;padding:12px;border:1px solid var(--lijn);border-radius:12px;background:#FDFCFA}
.pt details summary{cursor:pointer;list-style:none}
.pt details summary::-webkit-details-marker{display:none}
.pt .mini-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.pt .mini-form input{margin:0;max-width:260px}
.pt .nieuw-blok{margin-top:14px}
.pt .nieuw-blok summary.btn{display:inline-flex}
.pt .email-form{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:12px;align-items:end;margin-top:12px}
.pt .email-form label{margin:0}
.pt .adres-veld{display:flex;align-items:center;gap:6px;margin-top:6px}
.pt .adres-veld input{margin:0}
.pt .adres-veld span{color:var(--grijs);white-space:nowrap}
.pt h3.sub{margin:18px 0 6px;font-size:15px}
.pt table.instellingen td{padding:8px 10px;font-size:14px}
.pt table.instellingen td:first-child{color:var(--grijs);width:40%}
.pt .instellingen-mini{margin-top:8px}
.pt .instellingen-kaart{border:2px solid var(--oranje)}
.pt details.stappen{border-top:1px solid var(--lijn);padding:12px 0}
.pt details.stappen summary{font-size:15px}
.pt details.stappen ol{margin:10px 0 0;padding-left:22px;display:grid;gap:6px;font-size:14.5px}
@media (max-width:900px){.pt .email-form{grid-template-columns:1fr}}
.pt .instellingen-kaart{position:relative}
.pt .instellingen-kaart .sluit{position:absolute;top:18px;right:20px}
.pt td .btn.ghost.klein svg{width:15px;height:15px}
.pt .domein-kiezer{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.pt .domein-kiezer label{max-width:360px;margin:0}
.pt .domein-kiezer .pt-tabs{margin:0}
@media (min-width:901px){.pt .domein-kiezer label{display:none}}

/* Menu: desktop zijbalk; mobiel bovenbalk met 'Menu', uitklapmenu met namen, tabbalk met namen onderaan */
.pt-side-top{display:flex;align-items:center;justify-content:space-between}
.pt-side-menu{display:flex;flex-direction:column;gap:6px;flex:1}
.pt .pt-menuknop,.pt .menu-scherm,.pt-tabbar,.pt-uit-mobiel{display:none}
@media (max-width:900px){
  .pt-side{position:sticky;top:0;z-index:60;height:auto;padding:0 10px 0 18px;gap:0}
  .pt-side-top{height:60px}
  .pt-logo{padding:0;font-size:22px}
  .pt .pt-menuknop{display:flex;margin:0;align-items:center;gap:8px;padding:9px 14px;border:1px solid #333;border-radius:99px;color:#fff;font-weight:600;font-size:14px;cursor:pointer}
  .pt-menuknop svg{width:20px;height:20px}
  .pt-menuknop .m-dicht,.menu-ac:checked~.pt-side .pt-menuknop .m-open{display:none}
  .menu-ac:checked~.pt-side .pt-menuknop .m-dicht{display:inline}
  .pt-side-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--zwart);overflow-y:auto;padding:10px 16px calc(100px + env(safe-area-inset-bottom));z-index:61}
  .menu-ac:checked~.pt-side .pt-side-menu{display:flex}
  .pt-nav a{padding:14px 12px;font-size:16.5px}
  .pt-uit-mobiel{display:block;margin-top:6px;border-top:1px solid #262626;padding-top:8px}
  .pt-uit-mobiel button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;background:none;border:0;color:#BDB8AF;font:inherit;font-size:16.5px;font-weight:500;cursor:pointer;border-radius:12px}
  .pt-uit-mobiel svg{width:19px;height:19px}
  .pt-hulp{margin-top:14px}
  body.pt:has(.menu-ac:checked){overflow:hidden}
  .pt-top{position:static;padding:12px 16px;gap:10px;flex-wrap:wrap}
  .pt-top .wie{min-width:0;flex:1}
  .pt-top .naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pt-top form.inline:last-child{display:none}
  .pt-content{padding:20px 16px calc(96px + env(safe-area-inset-bottom))}
  .pt-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--zwart);border-top:1px solid #222;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .pt-tabbar a,.pt .pt-tabbar label{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:#A9A49C;text-decoration:none;font-size:11.5px;font-weight:500;cursor:pointer}
  .pt-tabbar svg{width:22px;height:22px}
  .pt-tabbar a[aria-current=page]{color:#fff}
  .pt-tabbar a[aria-current=page] svg{color:var(--oranje)}
  .menu-ac:checked~.pt-tabbar label{color:#fff}
  .pt-tabbar i{position:absolute;top:1px;left:calc(50% + 6px);font-style:normal;background:var(--oranje);color:#000;border-radius:99px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px}
}
@media print{.pt-tabbar,.pt-menuknop{display:none!important}}
@media (max-width:700px){
  .pt table.stapel thead,.pt table.stapel tr.kop{display:none}
  .pt table.stapel,.pt table.stapel tbody,.pt table.stapel tr,.pt table.stapel td{display:block;width:auto}
  .pt table.stapel tr{padding:12px 0;border-bottom:1px solid var(--lijn);position:relative}
  .pt table.stapel tr:last-child{border-bottom:0}
  .pt table.stapel td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:5px 0;border:0;text-align:right;min-height:0}
  .pt table.stapel td::before{content:attr(data-label);color:var(--grijs);font-size:12.5px;text-align:left;flex:none}
  .pt table.stapel td:not([data-label])::before,.pt table.stapel td[data-label=""]::before{content:none}
  .pt table.stapel td:first-child{font-weight:600;font-size:15.5px}
  .pt table.stapel td:empty{display:none}
  .pt table.stapel td .btn{margin-left:auto}
  .pt .kart{padding:18px 16px}
}
@media (max-width:700px){.pt table.stapel tr.acil{box-shadow:inset 3px 0 0 var(--rood);padding-left:12px}.pt table.stapel tr.acil td:first-child{box-shadow:none}}
@media (max-width:700px){.pt table.stapel td:not([data-label]){flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;padding-top:10px}.pt table.stapel td:not([data-label]) details[open]{flex-basis:100%}}
/* Diensten: categoriebalk */
.pt-tabs a[aria-current=page]{background:var(--zwart);border-color:var(--zwart);color:#fff}
.pt-catbalk{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px}
.pt-catbalk .pt-tabs{margin:0;flex:1}
.pt-terug{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;text-decoration:none;color:var(--inkt);padding:8px 14px 8px 10px;border-radius:99px;border:1px solid var(--lijn);background:#fff}
.pt-terug svg{width:16px;height:16px;transform:rotate(180deg)}
.pt-catkies{display:none}
.pt-cattitel{font-size:22px;margin:4px 0 18px;display:flex;align-items:baseline;gap:10px}
.pt-cattitel span{font-size:14px;font-weight:500;color:var(--grijs)}
@media (max-width:700px){
  .pt-catbalk{flex-direction:column;align-items:stretch;gap:12px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:14px}
  .pt-catbalk .pt-tabs{display:none}
  .pt-terug{border:0;padding:0;background:none;align-self:flex-start;color:var(--grijs)}
  .pt .pt-catkies{display:flex;flex-direction:column;gap:6px}
  .pt .pt-catkies label{margin:0;font-size:12.5px;color:var(--grijs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
  .pt .pt-catkies select{width:100%;font-size:16px;font-weight:600;padding:12px 14px;border-radius:12px}
  .pt-cattitel{font-size:20px}
  .pt-secties{grid-template-columns:1fr;gap:10px}
  .pt-sectie{display:grid;grid-template-columns:44px 1fr 20px;column-gap:14px;row-gap:2px;align-items:center;padding:14px 16px}
  .pt-sectie .ico{grid-row:1/3;margin:0}
  .pt-sectie h3{grid-column:2;font-size:16.5px}
  .pt-sectie p{grid-column:2;font-size:13.5px}
  .pt-sectie .meer{grid-column:3;grid-row:1/3;margin:0;font-size:0;color:var(--grijs)}
  .pt-sectie .meer svg{width:18px;height:18px}
}