.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kruimel { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 24px; font-size: 14px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kruimel a { color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kruimel a:hover { color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kruimel i { font-style: normal; color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kruimel [aria-current] { color: var(--hlp-inkt); font-weight: 500; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-melding { margin-top: 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-boven { display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 56px; padding-top: 24px; align-items: start; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i { position: relative; margin: 0; border-radius: 14px; overflow: hidden; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i img { display: block; width: 100%; aspect-ratio: 560 / 460; object-fit: cover; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-eerste { grid-column: 1 / -1; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-eerste img { aspect-ratio: 1120 / 760; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i figcaption { position: absolute; left: 14px; bottom: 12px; height: 28px; padding: 0 10px; border-radius: 6px; background: rgba(255, 255, 255, .92); font-size: 13.5px; font-weight: 500; display: flex; align-items: center; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-koop { display: flex; flex-direction: column; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kicker { display: block; font-size: 14.5px; font-weight: 600; color: var(--hlp-knop); margin-bottom: 12px; letter-spacing: .005em; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-koop > .hlp-kicker { margin-bottom: 10px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-titel { margin: 0; font-size: 36px; line-height: 1.1; font-weight: 600; letter-spacing: -.025em; font-stretch: 92%; text-wrap: balance; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sub { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; font-size: 15px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); font-variant-numeric: tabular-nums; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-score { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-score b { color: var(--hlp-inkt); font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sterren { display: inline-flex; gap: 2px; color: #f2a51a; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-prijs { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-prijs > b { font-size: 38px; font-weight: 600; letter-spacing: -.025em; line-height: 1; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-prijs > span { font-size: 15px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-blok { margin-top: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-l { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 12px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-l > b { font-weight: 600; font-size: 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-l > span { font-size: 14.5px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); text-align: right; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maat { display: flex; flex-direction: column; align-items: center; padding: 9px 4px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 8px; line-height: 1.3; color: var(--hlp-inkt); text-decoration: none; background: #fff; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maat:hover { border-color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maat b { font-weight: 600; font-size: 15.5px; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maat small { font-size: 13px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maat.is-aan { border-color: var(--hlp-inkt); box-shadow: inset 0 0 0 1px var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-link { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; color: var(--hlp-knop); text-decoration: none; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-link:hover { color: var(--h-knop2, color-mix(in srgb, var(--winkel-accent) 82%, #000)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-reken { margin-top: 14px; font-size: 15px; align-self: flex-start; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-koopvorm { display: flex; flex-direction: column; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen { display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 6px 14px 6px 6px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 10px; cursor: pointer; background: #fff; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm:hover { border-color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm input { position: absolute; opacity: 0; pointer-events: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm img, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm-leeg { width: 64px; height: 48px; object-fit: cover; border-radius: 6px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm-t { display: flex; flex-direction: column; line-height: 1.3; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm-t b { font-weight: 600; font-size: 15px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm-t small { font-size: 13px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); font-variant-numeric: tabular-nums; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm em { font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm.is-aan, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm:has(input:checked) { border-color: var(--hlp-inkt); box-shadow: inset 0 0 0 1px var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm:has(input:focus-visible) { outline: 2px solid var(--hlp-knop); outline-offset: 2px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doe { display: flex; gap: 12px; margin-top: 26px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doe .teller.hlp-teller { height: 56px; flex: 0 0 116px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doe .hlp-knop { flex: 1; height: 56px; margin: 0; border-radius: 8px; font-size: 17px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-voorraad { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; font-weight: 500; color: var(--h-groen, #3f8a22); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-voorraad i { width: 8px; height: 8px; border-radius: 50%; background: #46a12a; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-voorraad.is-nee { color: var(--h-let, #9a5300); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-voorraad.is-nee i { background: var(--h-let, #9a5300); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev { margin-top: 20px; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-i { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--hlp-lijn); color: var(--hlp-knop); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-i svg { flex: 0 0 auto; margin-top: 1px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-i > span { display: flex; flex-direction: column; line-height: 1.4; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-i b { font-weight: 600; font-size: 15.5px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-i small { font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-link { color: var(--hlp-knop); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-lev-link:hover { color: var(--h-knop2, color-mix(in srgb, var(--winkel-accent) 82%, #000)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-jan { display: flex; gap: 14px; align-items: center; margin-top: 20px; padding: 16px; border-radius: 12px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-jan img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-jan > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-jan b { font-weight: 600; font-size: 15.5px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-jan small { font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs { display: flex; gap: 36px; margin-top: 64px; border-bottom: 1px solid var(--hlp-lijn); font-size: 16px; font-weight: 500; overflow-x: auto; scrollbar-width: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs a { position: relative; padding: 16px 0; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); text-decoration: none; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs a:hover { color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs a.is-aan { color: var(--hlp-inkt); font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs a.is-aan::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sectie { padding-top: 104px; scroll-margin-top: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving { margin-top: 0; max-width: 820px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving .pdp-verhaal-tekst { font-size: 16px; line-height: 1.65; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving .pdp-verhaal-tekst h3 { margin: 28px 0 8px; font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving .pdp-verhaal-tekst strong { color: var(--ink); font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving .pdp-verhaal-tekst > :first-child { margin-top: 0; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sectie:has(> .hlp-omschrijving) > .hlp-skop { margin-bottom: 12px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-tabs + .hlp-sectie { padding-top: 64px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop { display: flex; align-items: flex-end; gap: 40px; margin-bottom: 40px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop-l { max-width: 760px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-h2 { margin: 0; font-size: 38px; line-height: 1.08; font-weight: 600; letter-spacing: -.025em; font-stretch: 92%; text-wrap: balance; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-h3 { margin: 0 0 6px; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.012em; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop-p { margin: 14px 0 0; font-size: 18px; line-height: 1.55; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop-r { margin-left: auto; flex: 0 0 auto; padding-bottom: 4px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-inhoud { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-inhoud[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel { display: flex; flex-direction: column; gap: 3px; line-height: 1.4; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel-beeld { position: relative; display: block; border-radius: 12px; overflow: hidden; margin-bottom: 12px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel-beeld img { display: block; width: 100%; aspect-ratio: 420 / 320; object-fit: contain; mix-blend-mode: multiply; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel-beeld i { position: absolute; left: 12px; top: 12px; font-style: normal; font-size: 14px; font-weight: 600; background: #fff; border-radius: 6px; padding: 2px 8px; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel b { font-weight: 600; font-size: 17px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-deel small { font-size: 14.5px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-artnr { display: block; margin-top: 4px; font-size: 13px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin { display: grid; grid-template-columns: minmax(0, 560fr) minmax(0, 760fr); gap: 56px; align-items: center; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin-foto { margin: 0; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin-beeld { position: relative; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin-beeld img { display: block; width: 100%; height: auto; border-radius: 14px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin-foto figcaption { margin-top: 10px; font-size: 13.5px; line-height: 1.4; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin .hlp-skop { margin-bottom: 20px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-twee { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-twee .hlp-skop { margin-bottom: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs { margin: 0; display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs > div { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--hlp-lijn); font-size: 15.5px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs dt { color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs dd { margin: 0; font-weight: 500; overflow-wrap: break-word; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm { display: flex; flex-direction: column; gap: 14px; padding-top: 4px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.45; font-size: 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm li svg { flex: 0 0 auto; margin-top: 2px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-plus svg { color: var(--h-groen, #3f8a22); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-min svg { color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-min { padding-top: 14px !important; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-docs { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doc { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1.5px solid var(--hlp-lijn); border-radius: 10px; color: var(--hlp-knop); text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doc:hover { border-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doc > span { flex: 1; display: flex; flex-direction: column; line-height: 1.35; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doc b { font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stappen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap { margin: 0; display: flex; flex-direction: column; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; margin-bottom: 14px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap figcaption { display: flex; flex-direction: column; gap: 3px; line-height: 1.45; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap-nr { font-size: 14px; font-weight: 600; color: var(--hlp-knop); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap b { font-weight: 600; font-size: 17px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stap small { font-size: 14.5px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kaarten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mts { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; line-height: 1.35; color: var(--hlp-inkt); text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt-beeld { display: block; width: 100%; border-radius: 10px; overflow: hidden; background: var(--h-vlak, var(--wash2, #eef2f3)); margin-bottom: 12px; outline: 2px solid transparent; outline-offset: -2px; transition: outline-color .2s; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt-beeld img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt.is-aan .hlp-mt-beeld { outline-color: var(--hlp-knop); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt:hover .hlp-mt-beeld { outline-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt b { font-size: 17px; font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt > span:not(.hlp-mt-beeld) { font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); font-variant-numeric: tabular-nums; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt small { font-size: 13.5px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt em { font-style: normal; font-weight: 600; margin-top: 6px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt.is-aan b { color: var(--hlp-knop); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-raster { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 72px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-raster .hlp-skop { margin-bottom: 24px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-knop-rand { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; border-radius: 8px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); background: #fff; color: var(--hlp-inkt); font-weight: 600; font-size: 16px; text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-knop-rand:hover { border-color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq { border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i { border-bottom: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 21px 0; font-size: 17.5px; font-weight: 600; cursor: pointer; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i summary::-webkit-details-marker { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i summary svg { flex: 0 0 auto; transition: transform .2s; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i[open] summary svg { transform: rotate(180deg); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-i p { margin: 0; padding: 0 0 22px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); max-width: 78ch; font-size: 16px; line-height: 1.65; }
@media (max-width: 1023px) {
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-boven { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal { grid-template-columns: repeat(4, 72%); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i { scroll-snap-align: start; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-eerste { grid-column: auto; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i img, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-eerste img { aspect-ratio: 4 / 3; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-titel { font-size: 30px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sub { flex-wrap: wrap; gap: 6px 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-inhoud, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-stappen, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kaarten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-twee, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-faq-raster { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erin { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mts { grid-template-columns: repeat(8, 40%); overflow-x: auto; scrollbar-width: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-sectie { padding-top: 64px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-h2 { font-size: 30px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop-r { margin-left: 0; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specs > div { grid-template-columns: 140px minmax(0, 1fr); }
}
@media (max-width: 520px) {
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-maten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal { grid-template-columns: repeat(4, 86%); }
}
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp .hlp-koopvorm { background: none; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kaarten .shop-kaart { display: flex; flex-direction: column; }
@media (max-width: 1023px) {
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--nova-zij)); padding-inline: var(--nova-zij); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i { flex: 0 0 86%; scroll-snap-align: center; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-i img, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-gal-eerste img { aspect-ratio: 4 / 3; }
}
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-skop-r { font-size: 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-mt em, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm em { font-size: 16px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm { padding-top: 0; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-pm > .hlp-h3 + .hlp-plus { margin-top: -14px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-geenfoto { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; border-radius: 14px; background: var(--h-vlak, var(--wash2, #eef2f3)); color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); font-size: 15px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-kort { margin: 16px 0 0; font-size: 16px; line-height: 1.55; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 10px 6px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 10px; line-height: 1.3; text-align: center; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm :is(img, .hlp-vorm-leeg) { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm-t { align-items: center; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm-t b { font-size: 15.5px; font-weight: 600; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm-t small { font-size: 13px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); font-variant-numeric: tabular-nums; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vormen.is-tegels .hlp-vorm > em { margin-top: 4px; font-size: 14.5px; font-weight: 600; font-style: normal; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-opties { display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 8px 14px 8px 8px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 10px; cursor: pointer; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o:hover { border-color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o:has(input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 25%, transparent); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o input, .winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-zonder input { position: absolute; opacity: 0; pointer-events: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o :is(img, .hlp-vorm-leeg) { width: 72px; height: 58px; object-fit: cover; border-radius: 6px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-t { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-t b { font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-t small { font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o > em { font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-zonder { position: relative; align-self: flex-start; font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-zonder:has(input:checked) { color: var(--ink); font-weight: 600; text-decoration: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-zonder:has(input:checked)::before { content: "✓ "; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij.is-meer .hlp-erbij-o { grid-template-columns: 22px 72px minmax(0, 1fr) auto; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-vink { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1.5px solid var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: 6px; background: #fff; color: transparent; transition: background .15s, border-color .15s; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-o:has(input:checked) .hlp-erbij-vink { background: var(--winkel-koop, var(--winkel-accent)); border-color: var(--winkel-koop, var(--winkel-accent)); color: var(--winkel-koop-ink, var(--winkel-accent-ink, #fff)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-totaal { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 12px 0 0; padding: 12px 14px; border-radius: 10px; background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-totaal[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-totaal > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 14px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-totaal small { font-size: 13px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-erbij-totaal > b { flex: none; font-size: 20px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-uitleg p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.65; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); max-width: 60ch; }
@media (min-width: 901px) {
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) :is(.site-producten-in:not(:has(> .shop-kaart:nth-child(8):last-child)), .hlp-kaarten) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec { text-wrap: pretty; }
}
@media (max-width: 389px) {
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doe .hlp-knop { padding-left: 14px; padding-right: 14px; gap: 8px; white-space: nowrap; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-doe { flex-wrap: wrap; }
}
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm.is-uit { cursor: not-allowed; background: var(--h-vlak, var(--wash2, #eef2f3)); border-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); box-shadow: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm.is-uit :is(img, .hlp-vorm-leeg) { opacity: .45; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm.is-uit .hlp-vorm-t b { color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); text-decoration: line-through; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm.is-uit em { color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-prijs > .hlp-van { order: -1; flex-basis: 100%; font-size: 17px; font-weight: 500; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); text-decoration: line-through; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-prijs > .hlp-van[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-staffel { display: flex; flex-direction: column; gap: 4px; margin-top: 14px; padding: 12px 16px; border-radius: 10px; background: var(--h-vlak, var(--wash2, #eef2f3)); font-size: 14.5px; line-height: 1.45; color: var(--hlp-inkt); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-staffel[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-staffel-kop { font-size: 14.5px; font-weight: 600; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-staffel-trede em { margin-left: 6px; font-style: normal; font-weight: 600; color: var(--h-groen, #3f8a22); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroepen[hidden] { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep { border-bottom: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep:first-child { border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 0; font-size: 16.5px; font-weight: 600; cursor: pointer; list-style: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep > summary::-webkit-details-marker { display: none; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep > summary svg { flex: none; transition: transform .15s; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep[open] > summary svg { transform: rotate(180deg); }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-specgroep .hlp-specs { margin-bottom: 14px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-ervaringen .pdp-oordelen { margin-top: 8px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-omschrijving .pdp-verhaal { max-width: 820px; }
.winkel.terra.pdp-delen:is(.pdp-delen, #helder) .hlp-vorm em .hlp-vorm-eenheid { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); white-space: nowrap; }