/* NS Halloween: zoek een echt motief in de winkelcatalogus; warm oranje op bestaand NS-navy. */
.ns-h{--h-ink:#183047;--h-deep:#142a38;--h-orange:#b64027;--h-orange-hover:#91331f;--h-white:#fff;--h-soft:#f2f5f6;--h-line:#cbd5da;--h-muted:#4b626c;--h-light:#dfe9ed;color:var(--h-ink);font-family:Poppins,Arial,Helvetica,sans-serif;line-height:1.55}
.ns-h *{box-sizing:border-box}
.ns-h-wrap{max-width:1190px;margin-inline:auto;padding-inline:24px}
.ns-h h1,.ns-h h2,.ns-h p,.ns-h figure{margin-top:0}
.ns-h h1,.ns-h h2{font-family:Poppins,Arial,Helvetica,sans-serif;color:var(--h-ink)!important;letter-spacing:-.035em;line-height:1.12;overflow-wrap:break-word}
.ns-h h1{font-size:clamp(2.25rem,4vw,4.25rem);max-width:13ch;margin-bottom:21px}
.ns-h h2{font-size:clamp(1.7rem,2.8vw,2.75rem);margin-bottom:18px}
.ns-h p{font-size:1rem;max-width:65ch}
.ns-h a{color:var(--h-orange)}
.ns-h a:focus-visible,.ns-h button:focus-visible,.ns-h input:focus-visible,.ns-h summary:focus-visible{outline:3px solid var(--h-orange);outline-offset:3px}
.ns-h .ns-h-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:var(--h-orange);color:var(--h-white);font-weight:700;text-decoration:none;border-radius:4px}
.ns-h .ns-h-button:hover{background:var(--h-orange-hover);color:var(--h-white)}
.ns-h-hero{background:var(--h-white);padding-block:50px 54px}
.ns-h-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center}
.ns-h-kicker{color:var(--h-orange);font-size:.9rem!important;font-weight:700;margin-bottom:12px}
.ns-h-hero-copy>p:nth-of-type(2){font-size:1.17rem;color:var(--h-muted);max-width:52ch;margin-bottom:25px}
.ns-h .ns-h-note{font-size:.82rem;color:var(--h-muted);margin:20px 0 0}
.ns-h-hero-media{min-width:0;margin:0}
.ns-h-hero-media img{display:block;width:100%;height:370px;object-fit:contain;background:var(--h-soft)}
.ns-h figcaption{font-size:.82rem;color:var(--h-muted);line-height:1.45;margin-top:11px}
.ns-h-numbers{display:flex;justify-content:space-between;gap:24px;padding-block:25px;border-block:1px solid var(--h-line)}
.ns-h-numbers p{display:flex;align-items:baseline;gap:11px;margin:0;max-width:30%}
.ns-h-numbers strong{font-size:2.25rem;line-height:1;color:var(--h-orange)}
.ns-h-numbers span{font-size:.85rem}
.ns-h-tool-band{background:var(--h-deep);color:var(--h-white);padding-block:70px;box-shadow:0 0 0 100vmax var(--h-deep);clip-path:inset(0 -100vmax)}
.ns-h-tool-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6%;align-items:start}
.ns-h-tool-copy{padding-top:17px}
.ns-h-tool-copy h2,.ns-h-cta h2{color:#fff!important}
.ns-h-tool-copy p{color:var(--h-light);font-size:1.04rem}
.ns-h-app{background:var(--h-white);color:var(--h-ink);border-radius:7px;overflow:hidden}
.ns-h-app-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 21px;background:var(--h-soft);border-bottom:1px solid var(--h-line);font-size:.85rem}
.ns-h-app-top strong{font-size:1rem}
.ns-h-app-top span{color:var(--h-muted)}
.ns-h-app-body{padding:23px}
.ns-h-motifs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:19px}
.ns-h-motifs button{border:1px solid var(--h-line);background:var(--h-white);color:var(--h-ink);border-radius:3px;padding:10px 5px;min-height:52px;cursor:pointer;font:inherit;font-size:.83rem;font-weight:700}
.ns-h-motifs button[aria-pressed=true]{background:var(--h-deep);color:var(--h-white);border-color:var(--h-deep)}
.ns-h-motifs button:hover:not([aria-pressed=true]){background:var(--h-soft)}
.ns-h-motifs button span{font-weight:400;margin-left:3px}
.ns-h-app label{display:block;font-weight:700;font-size:.85rem;margin-bottom:7px;color:var(--h-ink)!important}
.ns-h-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.ns-h-search-row input{width:100%;min-width:0;border:1px solid #91a5ae;border-radius:3px;background:var(--h-white);color:var(--h-ink);font:inherit;font-size:1rem;padding:10px;min-height:46px}
.ns-h-search-row button{background:var(--h-orange);color:var(--h-white);border:0;border-radius:3px;font:inherit;font-weight:700;cursor:pointer;padding:9px 14px}
.ns-h-search-row button:last-child{background:transparent;color:var(--h-orange);text-decoration:underline}
.ns-h-search-row button:hover:first-of-type{background:var(--h-orange-hover)}
.ns-h-status{color:var(--h-muted);font-size:.85rem!important;margin:18px 0 11px}
.ns-h-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ns-h-result{display:flex;gap:11px;align-items:center;min-width:0;padding:9px;border:1px solid var(--h-line);background:var(--h-white)}
.ns-h-result img{width:78px;height:88px;object-fit:contain;background:var(--h-soft);flex:none}
.ns-h-result div{min-width:0;display:flex;flex-direction:column;gap:5px}
.ns-h-result strong{font-size:.84rem;line-height:1.25;overflow-wrap:break-word}
.ns-h-result a{font-size:.78rem;font-weight:700;line-height:1.3}
.ns-h-more{display:block;margin:15px auto 0;background:transparent;border:0;color:var(--h-orange);text-decoration:underline;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;padding:7px}
.ns-h-more[hidden]{display:none}
.ns-h-app-limit{border-top:1px solid var(--h-line);margin:21px 0 0;padding-top:14px;font-size:.78rem!important;color:var(--h-muted)}
.ns-h-grid-intro{padding-block:45px 20px}
.ns-h-grid-intro h2{margin-bottom:8px}
.ns-h-grid-intro p{color:var(--h-muted)}
.ns-h-bottom{clear:both}
.ns-h-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center;padding-block:75px}
.ns-h-split p{color:var(--h-muted)}
.ns-h-compare{min-width:0;margin:0}
.ns-h-compare>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.ns-h-compare img{width:100%;height:250px;object-fit:contain;background:var(--h-soft)}
.ns-h-steps{background:var(--h-soft);padding-block:68px;box-shadow:0 0 0 100vmax var(--h-soft);clip-path:inset(0 -100vmax)}
.ns-h-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:h-step;list-style:none;padding:0;margin:0}
.ns-h-steps li{counter-increment:h-step;display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--h-orange);padding-top:16px}
.ns-h-steps li:before{content:counter(h-step,decimal-leading-zero);font-size:2rem;font-weight:700;color:var(--h-orange)}
.ns-h-steps li span{color:var(--h-muted);font-size:.9rem}
.ns-h-cta{text-align:center;background:var(--h-deep);color:var(--h-white);padding-block:70px;box-shadow:0 0 0 100vmax var(--h-deep);clip-path:inset(0 -100vmax)}
.ns-h-cta p{margin-inline:auto;color:var(--h-light)}
.ns-h-cta p:last-child{font-size:.86rem;margin-top:22px}
.ns-h-cta p:last-child a{color:#fff}
.ns-h-faq{padding-block:65px}
.ns-h-faq details{border-bottom:1px solid var(--h-line);padding:16px 0}
.ns-h-faq summary{cursor:pointer;font-weight:700}
.ns-h-faq details p{margin:12px 0 0;color:var(--h-muted)}
body.ns-h-pagina .shop-page-title,body.ns-h-pagina .category-page-title,body.ns-h-pagina .term-description,body.ns-h-pagina .archive-description,body.ns-h-pagina #shop-sidebar{display:none!important}
body.ns-h-pagina .category-page-row>.large-3{display:none!important}
body.ns-h-pagina .category-page-row>.large-9{max-width:100%!important;flex-basis:100%!important;width:100%!important}
@media(max-width:849px){.ns-h-wrap{padding-inline:18px}.ns-h-hero{padding-block:36px}.ns-h-hero-grid,.ns-h-tool-grid,.ns-h-split{grid-template-columns:1fr;gap:27px}.ns-h-hero-media img{height:280px}.ns-h-numbers{flex-wrap:wrap}.ns-h-numbers p{min-width:42%;max-width:46%}.ns-h-tool-band,.ns-h-steps,.ns-h-cta{padding-block:48px}.ns-h-split{padding-block:55px}.ns-h-steps ol{grid-template-columns:1fr;gap:23px}}
@media(max-width:500px){.ns-h h1{font-size:2.05rem;max-width:none}.ns-h-app-body{padding:16px}.ns-h-app-top{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:3px}.ns-h-motifs{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-h-results{grid-template-columns:1fr}.ns-h-numbers p{min-width:100%;max-width:100%}.ns-h-search-row{grid-template-columns:minmax(0,1fr) auto}.ns-h-search-row button:last-child{grid-column:2}.ns-h-compare img{height:180px}}
@media(prefers-color-scheme:dark){.ns-h{--h-ink:#e9f0f3;--h-deep:#0e202b;--h-white:#172b36;--h-soft:#233b47;--h-line:#5d7480;--h-muted:#c5d4da;--h-light:#dfe9ed;--h-orange:#e48160;--h-orange-hover:#b9482b}.ns-h-hero{background:var(--h-white)}.ns-h-numbers,.ns-h-grid-intro,.ns-h-split,.ns-h-faq{background:var(--h-white);box-shadow:0 0 0 100vmax var(--h-white);clip-path:inset(0 -100vmax)}.ns-h-app,.ns-h-result,.ns-h-motifs button,.ns-h-search-row input{background:var(--h-white)}.ns-h-motifs button[aria-pressed=true]{background:#e48160;color:#101f28}.ns-h .ns-h-button,.ns-h-search-row button:first-of-type{color:#101f28}}
@media(prefers-reduced-motion:reduce){.ns-h *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
