/* NS Drieluik: bestaande merktaal, productbeeld en muurmaat als visueel middelpunt. */
.ns-dl{--dl-ink:#142b35;--dl-dark:#112b35;--dl-accent:#b7412a;--dl-paper:#fff;--dl-soft:#f1f5f6;--dl-line:#c8d4d8;--dl-muted:#49606a;color:var(--dl-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.ns-dl *{box-sizing:border-box}
.ns-dl-wrap{max-width:1190px;margin-inline:auto;padding-inline:24px}
.ns-dl h1,.ns-dl h2,.ns-dl p,.ns-dl figure{margin-top:0}
.ns-dl h1,.ns-dl h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:inherit;line-height:1.1}
.ns-dl h1{font-size:clamp(2.45rem,4vw,4.5rem);max-width:12ch;margin-bottom:24px;overflow-wrap:break-word}
.ns-dl h2{font-size:clamp(1.75rem,2.7vw,2.8rem);margin-bottom:22px}
.ns-dl p{font-size:1rem;max-width:66ch}
.ns-dl a{color:var(--dl-accent)}
.ns-dl a:focus-visible,.ns-dl button:focus-visible,.ns-dl select:focus-visible,.ns-dl input:focus-visible,.ns-dl summary:focus-visible{outline:3px solid var(--dl-accent);outline-offset:3px}
.ns-dl .ns-dl-button{display:inline-flex;align-items:center;justify-content:center;background:var(--dl-accent);color:#fff;padding:15px 24px;border:0;border-radius:4px;font-weight:700;text-decoration:none;cursor:pointer;min-height:50px}
.ns-dl .ns-dl-button:hover{background:#913220;color:#fff}
.ns-dl-hero{background:var(--dl-paper);padding:58px 0 50px}
.ns-dl-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center}
.ns-dl-hero-copy>p:first-of-type{font-size:1.18rem;max-width:53ch;color:var(--dl-muted);margin-bottom:25px}
.ns-dl .ns-dl-source{font-size:.82rem;color:var(--dl-muted);margin:20px 0 0}
.ns-dl-hero-image{min-width:0;margin:0}
.ns-dl-hero-image img{display:block;width:100%;height:390px;object-fit:contain;background:var(--dl-soft)}
.ns-dl figcaption{font-size:.82rem;color:var(--dl-muted);margin-top:12px;line-height:1.4}
.ns-dl-facts{display:flex;justify-content:space-between;gap:22px;border-block:1px solid var(--dl-line);padding-block:25px}
.ns-dl-facts p{margin:0;display:flex;align-items:baseline;gap:12px}
.ns-dl-facts b{font-size:2.4rem;line-height:1;color:var(--dl-accent)}
.ns-dl-facts span{font-size:.94rem}
.ns-dl-band{background:var(--dl-dark);color:#fff;padding:75px 0}
.ns-dl-band-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:6%;align-items:start}
.ns-dl-band-copy{padding-top:20px}
.ns-dl-band-copy p{color:#d6e2e6;font-size:1.07rem}
.ns-dl-app{background:#fff;color:var(--dl-ink);border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #06161d40}
.ns-dl-app-head{padding:15px 22px;background:#eaf0f1;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:.86rem}
.ns-dl-app-head strong{font-size:1rem}
.ns-dl-app-head span{color:var(--dl-muted)}
.ns-dl-app-body{padding:24px}
.ns-dl-app label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px}
.ns-dl-app select,.ns-dl-app input{font-family:inherit;font-size:1rem;border:1px solid #8da4ad;background:#fff;color:var(--dl-ink);border-radius:4px;min-height:45px;padding:9px 12px;width:100%}
.ns-dl-app select{margin-bottom:23px}
.ns-dl-app .ns-dl-hint{font-size:.84rem;color:var(--dl-muted);margin:-13px 0 20px}
.ns-dl-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px}
.ns-dl-inputs label{margin:0}
.ns-dl-inputs input{display:block;margin-top:7px;font-weight:400}
.ns-dl-reset{margin-left:10px;background:transparent;border:0;color:var(--dl-accent);text-decoration:underline;cursor:pointer;font:inherit;padding:10px}
.ns-dl-error{background:#fae7e2;color:#8a2917;padding:12px;margin:16px 0 0}
.ns-dl-result{padding:22px 0;border-bottom:1px solid var(--dl-line)}
.ns-dl-result strong{font-size:1.42rem;display:block;margin:12px 0 3px}
.ns-dl-result p{margin:0;color:var(--dl-muted)}
.ns-dl-wall{height:75px;border-bottom:3px solid #9eb0b7;display:flex;margin-inline:auto;width:100%;justify-content:center;align-items:flex-end;position:relative}
.ns-dl-wall:before,.ns-dl-wall:after{content:"";position:absolute;bottom:-8px;width:2px;height:15px;background:#9eb0b7}
.ns-dl-wall:before{left:0}.ns-dl-wall:after{left:var(--dl-wall-share,100%)}
.ns-dl-panel{height:53px;min-width:5px;background:#b7412a;box-shadow:inset 0 -8px #903522}
.ns-dl-panel[data-dl-middle]{height:65px;background:#d37054}
.ns-dl-gap{height:1px;flex:none}
.ns-dl-wall.is-over{justify-content:flex-start}.ns-dl-wall.is-over .ns-dl-panel{background:#ba392c}
.ns-dl-picked{display:flex;gap:15px;align-items:center;margin:20px 0 0}
.ns-dl-picked img{width:84px;height:84px;object-fit:contain;background:var(--dl-soft);flex:none}
.ns-dl-picked span{font-size:.88rem}
.ns-dl-picked a{font-weight:700}
.ns-dl-grid-head{padding-top:51px;padding-bottom:25px}
.ns-dl-grid-head h2{margin-bottom:9px}
.ns-dl-grid-head p{color:var(--dl-muted)}
.ns-dl-bottom{clear:both}
.ns-dl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-block:86px}
.ns-dl-explain{margin:0;min-width:0}
.ns-dl-explain>div{display:grid;grid-template-columns:30fr 3fr 40fr 3fr 30fr;align-items:end;min-height:180px;gap:0}
.ns-dl-explain span{display:flex;align-items:center;justify-content:center;background:#bb4931;color:#fff;font-weight:700;min-height:130px;text-align:center}
.ns-dl-explain span:nth-child(3){min-height:170px;background:#a83d28}
.ns-dl-explain span:nth-child(2),.ns-dl-explain span:nth-child(4){background:#eaf0f1;min-height:70px}
.ns-dl-steps{background:var(--dl-soft);padding:75px 0}
.ns-dl-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:step;list-style:none;padding:0;margin:0}
.ns-dl-steps li{counter-increment:step;border-top:2px solid var(--dl-accent);padding-top:18px;display:flex;flex-direction:column;gap:7px}
.ns-dl-steps li:before{content:counter(step,decimal-leading-zero);font-size:2rem;font-weight:700;color:var(--dl-accent)}
.ns-dl-steps span{color:var(--dl-muted)}
.ns-dl-cta{text-align:center;background:var(--dl-dark);color:#fff;padding:75px 0}
.ns-dl-cta p{margin-inline:auto;color:#d6e2e6}
.ns-dl-cta p:last-child{font-size:.9rem;margin-top:24px}
.ns-dl-cta p:last-child a{color:#fff}
.ns-dl-faq{padding-block:70px}
.ns-dl-faq details{border-bottom:1px solid var(--dl-line);padding:18px 0}
.ns-dl-faq summary{cursor:pointer;font-weight:700}
.ns-dl-faq details p{margin:12px 0 0}
body.ns-dl-pagina .shop-page-title,body.ns-dl-pagina .category-page-title,body.ns-dl-pagina .term-description,body.ns-dl-pagina .archive-description,body.ns-dl-pagina #shop-sidebar{display:none!important}
body.ns-dl-pagina .shop-container>.row>.col,body.ns-dl-pagina .shop-container>.row>.large-9{max-width:100%;flex-basis:100%}
@media(max-width:849px){.ns-dl-wrap{padding-inline:18px}.ns-dl-hero{padding:38px 0}.ns-dl-hero-grid,.ns-dl-band-grid,.ns-dl-split{grid-template-columns:1fr;gap:28px}.ns-dl h1{font-size:clamp(2.25rem,8vw,3.4rem)}.ns-dl-hero-image img{height:280px}.ns-dl-facts{flex-wrap:wrap}.ns-dl-facts p{min-width:43%}.ns-dl-band,.ns-dl-steps,.ns-dl-cta{padding-block:48px}.ns-dl-split{padding-block:55px}.ns-dl-steps ol{grid-template-columns:1fr;gap:25px}.ns-dl-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ns-dl-inputs{grid-template-columns:1fr 1fr}.ns-dl-app-body{padding:17px}.ns-dl-app-head{padding:13px 17px}.ns-dl-facts b{font-size:2rem}.ns-dl-facts span{font-size:.81rem}.ns-dl-explain span{font-size:.7rem}.ns-dl-picked{align-items:flex-start}.ns-dl-reset{margin-left:0}.ns-dl-facts p{min-width:100%}}
@media(prefers-reduced-motion:reduce){.ns-dl-wall,.ns-dl-panel,.ns-dl-gap{transition:none}}