/* Additional utilities used by the simplified site, using the existing brand tokens. */
.max-w-md{max-width:28rem}.mt-4{margin-top:1rem}.border-y{border-block-width:1px}.min-h-11{min-height:2.75rem}.gap-5{gap:1.25rem}.font-bold{font-weight:700}.px-0{padding-inline:0}
#nieuws .snap-x{display:grid;overflow:visible}#nieuws article{width:100%;max-width:none;min-width:0}#producten a:focus-visible{outline:3px solid var(--cta);outline-offset:-4px}header a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.bz-embed{width:100%;min-width:0}.bz-embed iframe{display:block;width:100%!important;max-width:100%!important;border:0}html{scroll-behavior:smooth}body{letter-spacing:0}.bz-filter{background:var(--card);color:var(--foreground)}.bz-filter:hover{border-color:var(--primary);color:var(--primary)}.bz-filter[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
@media(min-width:768px){#nieuws .snap-x{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Product information uses the existing semantic brand tokens. */
#vergelijk article{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:24px;min-width:0}
#vergelijk article>a:last-child{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:12px 18px;margin-top:auto;background:var(--cta);color:var(--cta-foreground);border-radius:var(--radius);font-weight:700;text-decoration:none;align-self:flex-start;white-space:normal}
#vergelijk article>a:last-child:hover{opacity:.9}#vergelijk article>a:last-child:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
#vergelijk article details{margin-block:16px;border-block:1px solid var(--border);padding-block:12px}
#vergelijk article>div:first-child{display:flex;align-items:center;gap:12px}#vergelijk article>div:first-child svg{width:24px;height:24px;flex-shrink:0;color:var(--primary)}
#vergelijk article details[open]{margin-bottom:20px}
@media(max-width:639px){#vergelijk article>a:last-child{width:100%;align-self:stretch}}

/* Productlijst homepage (v7) */
.bz-pl{background:var(--card,#fff);color:var(--card-foreground,#0f172a);border-radius:1.5rem;padding:.75rem 1.5rem;box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.bz-pl-row{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:1rem 0;border-bottom:1px solid var(--border,#e5e7eb);color:inherit;text-decoration:none;transition:color .15s}
.bz-pl-row:last-child{border-bottom:0}
.bz-pl-row:hover,.bz-pl-row:focus-visible{color:var(--primary,#1d4ed8)}
.bz-pl-row span{font-family:Nunito,sans-serif;font-size:1.125rem;font-weight:700}
.bz-pl-icon{width:1.5rem;height:1.5rem;flex-shrink:0}
.bz-pl-chev{width:1.25rem;height:1.25rem;margin-left:auto;flex-shrink:0;opacity:.55}

.bz-pl ul{list-style:none;margin:0;padding:0}
.bz-pl-row{border-radius:.5rem;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}
.bz-pl li{border-bottom:1px solid var(--border,#e5e7eb)}.bz-pl li:last-child{border-bottom:0}.bz-pl-row{border-bottom:0}
.bz-pl-row:focus-visible,.bz-mm a:focus-visible,.bz-mm button:focus-visible,.bz-menu-btn:focus-visible{outline:2px solid var(--primary,#1d4ed8);outline-offset:2px;background:var(--secondary,#f1f5f9)}
.bz-menu-btn{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;background:none;border:0;border-radius:.375rem;color:inherit;cursor:pointer}
@media(min-width:640px){.bz-menu-btn,.bz-mm{display:none!important}}
.bz-mm{position:fixed;inset:0;z-index:50;overflow-y:auto;background:var(--card,#fff);color:var(--foreground,#0f172a);padding:1rem 1.25rem 2.5rem}
.bz-mm[hidden]{display:none}
.bz-mm-top{display:flex;justify-content:flex-end}
.bz-mm-prod{margin-top:1.5rem}
.bz-mm-prod a{display:flex;align-items:center;gap:1.25rem;min-height:4rem;padding:.75rem .25rem;color:inherit;text-decoration:none;border-radius:.5rem}
.bz-mm-prod a span{font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700}
.bz-mm-prod .bz-pl-icon{width:1.75rem;height:1.75rem}
.bz-mm-more{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border,#e5e7eb);display:grid}
.bz-mm-more a{padding:.75rem 0;font-size:1.125rem;color:var(--muted-foreground,#64748b);text-decoration:none}
.bz-motto{margin-top:1rem;font-size:1.25rem;font-weight:600;opacity:.9}

/* v9: compact logo, also for an uploaded logo */
header a[aria-label="Besliszeker.nl homepage"] img{width:176px!important;max-width:100%;height:auto!important;max-height:44px;object-fit:contain;object-position:left center}
@media(min-width:768px){header a[aria-label="Besliszeker.nl homepage"] img{width:224px!important;max-height:52px}}
footer a[aria-label="Besliszeker.nl homepage"] img{width:240px!important;max-width:100%;height:auto!important}
/* v12: footer logo, announcement bar, news overview, FAQ */
.bz-footer-logo{width:10rem!important}@media(min-width:768px){.bz-footer-logo{width:12rem!important}}
.bz-announce{border-bottom:1px solid #fff;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary);color:var(--primary-foreground);padding:.5rem 1rem;font-size:.75rem;line-height:1.4;text-align:center}.bz-announce svg{flex-shrink:0}@media(min-width:768px){.bz-announce{font-size:.875rem}}
.bz-tabs{display:flex;gap:.25rem;overflow-x:auto;border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:.375rem}
.bz-tabs button{flex-shrink:0;min-height:2.75rem;border:0;background:transparent;border-radius:.75rem;padding:0 1rem;font:inherit;font-size:.875rem;font-weight:600;color:var(--muted-foreground);cursor:pointer}
.bz-tabs button:hover{color:var(--primary)}.bz-tabs button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.bz-tabs button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.bz-feat{position:relative;display:block;margin-top:1.5rem;overflow:hidden;border-radius:1.5rem;background:var(--primary);color:var(--primary-foreground);padding:2.5rem 1.5rem;text-decoration:none;box-shadow:0 10px 30px -12px rgb(0 0 0/.25)}
.bz-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.bz-feat>div{position:relative;max-width:48rem}@media(min-width:768px){.bz-feat{padding:3.5rem 2.5rem}}
.bz-meta{display:inline-flex;align-items:center;gap:.75rem;border-radius:999px;background:var(--card);color:var(--foreground);padding:.25rem 1rem .25rem .25rem;font-size:.875rem}
.bz-meta b{border-radius:999px;background:var(--primary);color:var(--primary-foreground);padding:.25rem .75rem}
.bz-feat h2{margin-top:1.25rem;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(1.875rem,4vw,3rem);line-height:1.1}
.bz-feat p{margin-top:1rem;line-height:1.6;opacity:.92}
.bz-ngrid{margin-top:2rem;display:grid;gap:1.5rem}@media(min-width:768px){.bz-ngrid{grid-template-columns:1fr 1fr}}
.bz-ncard{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:1.25rem;background:var(--card);text-decoration:none;color:var(--foreground)}
.bz-ncard .bz-nimg{aspect-ratio:16/8;background:var(--secondary,var(--muted));overflow:hidden}.bz-ncard .bz-nimg img{width:100%;height:100%;object-fit:cover}
.bz-ncard .bz-nbody{padding:1.5rem}.bz-ncard .bz-meta{background:transparent;padding:0}
.bz-ncard h3{margin-top:1rem;font-family:Nunito,sans-serif;font-weight:800;font-size:1.375rem;line-height:1.25}.bz-ncard:hover h3{color:var(--primary)}
.bz-ncard p{margin-top:.75rem;font-size:.9rem;line-height:1.6;color:var(--muted-foreground)}
.bz-empty{margin-top:1.5rem;border-radius:1.5rem;background:var(--primary);color:var(--primary-foreground);padding:3.5rem 1.5rem;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(1.5rem,3.5vw,2.5rem)}
.bz-faq h2{margin-top:2.5rem;font-family:Nunito,sans-serif;font-weight:800;font-size:1.25rem}
.bz-faq .bz-faqbox{margin-top:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--card)}
.bz-faq details{padding:1rem 1.25rem;border-top:1px solid var(--border)}.bz-faq details:first-child{border-top:0}
.bz-faq summary{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;cursor:pointer;list-style:none}.bz-faq summary::-webkit-details-marker{display:none}
.bz-faq summary:after{content:"+";color:var(--primary);font-size:1.25rem;transition:transform .2s}.bz-faq details[open] summary:after{transform:rotate(45deg)}
.bz-faq .bz-ans{margin-top:.5rem;line-height:1.6;color:var(--muted-foreground)}

body:not(.home) .bz-announce{display:none}

.bz-why{background:var(--card);padding:3rem 0}.bz-why-inner{max-width:72rem;margin:0 auto;padding:0 1.25rem;display:grid;gap:2rem}
.bz-why-label{display:inline-flex;border-radius:999px;background:var(--cta);color:var(--cta-foreground);padding:.25rem .75rem;font-size:.75rem;font-weight:700;margin:0}
.bz-why h2{font-family:Nunito,sans-serif;font-size:1.875rem;line-height:1.2;font-weight:800;margin:1rem 0 0}
.bz-why-sub{font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700;color:var(--primary);margin:1rem 0 0}
.bz-why-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.bz-why-card{display:flex;gap:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--background);padding:1.25rem}
.bz-why-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border-radius:.75rem;background:var(--hero-surface);color:var(--hero-on-surface)}
.bz-why-step{font-size:.75rem;font-weight:700;color:var(--muted-foreground);margin:0}
.bz-why-card h3{font-family:Nunito,sans-serif;font-size:1.125rem;font-weight:800;margin:.25rem 0 0}
.bz-why-card h3+p{font-size:.875rem;line-height:1.6;color:var(--muted-foreground);margin:.5rem 0 0}
@media(min-width:768px){.bz-why{padding:5rem 0}.bz-why-inner{padding:0 1.5rem}.bz-why h2{font-size:2.25rem}.bz-why-card{padding:1.5rem}}
@media(min-width:1024px){.bz-why-inner{grid-template-columns:5fr 7fr;gap:3.5rem}.bz-why-head{position:sticky;top:2rem;align-self:start}}

/* v15: one consistent page width (72rem) on every page; long text keeps a readable line length. */
.mx-auto.max-w-3xl,.mx-auto.max-w-4xl,.mx-auto.max-w-5xl{max-width:72rem}
.mx-auto.max-w-3xl>*,.mx-auto.max-w-4xl>*,.mx-auto.max-w-5xl>*{max-width:48rem}
#vragen h2.text-center{text-align:left}