/* NS Verfwijzer 1.0.0 — post 12573. Wit in plaats van crème, Poppins in plaats van serif, eigen hero met de twee verven,
   Verfwijzer als app-venster in een koele band, prijspeiling, CTA-band. Warm (vermiljoen) = plakkaat, koel (petrol) = acryl. */
body.postid-12573 {
  --ns-12573-color-paper: #fff;
  --ns-12573-font-display: Poppins, system-ui, sans-serif;
  --ns-12573-font-body: Poppins, system-ui, sans-serif;
  --ns-12573-font-label: Poppins, system-ui, sans-serif;
  --pv-ink: #231b17; --pv-zacht: #5c524b; --pv-lijn: #ebe5df; --pv-warm: #c2452d; --pv-koel: #1f6f80; --pv-vlak: #f3f7f8;
}
html body.postid-12573, html body.postid-12573 #main, html body.postid-12573 #content { background: #fff !important; }
body.postid-12573 #post-12573 .entry-content { padding-top: 0 !important; }
body.postid-12573 #post-12573 .entry-content h2, body.postid-12573 #post-12573 .entry-content h3 { font-weight: 700 !important; letter-spacing: -.015em; text-transform: none !important; }
body.postid-12573 #post-12573 .entry-content h2 { font-size: clamp(1.45rem, 1.1rem + 1.2vw, 2rem) !important; line-height: 1.2 !important; }
body.postid-12573 #post-12573 .entry-content h3 { font-size: 1.1rem !important; }

.ns-pv *, .ns-pv *::before, .ns-pv *::after { box-sizing: border-box; }
.ns-pv-hero { max-width: 1120px; margin: 0 auto; padding: clamp(32px, 5vw, 64px) 0 clamp(28px, 4vw, 48px); }
.ns-pv-hero-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.ns-pv-kicker { font-size: .82rem !important; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pv-koel) !important; margin: 0 0 .6rem !important; }
html body.postid-12573 #post-12573 .ns-pv-hero h1 { font-family: Poppins, system-ui, sans-serif; font-size: clamp(2rem, 1.3rem + 2.5vw, 3.1rem); line-height: 1.08; font-weight: 700; letter-spacing: -.03em; margin: 0 0 1rem; color: var(--pv-ink); max-width: 20ch; }
.ns-pv-lead p { font-size: clamp(1.02rem, 1rem + .25vw, 1.12rem); max-width: 62ch; }
.ns-pv-meta { font-size: .86rem; color: var(--pv-zacht); margin: 0 !important; }
html body.postid-12573 #post-12573 .ns-pv-hero .ns2-paint-verdict { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0 !important; max-width: none !important; }
html body.postid-12573 #post-12573 .ns-pv-hero .ns2-paint-verdict section { padding: 22px 0 22px 22px; border-left: 6px solid var(--pv-warm); background: none !important; }
html body.postid-12573 #post-12573 .ns-pv-hero .ns2-paint-verdict section + section { border-left-color: var(--pv-koel); border-top: 1px solid var(--pv-lijn); }
html body.postid-12573 #post-12573 .ns-pv-hero .ns2-paint-verdict h2 { margin: 0 0 4px !important; font-size: 1.5rem !important; }
.ns-pv-hero .ns2-paint-verdict p { margin: 0 !important; color: var(--pv-zacht); }

/* Verfwijzer-band */
.ns-pv-band { position: relative; width: 100vw; left: 50%; margin-left: -50vw; background: var(--pv-vlak); padding: clamp(44px, 6vw, 80px) 24px; }
.ns-pv-band-kop { max-width: 760px; margin: 0 auto; text-align: center; }
html body.postid-12573 #post-12573 .ns-pv-band-kop h2 { margin-top: 0 !important; }
.ns-pv-tool { max-width: 1040px; margin: 24px auto 0; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -30px rgba(35,27,23,.4), 0 0 0 1px rgba(35,27,23,.07); overflow: hidden; }
.ns-pv-balk { display: flex; align-items: center; gap: 7px; padding: 12px 18px; background: #f8f6f4; border-bottom: 1px solid var(--pv-lijn); font-size: .85rem; }
.ns-pv-balk i { width: 11px; height: 11px; border-radius: 50%; background: #e07a5f; }
.ns-pv-balk i:nth-child(2) { background: #e9c46a; } .ns-pv-balk i:nth-child(3) { background: #81b29a; }
.ns-pv-balk span { font-weight: 700; margin-left: 8px; }
.ns-pv-balk em { margin-left: auto; font-style: normal; color: var(--pv-zacht); }
.ns-pv-in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(18px, 3vw, 40px); padding: clamp(16px, 2.6vw, 28px); align-items: start; }
.ns-pv-vragen { display: grid; gap: 14px; }
.ns-pv-groep { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.ns-pv-groep > span { width: 100%; font-weight: 600; font-size: .92rem; }
html body .ns-pv-groep button { min-height: 38px; padding: 0 14px; border-radius: 999px; border: 0; background: #f1ece7; color: var(--pv-ink); font: inherit; font-size: .88rem; font-weight: 600; text-transform: none; letter-spacing: 0; margin: 0; cursor: pointer; transition: background-color .18s ease, color .18s ease; }
html body .ns-pv-groep button[aria-pressed="true"] { background: var(--pv-ink); color: #fff; }
html body .ns-pv-groep button:focus-visible, html body .ns-pv-knop:focus-visible { outline: 3px solid var(--pv-koel); outline-offset: 2px; }
.ns-pv-uit { padding: 18px 20px; border-radius: 12px; background: #fbf6f2; border-left: 6px solid var(--pv-warm); transition: border-color .25s ease, background-color .25s ease; }
[data-soort="Acrylverf"] .ns-pv-uit, [data-soort="Acrylgouache"] .ns-pv-uit { background: #f0f6f7; border-left-color: var(--pv-koel); }
.ns-pv-label { font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--pv-zacht); margin: 0 !important; }
.ns-pv-soort { font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; margin: 0 0 6px !important; }
.ns-pv-waarom { margin: 0 0 8px !important; }
.ns-pv-let { font-size: .9rem; color: #8a3b22; margin: 0 0 8px !important; }
.ns-pv-prijs p { margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid var(--pv-lijn); font-size: .9rem; }
.ns-pv-prijs b { display: block; }
.ns-pv-prijs span { color: var(--pv-zacht); }

/* prijspeiling */
.ns-pv-peilband { position: relative; width: 100vw; left: 50%; margin: clamp(48px, 6vw, 80px) 0 0 -50vw; padding: 0 24px; }
.ns-pv-peil-in { max-width: 1120px; margin: 0 auto; }
html body.postid-12573 #post-12573 .ns-pv-peil-in > h2 { margin-top: 0 !important; }
.ns-pv-peil-in > p { max-width: 70ch; }
.ns-pv-peiling { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 36px); margin-top: 18px; }
.ns-pv-peiling .ns-pv-klein { grid-column: 1 / -1; font-size: .82rem; color: var(--pv-zacht); }
html body.postid-12573 #post-12573 .ns-pv-groepje h3 { margin: 0 0 10px !important; padding-bottom: 8px; border-bottom: 2px solid var(--pv-ink); }
.ns-pv-groepje h3 span { font-weight: 400; font-size: .82rem; color: var(--pv-zacht); }
.ns-pv-groepje ol { list-style: none; margin: 0 !important; padding: 0 !important; }
.ns-pv-groepje li { margin: 0 !important; padding: 8px 0; border-bottom: 1px solid var(--pv-lijn); display: grid; grid-template-columns: minmax(0, 1fr) 4.8rem; gap: 4px 10px; align-items: center; }
.ns-pv-p { grid-column: 1 / -1; font-size: .86rem; line-height: 1.35; }
.ns-pv-p em { font-style: normal; color: var(--pv-zacht); margin-left: 6px; font-size: .8rem; }
.ns-pv-bar { height: 8px; background: #f1ece7; border-radius: 4px; }
.ns-pv-bar i { display: block; height: 100%; border-radius: 4px; background: var(--pv-warm); }
.ns-pv-bar i.is-gouache { background: #8b5e9e; }
.ns-pv-bar i.is-acrylverf { background: var(--pv-koel); }
.ns-pv-groepje li b { text-align: right; font-variant-numeric: tabular-nums; font-size: .9rem; }

/* CTA */
.ns-pv-cta { max-width: 1120px; margin: clamp(48px, 6vw, 80px) auto 0; background: var(--pv-ink); color: #ece4dc; border-radius: 14px; padding: clamp(28px, 4vw, 48px); display: grid; grid-template-columns: minmax(0, 1.3fr) auto; gap: 24px; align-items: center; }
html body.postid-12573 #post-12573 .ns-pv-cta h2 { color: #fff !important; margin-top: 0 !important; }
.ns-pv-cta p { margin: 0 !important; color: #d7cdc3; }
.ns-pv-knoppen { display: flex; flex-wrap: wrap; gap: 12px; }
html body .ns-pv .ns-pv-knop { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #f0a58f; color: #2a120b !important; font-weight: 700; text-decoration: none; }
html body .ns-pv .ns-pv-knop.ns-pv-knop-licht { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.5); }

@media (max-width: 849px) {
  .ns-pv-hero-in, .ns-pv-in, .ns-pv-peiling, .ns-pv-cta { grid-template-columns: minmax(0, 1fr); }
  .ns-pv-balk em { display: none; }
}
@media (max-width: 560px) {
  .ns-pv-band, .ns-pv-peilband { padding-left: 24px; padding-right: 24px; }
  .ns-pv-in { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.postid-12573 *, body.postid-12573 *::before, body.postid-12573 *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}