/* Homepage: keuzekaarten, megamenu en footer (voorheen in zakelijk.css) */
.keuzekaarten{grid-template-columns:1fr!important;max-width:460px!important;gap:10px!important}
.kk.kk-fl{text-decoration:none;color:inherit;border-style:dashed}
.kk.kk-fl .kk-ic{background:rgba(184,93,32,.28)}
.kk-vraag{margin-top:22px}
.trust-een{display:flex;align-items:center;gap:8px;margin:14px 2px 0;font-size:13.5px;color:var(--ink-3)}
.trust-een i{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:0 0 8px}
.fl-toggle{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;cursor:pointer;grid-column:1/-1}
.fl-toggle input{width:20px;height:20px;accent-color:var(--brand);flex:0 0 20px}
.fl-toggle b{display:block;font-size:14.5px}.fl-toggle small{display:block;font-size:12.5px;color:var(--ink-3)}
.nav .nav-menu{font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px;margin-left:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav .nav-menu:hover,.nav .nav-menu[aria-expanded=true]{background:var(--surface-2)}
.nav .nav-menu[aria-expanded=true] svg{transform:rotate(180deg)}
.nav{overflow:visible!important}
.nav a,.nav .nav-menu{display:inline-flex!important}
.megap{position:absolute;left:0;right:0;top:100%;z-index:80;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 22px 44px rgba(15,58,43,.16)}
.megap[hidden]{display:none}
.megap-in{max-width:var(--maxw,1180px);margin:0 auto;padding:24px 24px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 34px}
.megap h5{font-size:12.5px;margin:0 0 6px;color:var(--ink-3);font-weight:700}
.megap a{display:block;padding:7px 8px;border-radius:8px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;line-height:1.35}
.megap a:hover{background:var(--surface-2);color:var(--brand-deep)}
.top{position:sticky}
@media (max-width:820px){.megap{display:none!important}.nav{display:none!important}}
.megap a,.megap-in a{text-decoration:none!important;border-bottom:0!important;background-image:none!important}
.megap-in{grid-template-columns:repeat(4,1fr)!important;gap:14px 24px!important}
/* footer met categorieen en subcategorieen */
.foot .fgrid{grid-template-columns:minmax(250px,1.7fr) repeat(4,minmax(0,1fr));gap:34px 28px}
.foot .fgrid>div:nth-child(1) .logo{display:inline-block;max-width:100%}
.foot .fgrid>div:nth-child(1) .logo img{max-width:100%;height:auto;max-height:26px}
.foot .fk h4{margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--brand);font-size:13px;letter-spacing:.08em}
.foot .fk h5{margin:16px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);opacity:.85}
.foot .fk h4+h5{margin-top:0}
.foot .fk ul{gap:2px}
.foot .fk li a{display:block;padding:5px 0;font-size:14.5px;line-height:1.35;text-decoration:none!important;border:0!important}
.foot .fk li a:hover{color:var(--brand-deep);text-decoration:underline!important}
@media (max-width:1000px){.foot .fgrid{grid-template-columns:1fr 1fr 1fr}.foot .fgrid>div:nth-child(1){grid-column:1/-1}}
@media (max-width:760px){
 .foot .fgrid{grid-template-columns:1fr 1fr;gap:26px 18px}
 .foot .fgrid>div:nth-child(n){order:0;grid-column:auto}
 .foot .fgrid>div:nth-child(1){grid-column:1/-1}
 .foot .fk ul{display:block!important;columns:1!important}
 .foot .fk li a{padding:7px 0;font-size:14px}
 .foot .fk h4{margin-bottom:10px}
}

/* Sectie 'Ben je ondernemer?' naar LeaseOpDeZaak.nl */
.sec-lod{margin-bottom:28px}
.sec-lod .sec-h{font-size:clamp(30px,3.2vw,44px)}
.sec-lod .sec-eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F0A868}
.sec-lod-punten{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:8px;color:#fff;font-weight:600}
.sec-lod-punten li{display:flex;align-items:center;gap:10px}
.sec-lod-punten li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:#F0A868 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%230F3A2B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
a.sec-btn{display:inline-flex;align-items:center;text-decoration:none}
.sec-lod .sec-a-photo img{object-position:60% 40%}

/* tab naar LeaseOpDeZaak.nl in het aanbod */
.sec-lod-knop{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:10px 20px 10px 22px;border-radius:999px;background:#fff;color:#144636;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s}
.sec-lod-knop:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.sec-lod-knop:focus-visible{outline:3px solid #F0A868;outline-offset:3px}
.sec-lod-knop img{height:24px;width:auto;display:block}
.sec-lod-knop svg{flex:none}
@media (max-width:420px){.sec-lod-knop{gap:8px;padding:10px 16px;font-size:14px}.sec-lod-knop img{height:19px}}
@media (max-width:640px){.sec-lod .sec-a-card{margin:0}}
.sec-lod-logo{display:block;height:30px;width:auto;margin:0 0 22px}
.lod-wrap{margin:8px auto 64px}
.lod-wrap .sec-a{margin:0 0 8px}
@media (max-width:420px){.sec-lod-logo{height:24px;margin-bottom:16px}}
.sec-lod-knop span{white-space:nowrap}
@media (max-width:520px){.sec-lod .sec-a-card{border-radius:16px}.sec-lod-knop{width:100%;justify-content:center;gap:8px;padding:10px 14px;font-size:13.5px}.sec-lod-knop img{height:18px}}
.hero-lod{display:inline-flex;align-items:center;gap:16px;margin-top:24px;padding:12px 16px 12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.16);border-left:3px solid #3DDC97;background:rgba(255,255,255,.05);color:rgba(255,255,255,.78);text-decoration:none;max-width:100%;transition:background .15s,border-color .15s}
.hero-lod:hover{background:rgba(255,255,255,.1);color:#fff}
.hero-lod:focus-visible{outline:3px solid #F0A868;outline-offset:3px}
.hl-tekst{display:flex;flex-direction:column;gap:3px;min-width:0}
.hl-tekst b{color:#fff;font-size:15px;font-weight:700}
.hl-2{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;font-size:13.5px}
.hl-2 img{height:14px;width:auto;display:inline-block;position:relative;top:1px}
.hero-lod svg{flex:none;opacity:.85}
@media (max-width:520px){.hero-lod{gap:12px;padding:11px 14px}.hl-tekst b{font-size:14px}.hl-2{font-size:13px}}
@media (min-width:521px){.hl-2{flex-wrap:nowrap;white-space:nowrap}}
@media (min-width:521px){.hero-lod{gap:12px;padding:12px 14px 12px 15px}.hl-2{font-size:13px;gap:6px}.hl-2 img{height:13px}}
@media (min-width:521px){.hero-lod{max-width:none}.hl-tekst{min-width:auto}}
@media (min-width:521px){.hero-lod svg{display:none}}
/* typende tekst in de LeaseOpDeZaak-sectie */
.sec-lod .tw-regel{display:block;color:#3DDC97;white-space:nowrap;min-height:1.1em}
.tw-doos{display:inline-grid;vertical-align:bottom;padding-right:.15em}
.tw-doos>*{grid-area:1/1;white-space:nowrap}
.tw-doos .tw-maat{visibility:hidden}
.tw.loopt::after{content:"";display:inline-block;width:3px;height:.82em;margin-left:3px;vertical-align:-.04em;background:#3DDC97;border-radius:1px;animation:tw-knip 1.06s steps(1) infinite}
.tw.typt::after{animation:none}
@keyframes tw-knip{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.tw.loopt::after{display:none}}
/* busje (uitgesneden) in de LeaseOpDeZaak-sectie */
.sec-lod .sec-a-card{background:radial-gradient(ellipse 60% 70% at 76% 55%,rgba(61,220,151,.16),transparent 70%),var(--sec-deep)}
.sec-lod-bus{position:absolute;right:3%;top:50%;transform:translateY(-46%);width:min(52%,600px);z-index:0;pointer-events:none}
.sec-lod-bus img{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 26px rgba(0,0,0,.45))}
.sec-lod-bus::after{content:"";position:absolute;left:8%;right:6%;bottom:-2%;height:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);z-index:-1}
.sec-lod .sec-a-copy{z-index:1}
@media (max-width:900px){.sec-lod-bus{position:relative;right:auto;top:auto;transform:none;width:88%;margin:28px auto 0}}
@media (max-width:900px){.sec-lod-bus{margin:26px auto 22px}.sec-lod .sec-a-copy{margin-top:0}}
/* Hero: grote foto met twee aanbodkaartjes eroverheen */
.hf-nieuw{aspect-ratio:5/4.4;min-height:0;max-height:560px;border-radius:24px}
.hf-nieuw::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,34,25,0) 45%,rgba(9,34,25,.55) 100%);pointer-events:none}
.hf-nieuw .hf-img{object-position:62% 35%}
.hf-nieuw .hf-stapel{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:grid;gap:10px;justify-items:stretch}
.hf-nieuw .hf-stapel .hf-kaart{width:100%;margin:0;opacity:1;background:#fff;box-shadow:0 16px 34px -14px rgba(0,0,0,.55)}
.hf-nieuw .hf-stapel .hf-kaart:nth-child(n+3){display:none}
.hf-nieuw .hf-stapel .hf-kaart:nth-child(2){width:88%;justify-self:end}
.hf-nieuw .hf-thumb:not(:has(img)){display:none}
.hf-nieuw .hf-rij:has(.hf-thumb:not(:has(img))){grid-template-columns:minmax(0,1fr) auto}
.hf-nieuw .hf-leeg{background:#fff;border-radius:16px;padding:14px 16px;display:grid;gap:2px}
@media (max-width:900px){.hf-nieuw{aspect-ratio:4/3.6}.hf-nieuw .hf-stapel .hf-kaart:nth-child(2){display:none}}
.hf-nieuw .hf-img{-webkit-mask:none!important;mask:none!important;filter:none;opacity:1}
.hf-nieuw{box-shadow:0 30px 60px -28px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.hf-nieuw .hf-stapel{left:16px;right:16px;bottom:16px;gap:8px}
.hf-nieuw .hf-kaart{padding:10px 13px 11px;border-radius:15px}
.hf-nieuw .hf-tekst b{font-size:15px}
.hf-nieuw .hf-prijs{font-size:18px}
.hf-nieuw .hf-kaart .bt-balk{margin-top:7px}
.hf-nieuw .hf-stapel .hf-kaart:nth-child(1){width:82%}
.hf-nieuw .hf-stapel .hf-kaart:nth-child(2){width:82%;justify-self:end}
.hf-fig.hf-nieuw{overflow:hidden;border-radius:24px;background:#1a3a2e}