/* Gedeelde BKC-oriëntatiestijl. Alleen geladen op de expliciet toegestane publieke routes. */
:root{--bkc-paper:#fbfaf7;--bkc-ink:#142331;--bkc-muted:#505b61;--bkc-green:#28633b;--bkc-line:#dedfd7;--bkc-soft:#eaf0e5}
.pdp-wrap .bkc-uitvoering{margin:32px 0;min-width:0}
.pdp-wrap .bkc-uitvoering h2{font-size:1.4rem}
.pdp-wrap .bkc-uitvoering .pdp-specs{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top:16px}
.bkc-specificatie-details dl>div{padding:12px 0;border-bottom:1px solid var(--bkc-line)}
.bkc-specificatie-details dt{font-weight:600}
.bkc-specificatie-details dd{margin:4px 0 0;overflow-wrap:anywhere}
.bkc-specificatie-details small{display:block;font-size:.75rem;margin-top:4px}
:is(.hp main,.vh-page,.bvc-page,.pdp-wrap){color:var(--bkc-ink);--groen:var(--bkc-green);--groen-dark:#1d4a2c;--muted:var(--bkc-muted);--grijs-rand:var(--bkc-line);--blauw:var(--bkc-green)}
body:has(.pdp-wrap){background:var(--bkc-paper)}
:is(.hp main,.vh-page,.bvc-page,.pdp-wrap) :is(h1,h2,h3){color:var(--bkc-ink)}
:is(.hp main,.vh-page,.bvc-page,.pdp-wrap) :is(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid var(--bkc-green);outline-offset:4px}
:is(.hp main,.pdp-wrap) .btn{min-height:44px;border-radius:6px;box-shadow:none;line-height:1.4;white-space:normal}
:is(.hp main,.pdp-wrap) .btn-primary{background:var(--bkc-green);color:#fff;border-color:var(--bkc-green)}
:is(.hp main,.pdp-wrap) .btn-primary:hover{background:#1d4a2c;box-shadow:none;transform:none}
:is(.hp main,.pdp-wrap) .btn-outline-groen{background:#fff;color:var(--bkc-green);border:1px solid #789681}
:is(.hp main,.pdp-wrap) a:not(.btn){color:var(--bkc-green);text-underline-offset:4px}
:is(.hp main,.pdp-wrap) .bkc-details{border-block:1px solid var(--bkc-line);margin:16px 0;background:transparent;font-size:.85rem}
.bkc-details>summary{cursor:pointer;padding:14px 0;color:var(--bkc-ink);font-weight:600;line-height:1.5;min-height:44px}
.bkc-details-body{padding:4px 0 16px;line-height:1.7;overflow-wrap:anywhere}.bkc-details-body p{margin:0 0 12px}.bkc-details-body p:last-child{margin:0}
.vh-page{--vh-paper:var(--bkc-paper);--vh-ink:var(--bkc-ink);--vh-green:var(--bkc-green);--vh-muted:var(--bkc-muted);--vh-line:var(--bkc-line);--vh-soft:var(--bkc-soft)}
.bvc-page{background:var(--bkc-paper);font-size:14px}.bvc-page .bvc-hero{background:var(--bkc-soft);border-color:var(--bkc-line)}.bvc-page .bvc-hero-image:after{background:linear-gradient(90deg,var(--bkc-soft),transparent 32%)}.bvc-page .bvc-hero-copy h1{font:700 clamp(2.1rem,3.8vw,3.4rem)/1.12 var(--font-serif);letter-spacing:-.035em}.bvc-page h2{font-family:var(--font-serif);font-size:1.6rem}.bvc-page .bvc-product-heading h3{font-family:var(--font-serif);font-size:1.15rem;line-height:1.25}.bvc-page .bvc-start-choice,.bvc-page .bvc-card,.bvc-page .bvc-filters{box-shadow:none;border-color:var(--bkc-line);border-radius:8px}.bvc-page .bvc-start-section{background:#fff}.bvc-page .bvc-start-intro h2{font-size:1.5rem}.bvc-page .bvc-start-choice{background:#fff}.bvc-page .bvc-type,.bvc-page .bvc-tags span{background:#edf1e9;color:#365849}.bvc-page .bvc-selection{background:#f0f4ed;border-color:#789681;box-shadow:0 -2px 8px #1423310c}.bvc-page .bvc-primary{background:var(--bkc-green);color:#fff}.bvc-page .bvc-secondary{color:var(--bkc-green);border-color:#789681}.bvc-page .bvc-detail>summary{background:var(--bkc-green);border-color:var(--bkc-green);color:#fff}.bvc-page .bvc-selected-item{border-color:#cbd8c8}.bvc-page .bvc-image-caption{box-shadow:none;border-color:var(--bkc-line)}
.pdp-wrap{max-width:1184px;padding:0 24px;--grijs-bg:var(--bkc-paper);--groen-licht:var(--bkc-soft)}.pdp-wrap .pdp-hero{gap:40px;margin-top:28px}.pdp-wrap h1{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.14;letter-spacing:-.035em}.pdp-wrap h2{font-family:var(--font-serif);letter-spacing:-.025em}.pdp-wrap .pdp-hero-sub{color:var(--bkc-muted);font-size:1rem;line-height:1.65;max-width:58ch}.pdp-wrap :is(.pdp-prijsblok,.pdp-foto,.pdp-spec,.pdp-paneel,.pdp-pm-kaart,.pdp-vgl-card){background:#fff;border:1px solid var(--bkc-line);border-radius:8px;box-shadow:none}.pdp-wrap .pdp-prijsblok{padding:20px;background:#f0f4ed}.pdp-wrap .pdp-prijsblok .pdp-bedrag{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--bkc-ink);line-height:1.25;overflow-wrap:break-word}.pdp-wrap .pdp-prijsblok .pdp-meta{color:var(--bkc-muted);line-height:1.6}.pdp-wrap .pdp-foto{height:320px}.pdp-wrap .pdp-foto img{object-fit:contain;height:100%;width:100%}.pdp-wrap .pdp-chips li{background:#edf1e9;color:#365849;border-color:var(--bkc-line)}.pdp-wrap .pdp-rij3{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.pdp-wrap .pdp-paneel{padding:24px}.pdp-wrap .pdp-paneel h2{font-size:1.35rem;margin-bottom:16px}.pdp-wrap .bkc-kleine-tekst{font-size:.79rem;line-height:1.7;color:var(--bkc-muted);margin:12px 0}.pdp-wrap .bkc-product-voorwaarde{font-size:.77rem;color:#76511f;line-height:1.65;margin:12px 0 0}.pdp-wrap .pdp-specs{gap:12px}.pdp-wrap .pdp-spec{padding:16px 12px}.pdp-wrap .pdp-spec-lbl{color:var(--bkc-muted);font-size:.7rem;line-height:1.5}.pdp-wrap .pdp-spec-val{line-height:1.4}.pdp-wrap .pdp-vgl-card:hover{box-shadow:none;border-color:#789681}.pdp-wrap .bkc-shop{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:14px 0;border-bottom:1px solid var(--bkc-line);font-size:.85rem;text-decoration:none}.bkc-shop small{display:block;font-size:.71rem;color:var(--bkc-muted);margin-top:4px}.bkc-shop strong{white-space:nowrap}.pdp-wrap .pdp-vgl-prijs{font-size:.82rem;line-height:1.55}.pdp-wrap .pdp-pm{gap:20px}.pdp-wrap .pdp-pm-kaart{padding:24px}.pdp-wrap .pdp-pm-kaart h2{font-size:1.35rem}.pdp-wrap .pdp-breadcrumb a{color:var(--bkc-green)}
@media(max-width:767px){.pdp-wrap{padding:0 20px}.pdp-wrap .pdp-hero{gap:24px}.pdp-wrap .pdp-prijsblok{padding:16px}.pdp-wrap .pdp-paneel,.pdp-wrap .pdp-pm-kaart{padding:20px}.pdp-wrap .pdp-foto{height:260px}.bvc-page h2{font-size:1.4rem}.bvc-page .bvc-hero-copy h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){:is(.hp main,.vh-page,.bvc-page,.pdp-wrap) *{transition:none!important;scroll-behavior:auto}}

.pdp-wrap .pdp-hero>*{min-width:0}.pdp-wrap .pdp-foto{width:100%;min-width:0;aspect-ratio:auto}.bvc-page .bvc-start{background:#fff;border-color:var(--bkc-line)}.bvc-page .bvc-checked-route{border-color:var(--bkc-line)}
