/* Navigatie blijft in de bovenbalk. Native uitklapmenu’s werken ook zonder JavaScript. */
.nl-header{position:sticky;top:0;z-index:50;background:#fff;color:#141414}
.nl-header-inner{max-width:1280px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:24px;min-height:74px;box-sizing:border-box}
.nl-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;color:#141414;font:700 23px var(--font-display)}
.nl-brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#141414;border-radius:10px;flex:none}
.nl-brand-nl{color:#bd1429}
.nl-desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font:700 15px var(--font-body)}
.nl-header a{color:#141414;text-decoration:none}
.nl-header a:hover,.nl-header summary:hover{color:#bd1429}
.nl-header a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.nl-header a:focus-visible,.nl-header summary:focus-visible{outline:3px solid #b5162b;outline-offset:4px;border-radius:4px}
.nl-desktop-nav>a,.nl-dropdown>summary{padding:12px 0;white-space:nowrap;cursor:pointer}
.nl-dropdown{position:relative}
.nl-dropdown>summary{list-style:none;display:flex;align-items:center;gap:7px}
.nl-dropdown>summary::-webkit-details-marker{display:none}
.nl-dropdown>summary:after{content:'⌄';font-size:16px}
.nl-dropdown-panel{position:absolute;top:100%;left:-18px;min-width:210px;max-height:70vh;overflow:auto;padding:12px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #14141426;display:grid;gap:2px}
.nl-dropdown:last-child .nl-dropdown-panel{left:auto;right:0}
.nl-dropdown-panel a{display:block;padding:11px 12px;line-height:1.5;font-weight:600;border-radius:6px}
.nl-dropdown-panel a:hover{background:#f1f5f9}
.nl-header .nl-shop-link{padding:11px 15px;background:#141414;color:white;border-radius:9px;white-space:nowrap;font:700 14px var(--font-body)}
.nl-mobile-menu,.nl-mobile-free{display:none}
/* Toon de oorspronkelijke beeldverhouding, ook bij oude inline hoogte-instellingen. */
img[src^="/assets/"]{object-fit:contain!important;height:auto!important;aspect-ratio:auto!important;max-width:100%}
.repair-themes{align-items:start}
.repair-themes img{aspect-ratio:auto!important}
.materials-main{font:17px/1.65 var(--font-body);color:#292929}
.materials-main h1,.materials-main h2,.materials-main h3{font-family:var(--font-display);color:#141414;line-height:1.15;font-weight:650;letter-spacing:-.015em}
.materials-main h1{font-size:clamp(36px,4.5vw,54px);margin:0 0 22px;text-wrap:balance}
.materials-main h2{font-size:32px;margin:0 0 20px}
.materials-main h3{font-size:27px;margin:0 0 14px}
.materials-wrap{max-width:1120px;margin:auto;width:calc(100% - 48px)}
.materials-intro{padding:54px 0 42px;max-width:760px}
.materials-intro p{font-size:20px;margin:0 0 26px}
.materials-main a{color:#141414;text-underline-offset:4px}
.materials-main a:focus-visible{outline:3px solid #b5162b;outline-offset:5px}
.materials-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.materials-main .materials-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;min-height:48px;box-sizing:border-box;background:#141414;color:#fff;font-weight:800;text-decoration:none;border-radius:9px}
.materials-main .materials-button:hover{background:#bd1429}
.materials-instructions{background:#f1f5f9;padding:30px;border-radius:12px;margin:0 0 48px}
.materials-instructions h2{font-size:26px}
.materials-instructions ol{margin:0;padding-left:24px;display:grid;gap:8px}
.material{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:36px 0 48px;scroll-margin-top:100px}
.material-preview{display:block;background:#f1f5f9;padding:18px;border-radius:14px}
.material-preview img{display:block;width:100%;height:auto;object-fit:contain}
.material p{margin:0 0 16px}
.material-meta{font-size:15px;color:#526376}
.materials-book{padding:40px;background:#f1f5f9;border-radius:14px;margin:32px 0 54px;scroll-margin-top:100px}
.materials-book form{max-width:680px}
.materials-book p{max-width:66ch}
.materials-next{padding:0 0 54px;max-width:760px}
.materials-main :where(input,button){font:inherit}
@media(max-width:999px){
 .nl-desktop-nav,.nl-shop-link{display:none!important}
 .nl-mobile-free{display:block;margin-left:auto;font-weight:700;font-size:15px}
 .nl-mobile-menu{display:block;margin-left:auto}
 .nl-mobile-free+.nl-mobile-menu{margin-left:0}
 .nl-mobile-menu>summary{cursor:pointer;padding:11px 13px;background:#f1f5f9;border-radius:8px;font:700 15px var(--font-body)}
 .nl-mobile-panel{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;background:#fff;padding:16px 24px 30px;box-shadow:0 12px 24px #1414141a;display:grid;gap:8px}
 .nl-header .nl-mobile-menu[open]>.nl-mobile-panel{display:grid!important}
 .nl-mobile-panel a{padding:9px 10px;font-size:16px;line-height:1.5}
 .nl-mobile-group{display:flex;gap:4px 10px;flex-wrap:wrap;background:#f1f5f9;border-radius:8px;padding:12px;margin-block:6px}
 .nl-mobile-group strong{width:100%;padding:0 10px 4px}
 .material{gap:30px}
}
@media(max-width:600px){
 .nl-header-inner{padding:12px 20px;gap:12px;min-height:68px}
 .nl-brand{font-size:21px;gap:8px}
 .nl-brand-mark{width:34px;height:34px}
 .nl-mobile-free{display:none}
 .nl-mobile-free+.nl-mobile-menu{margin-left:auto}
 .materials-wrap{width:calc(100% - 40px)}
 .materials-intro{padding:36px 0 28px}
 .materials-main h1{font-size:36px}
 .materials-main h2{font-size:28px}
 .materials-intro p{font-size:18px}
 .materials-instructions{padding:24px;margin-bottom:22px}
 .material{grid-template-columns:1fr;gap:24px;padding:24px 0 36px}
 .material-preview{padding:12px}
 .material h3{font-size:27px}
 .materials-book{padding:24px}
 .materials-actions{gap:14px}
}