.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-boven {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
gap: 48px;
padding-bottom: 72px;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal { min-width: 0; --hlp-duim: 96px; }
@media (min-width: 1024px) and (max-width: 1365px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal { --hlp-duim: 80px; }
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij { display: block; margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij.strook-links.met-strook {
display: grid;
grid-template-columns: var(--hlp-duim, 96px) minmax(0, 1fr);
gap: 16px;
align-items: start;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-strook {
order: 0;
position: static;
display: flex;
flex-direction: column;
gap: 10px;
width: auto;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
overflow: visible;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini {
display: block;
flex: none;
width: var(--hlp-duim, 96px);
height: var(--hlp-duim, 96px);
margin: 0;
padding: 0;
border: 1.5px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px);
outline: 0;
background: #fff;
overflow: hidden;
cursor: pointer;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; background: #fff; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini:hover { border-color: var(--h-lijn2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini:first-child { display: block; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini.aan { border-color: var(--winkel-accent); outline: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-fotokaart {
position: relative;
display: flex;
flex-direction: column;
order: 0;
width: auto;
height: auto;
aspect-ratio: auto;
min-height: 0;
margin: 0;
padding: 0;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: var(--hv-kaart-hoek-groot, 18px);
background: #fff;
box-shadow: none;
overflow: hidden;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-fotoknop { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: none; cursor: zoom-in; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-hoofdfoto,
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-fotokaart > img {
display: block;
width: 100%;
height: auto;
max-height: none;
aspect-ratio: 1;
object-fit: contain;
border-radius: 0;
background: var(--hv-fotovloer, #eff3f4);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-geenfoto { aspect-ratio: 1; border-radius: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-pijl { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-fotolabels {
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: calc(100% - 40px);
pointer-events: none;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart .s3d-pdpknop { left: auto; right: 20px; top: 20px; bottom: auto; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart:has(.s3d-pdpknop) .hlp-fotolabels { max-width: calc(100% - 220px); }
.winkel.terra.pdp-delen.hv-koopvak.hv-pil:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart > .s3d-pdpknop {
gap: 8px;
height: var(--hv-knop-klein, 40px);
min-height: var(--hv-knop-klein, 40px);
padding: 0 18px;
box-sizing: border-box;
border: 1.5px solid var(--winkel-accent);
border-radius: var(--hv-rond, 999px);
background: var(--card, #fff);
color: var(--winkel-accent);
font-size: 15px;
line-height: 20px;
font-weight: 600;
}
.winkel.terra.pdp-delen.hv-koopvak.hv-pil:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart > .s3d-pdpknop:hover { background: color-mix(in srgb, var(--winkel-accent) 10%, #fff); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatlabel {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
display: flex;
flex-direction: column;
gap: 2px;
max-width: calc(100% - 40px);
padding: 12px 14px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px);
background: rgba(255, 255, 255, .94);
font-size: 13px;
line-height: 18px;
color: var(--h-inkt2);
pointer-events: none;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatlabel[hidden] { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatlabel b { font-size: 15px; line-height: 20px; font-weight: 700; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: 16px 0 0;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten[hidden] { display: none; }
@media (min-width: 1024px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal:has(> .pdp-galerij.strook-links.met-strook) {
display: grid;
grid-template-columns: var(--hlp-duim, 96px) minmax(0, 1fr);
column-gap: 16px;
align-items: start;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal:has(> .pdp-galerij.strook-links.met-strook) > .pdp-galerij { display: contents; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal > .pdp-galerij.strook-links.met-strook > .pdp-strook {
grid-column: 1;
grid-row: 1 / span 2;
align-self: stretch;
contain: size;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: none;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal > .pdp-galerij.strook-links.met-strook > .pdp-fotokaart { grid-column: 2; grid-row: 1; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal:has(> .pdp-galerij.strook-links.met-strook) > .hlp-feiten { grid-column: 2; grid-row: 2; }
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten > div {
min-width: 0;
padding: 14px 16px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px);
background: var(--h-vlak);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten dt { font-size: 13px; line-height: 18px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten dd { margin: 2px 0 0; font-size: 18px; line-height: 24px; font-weight: 700; color: var(--ink); overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koop { container: hlp-koop / inline-size; min-width: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-titel { margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sub {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 8px 18px;
margin-top: 12px;
font-size: 14px;
line-height: 20px;
color: var(--h-inkt2);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sub-nr b { font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sub-voorraad { display: inline-flex; flex-wrap: wrap; align-items: center; font-weight: 600; color: var(--h-groen); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sub .hlp-voorraad { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sub .hlp-voorraad i { flex: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-voorraad.is-nee + .hlp-voorraad-zin { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kort { margin: 14px 0 0; font-size: 16px; line-height: 25px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koop > :is(.hlp-blok, .hlp-koopvorm, .pdp-aanvraag, .pdp-inlogprijs) { margin-top: 22px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvorm { gap: 22px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvorm > .hlp-blok { margin-top: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvorm > .hlp-bestelregel { margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-l { flex-wrap: wrap; align-items: center; gap: 2px 12px; margin-bottom: 10px; font-size: 15px; line-height: 20px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-l > b { flex: none; font-size: 15px; line-height: 20px; font-weight: 700; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-l > span { font-size: 15px; line-height: 20px; font-weight: 500; color: var(--h-inkt2); text-align: left; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegels {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
gap: 8px;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegels:has(> :nth-child(5)) { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegel {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
min-width: 0;
padding: 12px 12px 11px;
border: 1.5px solid var(--h-lijn2);
border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px);
background: #fff;
color: var(--ink);
text-align: left;
text-decoration: none;
transition: border-color .15s;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp a.hlp-tegel:hover { border-color: var(--winkel-accent); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegel.is-aan {
border-color: var(--winkel-accent);
box-shadow: inset 0 0 0 1px var(--winkel-accent);
background: color-mix(in srgb, var(--winkel-accent) 4%, #fff);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegel b { font-size: 16px; line-height: 21px; font-weight: 700; color: var(--ink); overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegel :is(small, em) { display: block; font-size: 13px; line-height: 18px; font-style: normal; font-weight: 400; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-opties {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: var(--hv-kaart-hoek, 14px);
background: #fff;
overflow: hidden;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o {
grid-template-columns: 22px 48px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 12px 16px;
border: 0;
border-top: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: 0;
box-shadow: none;
background: #fff;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:first-child { border-top: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:hover { background: color-mix(in srgb, var(--h-vlak) 50%, #fff); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:has(input:checked) {
border-color: var(--hv-kaart-lijn, var(--line));
box-shadow: none;
background: color-mix(in srgb, var(--winkel-koop, var(--winkel-accent)) 10%, #fff);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:has(input:focus-visible) { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--winkel-accent) 45%, transparent); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o :is(img, .hlp-vorm-leeg) { width: 48px; height: 48px; object-fit: contain; border-radius: 0; background: transparent; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-vink { width: 22px; height: 22px; border-color: var(--h-lijn2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:has(input:checked) .hlp-erbij-vink {
background: var(--winkel-accent);
border-color: var(--winkel-accent);
color: var(--winkel-accent-ink, #fff);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o:has(input[type="radio"]) .hlp-erbij-vink { border-radius: 50%; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-t { display: block; min-width: 0; line-height: 20px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-t b { font-size: 15px; line-height: 20px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-t small { display: block; font-size: 13px; line-height: 18px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-tip {
display: inline-flex;
align-items: center;
margin: 0 0 0 8px;
padding: 0 8px;
border-radius: var(--hv-rond, 999px);
background: color-mix(in srgb, var(--winkel-accent) 12%, #fff);
font-size: 13px;
line-height: 20px;
font-weight: 600;
color: var(--winkel-accent);
vertical-align: 1px;
white-space: nowrap;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erbij-kv .hlp-erbij-o > em { font-size: 15px; line-height: 20px; font-weight: 600; font-style: normal; color: var(--ink); white-space: nowrap; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak {
display: flex;
flex-direction: column;
gap: 16px;
padding: 22px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) + 2px);
background: var(--h-vlak);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-rij { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-wat { display: flex; flex-direction: column; min-width: 0; font-size: 14px; line-height: 21px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-wat b { font-weight: 700; color: var(--ink); overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-prijs { display: flex; flex-direction: column; align-items: flex-end; flex: none; text-align: right; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-prijs > b { font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -.01em; color: var(--ink); white-space: nowrap; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-prijs > small { font-size: 13px; line-height: 18px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-prijs > .hlp-van { font-size: 15px; line-height: 20px; color: var(--h-inkt3); text-decoration: line-through; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-prijs > .hlp-van[hidden] { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 12px; margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe > * { width: auto; min-width: 0; margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe .teller.hlp-teller { flex: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe:not(:has(.hlp-knop)) { grid-template-columns: 132px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe.hlp-doe--aanvraag { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.pdp-delen.hv-koopvak.hv-kader:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .pdp-koop.hlp-knop.hlp-knop--aanvraag::before { content: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-aanvraag-uitleg { margin: 0; font-size: 14px; line-height: 21px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-aanvraagvorm .pdp-aanvraag-prijs { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe > :is(.hlp-teller, .hlp-knop) { height: var(--hv-knop, 56px); min-height: var(--hv-knop, 56px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-knop { gap: 10px; padding: 0 20px; font-size: 16px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.winkel.terra.pdp-delen.hv-koopvak.hv-kader:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .pdp-koop.hlp-knop > svg { display: none; }
.winkel.terra.pdp-delen.hv-koopvak.hv-kader:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .pdp-koop.hlp-knop::before {
content: "";
flex: none;
width: 18px;
height: 18px;
background: currentColor;
-webkit-mask: var(--hv-tas) center / 18px no-repeat;
mask: var(--hv-tas) center / 18px no-repeat;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 20px;
margin-top: 22px;
border-top: 0;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-i { gap: 10px; padding: 0; border-bottom: 0; color: var(--winkel-accent); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-i > span { min-width: 0; line-height: 20px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-i b { font-size: 15px; line-height: 20px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-i small { font-size: 14px; line-height: 20px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-link { color: inherit; text-decoration: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev-link:hover { color: var(--winkel-accent); text-decoration: underline; text-underline-offset: 3px; }
@container hlp-koop (max-width: 520px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tegels:has(> :nth-child(3)) { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container hlp-koop (max-width: 400px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-koopvak-prijs > b { font-size: 32px; line-height: 38px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak .hlp-doe { grid-template-columns: 116px minmax(0, 1fr); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-lev { grid-template-columns: minmax(0, 1fr); }
}
@container hlp-koop (max-width: 300px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-koopvak-rij { flex-wrap: wrap; }
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers {
position: sticky;
top: var(--pdp-tabbalk-top, 0px);
z-index: 3;
display: block;
margin: 0;
border-bottom: 0;
background: #fff;
box-shadow: 0 0 0 100vmax #fff;
clip-path: inset(0 -100vmax -1px);
overflow: visible;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 1px;
background: var(--hv-kaart-lijn, var(--line));
box-shadow: 0 0 0 100vmax var(--hv-kaart-lijn, var(--line));
clip-path: inset(0 -100vmax);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers-in { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 60px; padding: 10px 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers a {
display: inline-flex;
align-items: center;
height: var(--hv-knop-klein, 40px);
padding: 0 16px;
border-radius: var(--hv-rond, 999px);
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: var(--h-inkt2);
text-decoration: none;
white-space: nowrap;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers a:hover { color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers a.is-aan { background: var(--ink); color: #fff; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers a::after { content: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > .hlp-sectie {
position: relative;
padding: 80px 0;
background: #fff;
box-shadow: 0 0 0 100vmax #fff;
clip-path: inset(0 -100vmax);
scroll-margin-top: var(--pdp-tabbalk-marge, 24px);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > .hlp-sectie:nth-of-type(odd) { background: var(--h-vlak); box-shadow: 0 0 0 100vmax var(--h-vlak); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > .hlp-sectie::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: var(--hv-kaart-lijn, var(--line));
box-shadow: 0 0 0 100vmax var(--hv-kaart-lijn, var(--line));
clip-path: inset(0 -100vmax);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > .hlp-sectie:last-child::after { content: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > #maten { padding: 96px 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .shop-main:has(> .hlp) { padding-bottom: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .shop-main:has(> .hlp) ~ .shop-footer { margin-top: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-skop { gap: 24px; margin-bottom: 32px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-h2 { font-size: var(--hv-h2, 38px); line-height: var(--hv-h2-regel, 1.12); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-skop-p { margin: 8px 0 0; font-size: var(--hv-tekst, 16px); line-height: var(--hv-tekst-regel, 26px); color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak.hv-kapitalen:is(.hv-koopvak, #helder) .hlp .hlp-kicker {
margin: 0 0 12px;
font-size: 13px;
line-height: 18px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--winkel-accent);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-twee { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-twee .hlp-skop { margin-bottom: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin-foto {
position: relative;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek-groot, 18px) + 2px);
background: #fff;
overflow: hidden;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin-beeld img { border-radius: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin-foto figcaption {
position: absolute;
left: 18px;
right: 18px;
bottom: 14px;
margin: 0;
font-size: 13px;
line-height: 18px;
color: var(--h-inkt2);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin .hlp-skop { margin-bottom: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin .site-fotoverhaal-onderdelen { margin-top: 24px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-sectie:nth-of-type(odd) .site-fotoverhaal-onderdeel.is-aan { background: #fff; box-shadow: inset 0 0 0 1px var(--hv-kaart-lijn, var(--line)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 24px 0 0;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels[hidden] { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels > div {
min-width: 0;
padding: 16px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: var(--hv-kaart-hoek, 14px);
background: #fff;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels dt { font-size: 13px; line-height: 18px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels dd { margin: 4px 0 0; font-size: 22px; line-height: 28px; font-weight: 700; color: var(--ink); overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatnoot { margin: 14px 0 0; font-size: 14px; line-height: 21px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-afmetingen .hlp-twee.is-zonder-tekening { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tekening {
margin: 0;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) + 2px);
background: #fff;
overflow: hidden;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tekening[hidden] { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tekening img { display: block; width: 100%; height: auto; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tekening figcaption {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 16px;
padding: 14px 18px;
border-top: 1px solid var(--hv-kaart-lijn, var(--line));
font-size: 14px;
line-height: 20px;
color: var(--h-inkt2);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-tekening .hlp-link { gap: 8px; font-size: 15px; line-height: 20px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .pdp-artikelblokken { gap: 0; margin: 0; padding: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .site-blok { margin: 0; padding: 0; background: none; box-shadow: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .site-blok + .site-blok { margin-top: 56px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .site-blok > section { margin: 0; padding: 0; max-width: none; background: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .rkb-pw-curve .rkb-pw-vak { gap: 32px 56px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .rkb-pw-curve .rkb-zin { margin-top: 8px; font-size: var(--hv-tekst, 16px); line-height: var(--hv-tekst-regel, 26px); color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .rkb-pw-curve .rkb-kop h2 { font-size: var(--hv-h2, 38px); line-height: var(--hv-h2-regel, 1.12); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-blokken .rkb-pw-curve .rkb-pw-pil { width: auto; max-width: 100%; white-space: normal; text-align: center; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stappen { gap: 20px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap {
padding: 22px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: calc(var(--hv-kaart-hoek, 14px) + 2px);
background: #fff;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap img { border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap figcaption { gap: 0; line-height: 23px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap-nr {
display: inline-flex;
align-self: flex-start;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 10px;
box-sizing: border-box;
border-radius: var(--hv-rond, 999px);
background: var(--winkel-accent);
font-size: 15px;
line-height: 20px;
font-weight: 700;
color: var(--winkel-accent-ink, #fff);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap b { margin-top: 14px; font-size: 17px; line-height: 23px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stap small { margin-top: 6px; font-size: 15px; line-height: 23px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-specs-kop { min-width: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-specs-kop > * + * { margin-top: 24px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; padding: 12px 0; font-size: 15px; line-height: 22px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs dd { font-weight: 600; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-info-staart { display: inline-block; max-width: 100%; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs > div { position: relative; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs .h-info { position: static; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs .h-info-pop { top: calc(100% - 4px); bottom: auto; left: auto; right: 0; transform: none; width: min(100%, 280px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-specs > div:nth-last-child(-n+2):nth-child(n+3) .h-info-pop { top: auto; bottom: calc(100% - 4px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving { scroll-margin-top: var(--pdp-tabbalk-marge, 24px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .hlp-omschrijving,
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-verhaal { max-width: none; margin: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-verhaal-tekst { font-size: var(--hv-tekst, 16px); line-height: var(--hv-tekst-regel, 26px); color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-verhaal-tekst :is(h2, h3) { margin: 24px 0 6px; font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-verhaal-tekst > :first-child { margin-top: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-verhaal.gevouwen .pdp-verhaal-tekst { max-height: none; overflow: visible; -webkit-mask-image: none; mask-image: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-omschrijving .pdp-meer { display: none; }
@media (min-width: 1024px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-specs > .hlp-twee > .is-plak:last-child { position: sticky; top: var(--pdp-tabbalk-marge, 24px); }
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dls { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc((100% - 2 * 12px) / 3 - 1px), 1fr)); gap: 12px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
padding: 16px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: var(--hv-kaart-hoek, 14px);
background: #fff;
color: var(--ink);
text-decoration: none;
transition: border-color .15s;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl:hover { border-color: var(--winkel-accent); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl-ic {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: calc(var(--hv-kaart-hoek, 14px) - 2px);
background: color-mix(in srgb, var(--winkel-accent) 12%, #fff);
color: var(--winkel-accent);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl-t { display: flex; flex-direction: column; min-width: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl-t b { font-size: 15px; line-height: 20px; font-weight: 600; overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dl-t small { font-size: 13px; line-height: 18px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-faq-raster { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-faq-i summary { min-height: 64px; padding: 12px 0; gap: 16px; box-sizing: border-box; font-size: 17px; line-height: 24px; font-weight: 600; color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-faq-i p { padding: 0 40px 20px 0; font-size: var(--hv-tekst, 16px); line-height: var(--hv-tekst-regel, 26px); }
.winkel.terra.pdp-delen.hv-koopvak.hv-pil:is(.hv-koopvak, #helder) .hlp .hlp-faq-i summary svg { display: none; }
.winkel.terra.pdp-delen.hv-koopvak.hv-pil:is(.hv-koopvak, #helder) .hlp .hlp-faq-i summary::after {
content: "";
flex: 0 0 20px;
width: 20px;
height: 20px;
background: var(--winkel-accent);
-webkit-mask: var(--hv-plus) center / 20px no-repeat;
mask: var(--hv-plus) center / 20px no-repeat;
transition: transform .15s;
}
.winkel.terra.pdp-delen.hv-koopvak.hv-pil:is(.hv-koopvak, #helder) .hlp .hlp-faq-i[open] summary::after { transform: rotate(45deg); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mts { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; overflow: visible; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt {
gap: 2px;
min-width: 0;
padding-bottom: 16px;
border: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: var(--hv-kaart-hoek, 14px);
background: #fff;
overflow: hidden;
transition: border-color .15s;
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt:hover { border-color: var(--winkel-accent); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt-beeld { margin: 0 0 12px; border-radius: 0; outline: 0; background: #fff; border-bottom: 1px solid var(--hv-kaart-lijn, var(--line)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt-beeld img { aspect-ratio: 1400 / 1100; object-fit: contain; background: #fff; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt > :not(.hlp-mt-beeld) { margin-inline: 16px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt b { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--ink); overflow-wrap: break-word; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt.is-aan b { color: var(--ink); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt small { font-size: 14px; line-height: 20px; color: var(--h-inkt2); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt em { margin-top: auto; padding-top: 10px; font-size: 17px; line-height: 22px; font-weight: 700; color: var(--ink); }
@media (max-width: 1279px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-afmetingen .is-zonder-tekening .hlp-maattegels { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-feiten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stappen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp {
background: #fff;
box-shadow: 0 0 0 100vmax #fff;
clip-path: inset(0 -100vmax);
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .shop-main:has(> .hlp) { padding-top: 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-boven { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-bottom: 48px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij.strook-links.met-strook { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-fotokaart { order: 1; width: 100%; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij :is(.pdp-hoofdfoto, .pdp-fotokaart > img, .pdp-geenfoto) { max-height: 560px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-strook { order: 2; display: grid; grid-template-columns: repeat(auto-fill, minmax(56px, 1fr)); gap: 8px; min-width: 0; max-width: 480px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-mini { width: auto; max-width: 96px; height: auto; aspect-ratio: 1; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-kv-gal .hlp-feiten { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-ankers { display: none; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > .hlp-sectie { padding: 48px 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp > #maten { padding: 56px 0; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-twee,
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin,
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-faq-raster { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-skop { margin-bottom: 24px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-dls { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-fotolabels { left: 14px; top: 14px; max-width: calc(100% - 28px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart .s3d-pdpknop { right: 14px; top: 14px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-fotokaart:has(.s3d-pdpknop) .hlp-fotolabels { max-width: calc(100% - 180px); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatlabel { left: 14px; right: 14px; bottom: 14px; max-width: none; padding: 10px 12px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-erin-foto figcaption { position: static; padding: 0 18px 14px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maattegels,
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-afmetingen .is-zonder-tekening .hlp-maattegels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-stappen { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt b { font-size: 16px; line-height: 22px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt em { font-size: 16px; line-height: 22px; }
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-mt > :not(.hlp-mt-beeld) { margin-inline: 12px; }
}
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .pdp-galerij .pdp-fotokaart { container: hlp-foto / inline-size; }
@container hlp-foto (max-width: 520px) {
.winkel.terra.pdp-delen.hv-koopvak:is(.hv-koopvak, #helder) .hlp .hlp-maatlabel {
position: static;
align-self: stretch;
max-width: none;
padding: 12px 16px;
border: 0;
border-top: 1px solid var(--hv-kaart-lijn, var(--line));
border-radius: 0;
background: #fff;
}
}