.winkel.terra.stramien-helder:is(.stramien-helder, #helder) {
--h-inkt2: #3f525b;
--h-inkt3: #62747c;
--h-lijn2: #c6d1d5;
--h-vlak: #eef2f3;
--h-vlak2: #e3e9eb;
--h-leisteen: #4c6971;
--h-leisteen3: #2a3f45;
--h-knop2: #0a5c8b;
--h-groen: #3f8a22;
--h-let: #9a5300;
--h-let-licht: #fff4e2;
--h-blauw-licht: #eef6fb;
font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-variation-settings: "wdth" 100;
-webkit-font-smoothing: antialiased;
color: var(--ink);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(h1, h2, h3, .nova-titel, .site-rijkop h2) {
font-family: "Instrument Sans", system-ui, sans-serif;
font-stretch: 92%;
letter-spacing: -0.02em;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) h1 { font-weight: 600; letter-spacing: -0.028em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) h2 { font-weight: 600; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling {
background: #fff;
color: var(--h-inkt2);
border-bottom: 1px solid var(--line);
font-size: 14px;
font-weight: 400;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in {
justify-content: flex-start;
gap: 30px;
min-height: 40px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel svg { color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header { border-bottom: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header-in { min-height: 92px; gap: 36px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek {
background: var(--h-vlak);
border: 1.5px solid transparent;
border-radius: 10px;
height: 50px;
max-width: 560px;
box-shadow: none;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek:focus-within {
background: #fff;
border-color: var(--winkel-accent);
box-shadow: 0 0 0 4px rgba(13, 111, 166, .12);
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek input { background: transparent; font-size: 16px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek-knopje { display: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel { gap: 12px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst b { font-size: 15.5px; font-weight: 600; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst small { font-size: 13px; color: var(--h-inkt3); letter-spacing: 0; text-transform: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen {
background: transparent;
color: var(--ink);
border: 0;
box-shadow: none;
padding: 0 4px;
font-weight: 500;
font-size: 15.5px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen:hover { background: var(--h-vlak); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen .wagen-teller {
background: var(--winkel-accent) !important;
color: #fff;
font-weight: 600;
font-size: 13px;
min-width: 20px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account { font-weight: 500; font-size: 15.5px; border: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-link { color: var(--h-inkt2); text-decoration: none; font-size: 14px; white-space: nowrap; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-link:hover { color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel + .shop-mededeling-link { margin-left: auto; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel:nth-child(4) { padding-left: 30px; border-left: 1px solid var(--line); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel b { font-weight: 600; color: var(--ink); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-foto { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; flex: 0 0 44px; background: var(--h-vlak); } }
@media (min-width: 1100px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account .kop-woord { display: inline; }
}
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { margin-left: auto; display: flex; align-items: center; gap: 26px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-rechts .shop-menu-kop { font-size: 15px; font-weight: 500; color: var(--h-inkt2); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-rechts .shop-menu-kop:hover { color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-item.hier > .shop-menu-kop { color: var(--winkel-accent); box-shadow: inset 0 -2px 0 var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen .wagen-teller.h-leeg { display: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
background: #fff;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { min-height: 56px; gap: 30px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-paneelknop {
background: var(--ink);
color: #fff;
border-color: var(--ink);
border-radius: 8px;
height: 40px;
padding: 0 16px 0 14px;
font-weight: 600;
font-size: 15.5px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-paneelknop[aria-expanded="true"] { background: var(--winkel-accent); border-color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop { font-size: 15.5px; font-weight: 500; color: var(--ink); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop:hover { color: var(--winkel-accent); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.btn-primary, .site-knop.btn-primary) { border-radius: 8px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .btn-primary:hover { background: var(--h-knop2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart {
border: 0;
box-shadow: none;
background: transparent;
padding: 0;
gap: 4px;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart > img {
width: 100%;
aspect-ratio: 1400 / 1100;
height: auto;
object-fit: cover;
border-radius: 12px;
background: var(--h-vlak);
margin: 0 0 12px;
padding: 0;
transition: transform .5s;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:hover > img { transform: scale(1.02); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .kaart-tand { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij { order: 9; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chip {
background: transparent;
color: var(--h-groen);
padding: 0;
font-size: 14px;
font-weight: 500;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-titel {
font-size: 17px;
line-height: 1.3;
font-weight: 600;
min-height: 0;
-webkit-line-clamp: 2;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-spec { font-size: 14.5px; color: var(--h-inkt3); font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-voet {
border-top: 1px solid var(--line);
padding-top: 12px;
margin-top: 10px;
align-items: flex-end;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-prijs { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-tweedeprijs { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-hart { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-inwagen {
width: 46px;
height: 46px;
border-radius: 8px;
background: var(--winkel-accent);
color: #fff;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-inwagen:hover { background: var(--h-knop2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer {
background: var(--h-vlak);
border-top: 0;
margin-top: 120px;
color: var(--h-inkt2);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer-in { padding-top: 72px; padding-bottom: 60px; gap: 48px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder {
background: var(--h-leisteen3);
color: #c4d2d6;
border-top: 0;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder a { color: #c4d2d6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-info {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
margin-left: 6px;
border-radius: 50%;
background: var(--h-vlak2);
color: var(--h-inkt2);
font: 700 13px/1 "Instrument Sans", sans-serif;
cursor: help;
vertical-align: 1px;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-info:is(:hover, :focus, .is-open) { background: var(--winkel-accent); color: #fff; outline: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-info-pop {
display: none;
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%);
z-index: 30;
width: 280px;
padding: 12px 14px;
border-radius: 10px;
background: var(--ink);
color: #e6eef1;
font: 400 13.5px/1.5 "Instrument Sans", sans-serif;
text-align: left;
white-space: normal;
box-shadow: 0 14px 30px -12px rgba(19, 35, 43, .55);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-info-pop b { display: block; color: #fff; font-weight: 600; margin-bottom: 3px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-info:is(:hover, :focus, .is-open) .h-info-pop { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { gap: 48px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst { background: transparent; padding: 24px 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-size: 54px; line-height: 1.03; letter-spacing: -0.032em; font-stretch: 90%; margin-bottom: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kopje { color: var(--winkel-accent); font-size: 14.5px; font-weight: 600; letter-spacing: .005em; text-transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-zin { font-size: 18.5px; line-height: 1.55; color: var(--h-inkt2); max-width: 60ch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .site-knop { height: 56px; padding: 0 28px; font-size: 17px; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps {
display: flex; flex-wrap: wrap; gap: 26px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 14.5px; color: var(--h-inkt2);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li svg { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { border: 0; box-shadow: none; padding: 0; background: transparent; position: relative; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { display: block; border-radius: 18px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto img { width: 100%; aspect-ratio: 1400 / 1100; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken {
display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px; align-items: start;
padding: 24px 26px; border-radius: 14px; background: #fff; border: 1px solid var(--line); box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop h2 { font-size: 20px; letter-spacing: -0.01em; margin: 0 0 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop .site-rijzin { font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { background: transparent; color: var(--ink); padding: 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld span { color: var(--h-inkt2); font-size: 13.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld input { height: 50px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 19px; font-weight: 600; background: #fff; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-uit { background: var(--h-blauw-licht); color: var(--ink); border-radius: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-getal b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-tekst { color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel { border: 1px solid var(--line); background: #fff; border-radius: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien-in {
display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 300px 300px; gap: 20px; overflow: visible;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie {
position: relative; display: block; border-radius: 14px; overflow: hidden; border: 0; padding: 0; background: var(--h-vlak); min-width: 0;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child { grid-row: span 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categoriefoto { position: absolute; inset: 0; width: auto; height: auto; border-radius: 0; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categoriefoto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:hover .site-categoriefoto img { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19, 35, 43, 0) 45%, rgba(19, 35, 43, .72) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam {
position: absolute; left: 24px; right: 24px; bottom: 20px; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; text-align: left; color: #fff; line-height: 1.3;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam b { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; color: inherit; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child .site-categorienaam b { font-size: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam small { font-size: 14.5px; color: #e3ecef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child .site-categorienaam { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child .site-categorienaam small { color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categoriepijl { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-in { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--line); max-width: 760px; margin-left: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel {
display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0;
background: transparent; box-shadow: none; color: var(--ink); font-size: 17px; font-weight: 600; text-decoration: none; min-height: 0;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel::after { content: "→"; color: var(--winkel-accent); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel:hover { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto { gap: 64px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-foto { border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in h2 { font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; margin-bottom: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in p { font-size: 18.5px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in .site-knop { margin-top: 26px; height: 48px; padding: 0 22px; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-foto {
position: relative; min-height: 460px; border-radius: 0; background-size: cover; background-position: center 60%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 26px; padding: 0 72px;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-foto::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 48, 54, .9) 0, rgba(30, 48, 54, .72) 45%, rgba(30, 48, 54, .1) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-foto > * { position: relative; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in { max-width: 600px; display: flex; flex-direction: column; gap: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-kop { font-size: 38px; line-height: 1.08; font-weight: 600; letter-spacing: -0.025em; font-stretch: 92%; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-regel { font-size: 18px; line-height: 1.55; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { height: 48px; padding: 0 22px; border-radius: 8px; background: #fff; color: var(--ink); font-weight: 600; display: inline-flex; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in span { color: #c4d2d6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop h2,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-berichten, .site-fototegels, .site-samen, .site-producten, .site-faq) > h2 { font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp { gap: 56px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-fotokaart { border: 0; box-shadow: none; border-radius: 16px; background: var(--h-vlak); overflow: hidden; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-hoofdfoto { width: 100%; aspect-ratio: 1400 / 1100; object-fit: cover; max-height: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-mini { border: 0; border-radius: 8px; overflow: hidden; outline: 1.5px solid var(--line); outline-offset: -1.5px; background: var(--h-vlak); padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-mini.aan { outline: 2px solid var(--ink); outline-offset: -2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-mini img { object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-pijl { background: rgba(255, 255, 255, .92); border: 0; border-radius: 50%; box-shadow: 0 6px 16px -8px rgba(19, 35, 43, .4); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-titelregel h1 { font-size: 36px; line-height: 1.1; font-weight: 600; letter-spacing: -0.025em; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-kort { font-size: 16px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-bovenregel { font-size: 14.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-artikelnr b { font-weight: 500; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopblok-vlak { background: transparent; border: 0; padding: 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-voorraad .pdp-levering { color: var(--h-groen); font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel { border: 0; background: transparent; box-shadow: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-kop { font-size: 13.5px; color: var(--h-inkt3); font-weight: 600; border: 0; padding: 0 14px; background: transparent; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-rij { border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; padding: 10px 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-rij:has(input[type="number"]:not([value="0"])) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-naam b { font-weight: 600; font-size: 15.5px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-prijs b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-voet { border: 0; background: transparent; padding: 14px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-som b { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.pdp-koop, .pdp-vtabel-voet button[type="submit"]) { height: 56px; border-radius: 8px; font-size: 17px; font-weight: 600; background: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-betalen { justify-content: flex-start; opacity: .8; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-usps li svg { color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.pdp-leverblok, .pdp-lever, .pdp-diensten) { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp ~ * h2,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.pdp-specs, .pdp-plusmin, .pdp-hoort) h2 { font-size: 26px; letter-spacing: -0.015em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .cat-kop-foto, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cat-kopfoto { border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.shop-filters, .shop-filterpaneel, .filter-paneel) { border: 0; box-shadow: none; background: transparent; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.pdp-vtabel-kop, .pdp-vtabel-rij) { grid-template-columns: minmax(150px, 1.3fr) 104px 96px 118px; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-vtabel-levering { font-size: 14px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij { height: auto; align-self: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-fotokaart { height: auto; min-height: 0; align-self: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten > .site-kopje { display: block; margin-bottom: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten > .site-rijzin { max-width: 760px; margin: -6px 0 32px; font-size: 18px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart, .site-kaart.metfoto { display: flex; flex-direction: column; border: 0; border-radius: 0; background: transparent; min-height: 0; color: var(--ink); overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart.metfoto img { width: 100%; height: auto; min-height: 0; aspect-ratio: 640 / 440; object-fit: cover; border-radius: 14px; margin-bottom: 16px; transition: transform .5s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-in, .site-kaart.metfoto .site-kaart-in { background: transparent; color: var(--ink); padding: 0; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-in b { font-size: 19px; font-weight: 600; letter-spacing: -.01em; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-zin, .site-kaart.metfoto .site-kaart-zin { font-size: 15.5px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-knop { margin-top: 4px; padding-top: 0; font-size: 15.5px; font-weight: 600; color: var(--winkel-accent); flex-direction: row-reverse; justify-content: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-knop::before { width: 12px; height: 12px; clip-path: none; background: none; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: scale(.7) rotate(45deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:hover .site-kaart-in b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-label { align-self: flex-start; display: inline-flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 6px; background: #fff; font-size: 13.5px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart.metfoto > img { position: static; width: 100%; height: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart.metfoto .site-kaart-knop { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto { position: relative; min-height: 560px; border-radius: 18px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; border-radius: 0; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19, 35, 43, .05) 30%, rgba(19, 35, 43, .86) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-in { position: relative; z-index: 1; margin-top: auto; padding: 36px; gap: 10px; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-in b { font-size: 30px; line-height: 1.1; color: #fff; max-width: 460px; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-zin { font-size: 16.5px; color: #e1eaed; max-width: 470px; margin-bottom: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-knop { align-self: flex-start; height: 48px; padding: 0 22px; border-radius: 8px; background: #fff; color: var(--ink); gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child .site-kaart-knop { background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:hover img { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child img { inset: auto 0 0 0; height: 62%; object-fit: cover; object-position: 50% 60%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child .site-kaart-in { margin-top: 0; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child .site-kaart-in b { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child .site-kaart-zin { color: var(--h-inkt2); }
@media (max-width: 900px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in, .site-kaarten-in:not(:has(> :nth-child(3))) { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto { min-height: 440px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-in { padding: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-in b { font-size: 24px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf { padding-block: 12px 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-kop { max-width: 900px; margin-bottom: 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-kop :is(h1, h2) { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.08; letter-spacing: -0.028em; margin: 0 0 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-kop p { font-size: 18px; line-height: 1.55; color: var(--h-inkt2); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-grid { display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 48px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-l { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-r { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-podium { position: relative; margin: 0; border-radius: 18px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-foto { display: block; width: 100%; aspect-ratio: 1120 / 760; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-podium figcaption { position: absolute; left: 20px; bottom: 20px; display: flex; flex-direction: column; line-height: 1.35; padding: 12px 16px; border-radius: 10px; background: rgba(255, 255, 255, .93); backdrop-filter: blur(8px); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-podium figcaption b { font-weight: 600; font-size: 16.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-podium figcaption small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-weer { position: absolute; left: 20px; top: 20px; z-index: 1; display: flex; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-chip { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 18px; border: 1.5px solid transparent; background: rgba(255, 255, 255, .93); color: var(--ink); font: inherit; font-size: 14.5px; font-weight: 500; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-chip.hc-aan { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plankaart { padding: 24px 28px 26px; border-radius: 18px; border: 1px solid var(--line); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plankop { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plankop h3,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snel h3,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stapkop h3 { font-size: 19px; font-weight: 600; letter-spacing: -0.01em; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plankop p,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snel p { margin: 4px 0 0; font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-schaal { flex: 0 0 auto; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 15px; background: var(--h-vlak); font-size: 14px; font-weight: 600; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-veld { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 250px; margin: 18px 0 10px; border-radius: 12px; background: #f5f8f2; background-image: linear-gradient(rgba(63, 138, 34, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(63, 138, 34, .06) 1px, transparent 1px); background-size: 24px 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijveld { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 170px; margin: 0 0 18px; border-radius: 12px; background: linear-gradient(180deg, #f5f8f2 0, #f5f8f2 34%, #efe8dc 34%, #e9e0d0 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-veldlabel { position: absolute; left: 14px; top: 10px; font-size: 13px; font-weight: 600; color: var(--h-inkt3); letter-spacing: .01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plan { position: relative; transition: width .3s, height .3s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijplan { margin-top: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tegel { position: absolute; border-radius: 3px; background-color: #f3f4f4; background-size: 180px; box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 6px 14px -8px rgba(19, 35, 43, .45), 0 0 0 1px rgba(19, 35, 43, .12); transition: all .3s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cel { position: absolute; border-radius: 2px; background: #25343a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 3px 8px -5px rgba(19, 35, 43, .6); transition: all .3s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cel.hc-gestapeld { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 2px 2px 0 #3d5058, 0 5px 10px -5px rgba(19, 35, 43, .6); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maat { position: absolute; font-size: 13.5px; font-weight: 600; color: var(--h-inkt2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maat-b { left: 0; right: 0; bottom: -26px; text-align: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maat-l { top: 50%; left: -14px; transform: translate(-100%, -50%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maat-r { right: -14px; display: flex; align-items: center; transform: translateX(100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijplan .hc-maat-b,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijplan .hc-maat-l { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maaiveld { position: absolute; left: -40px; right: -40px; top: 0; border-top: 2px dashed rgba(63, 138, 34, .55); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maaiveld i { position: absolute; right: 0; top: -22px; font-style: normal; font-size: 13px; font-weight: 600; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-grond { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; justify-content: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-grond i { font-style: normal; font-size: 13px; color: #8a7457; white-space: nowrap; background: rgba(239, 232, 220, .9); padding: 0 6px; border-radius: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten > div { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten > div > span { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten > div > b { font-size: 20px; font-weight: 600; letter-spacing: -.01em; margin: 2px 0; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snel { padding: 24px 28px 26px; border-radius: 18px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk { display: flex; flex-direction: column; align-items: flex-start; padding: 14px 14px 12px; border-radius: 12px; background: #fff; border: 1.5px solid transparent; color: var(--ink); font: inherit; text-align: left; cursor: pointer; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk b { font-size: 24px; font-weight: 600; letter-spacing: -.02em; margin: 2px 0 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk span { font-size: 13.5px; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk em { font-style: normal; font-weight: 600; margin-top: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk:hover { border-color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snelk.hc-aan { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stap { padding: 22px 24px; border-radius: 16px; border: 1px solid var(--line); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stapkop { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-nr { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-keus { margin-left: auto; font-size: 14.5px; font-weight: 600; color: var(--winkel-accent); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoogtes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; padding: 0; border: 1.5px solid var(--h-lijn2); border-radius: 12px; overflow: hidden; background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog img { width: 88px; height: 100%; min-height: 84px; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog > span { display: flex; flex-direction: column; line-height: 1.35; padding: 10px 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk { display: flex; flex-direction: column; align-items: center; padding: 10px 4px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); font: inherit; cursor: pointer; line-height: 1.3; text-align: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk b { font-weight: 600; font-size: 15px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk em { font-style: normal; font-size: 13.5px; font-weight: 600; margin-top: 4px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk.hc-aan em { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoog.hc-aan,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maatk.hc-aan,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-laag.hc-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-noot { margin: 12px 0 0; font-size: 13.5px; color: var(--h-inkt3); line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rij { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stapkop + .hc-rij,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stapkop + .hc-rij[hidden] + .hc-rij { border-top: 0; padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rijl { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rijl b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rijl small { font-size: 14px; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-teller { display: inline-flex; align-items: center; height: 48px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; flex: 0 0 auto; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-teller > b { min-width: 34px; text-align: center; font-weight: 600; font-size: 17px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-k { width: 44px; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: none; color: var(--h-inkt2); cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-k:hover { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lagen { display: grid; grid-template-columns: repeat(3, 72px); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-laag { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 52px; padding: 0; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); font: inherit; cursor: pointer; line-height: 1.2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-laag b { font-weight: 600; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-laag small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toes { display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto 24px; gap: 12px; align-items: center; padding: 8px 12px 8px 8px; border: 1.5px solid var(--h-lijn2); border-radius: 12px; cursor: pointer; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe:not(:has(.hc-per)) { grid-template-columns: 56px minmax(0, 1fr) auto 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe img { width: 56px; height: 45px; object-fit: cover; border-radius: 6px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toet { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toet b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toet small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe > em { font-style: normal; font-weight: 600; font-size: 15px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-vink { width: 24px; height: 24px; border-radius: 6px; border: 2px solid var(--h-lijn2); display: flex; align-items: center; justify-content: center; color: transparent; font-style: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe.hc-aan { border-color: var(--winkel-accent); background: var(--h-blauw-licht); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe.hc-aan .hc-vink { background: var(--winkel-accent); border-color: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-per .hc-teller { height: 34px; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-per .hc-k { width: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-per .hc-teller > b { min-width: 20px; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-modus { display: flex; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-modus .hc-chip { background: #fff; border-color: var(--h-lijn2); height: 42px; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-modus .hc-chip.hc-aan { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-som { padding: 24px; border-radius: 18px; background: #fff; border: 1px solid var(--line); box-shadow: 0 26px 50px -34px rgba(19, 35, 43, .55); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-somkop { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-somkop > div { display: flex; flex-direction: column; line-height: 1.2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-somkop > div > span { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-somkop > div:first-child b { font-size: 34px; font-weight: 600; letter-spacing: -.025em; margin-top: 4px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-dak { text-align: right; align-items: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-dak > b { font-size: 20px; font-weight: 600; margin-top: 4px; color: var(--winkel-accent); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak { padding: 14px 0 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pakkop { display: flex; align-items: center; gap: 6px; font-weight: 600; margin-bottom: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak ul { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak li { position: relative; padding-left: 18px; font-size: 14.5px; color: var(--h-inkt2); line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak li b { color: var(--ink); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regels { display: flex; flex-direction: column; padding: 8px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regel { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regel > span:first-child { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regel > span:first-child > span { display: inline-flex; align-items: center; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regel > span:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-regel small.hc-artnr { font-size: 13px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tot { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0 18px; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tot > span { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tot small { font-size: 14px; color: var(--h-inkt3); font-weight: 400; margin-left: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tot b { font-size: 32px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-knoppen { display: grid; grid-template-columns: 1fr; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-knop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 56px; border-radius: 12px; font: inherit; font-size: 17px; font-weight: 600; cursor: pointer; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-knop[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-knop-rand { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-knop-rand:hover { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lev,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; font-size: 14.5px; line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lev { color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lev svg { flex: 0 0 auto; color: var(--winkel-accent); margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip { padding: 14px; border-radius: 12px; background: var(--h-blauw-licht); color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip svg,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf svg { flex: 0 0 auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip > span { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tip > span > b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tipknop { display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; margin-top: 10px; border-radius: 10px; border: 1.5px solid var(--winkel-accent); background: #fff; color: var(--winkel-accent); font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tipknop:hover { background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf { padding: 14px; border-radius: 12px; background: var(--h-let-licht); color: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf > span { display: flex; flex-direction: column; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf > span > b { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-voorraad { position: absolute; right: 20px; top: 20px; z-index: 1; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 18px; background: rgba(255, 255, 255, .93); font-size: 14.5px; font-weight: 500; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-voorraad::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-voorraad[hidden] { display: none; }
@media (max-width: 1180px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf { padding-block-end: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf-kop p { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-plankaart,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snel { padding: 18px 16px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-stap,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-som { padding: 18px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-veld { height: 200px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijveld { height: 150px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten { grid-template-columns: 1fr; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-feiten small { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-snels,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-maten { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-hoogtes { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe { grid-template-columns: 48px minmax(0, 1fr) auto 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe:not(:has(.hc-per)) { grid-template-columns: 48px minmax(0, 1fr) auto 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-toe img { width: 48px; height: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-per { grid-column: 2 / 3; grid-row: 2; justify-self: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-pak ul { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-somkop > div:first-child b { font-size: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tot b { font-size: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-weer { left: 12px; top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-voorraad { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-podium figcaption { left: 12px; right: 12px; bottom: 12px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --thema-breedte: 1296px; --nova-zij: clamp(16px, 5vw, 72px); }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek { position: relative; padding: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek > svg:first-child { display: block; position: absolute; left: 18px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--h-inkt3); pointer-events: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek input { height: 100%; width: 100%; padding: 0 16px 0 48px; border: 0; box-shadow: none; outline: 0; background: transparent; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek input::placeholder { color: var(--h-inkt3); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kop-rechts { gap: 28px; align-items: center; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel { display: inline-flex; align-items: center; gap: 12px; padding: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst { display: flex; flex-direction: column; line-height: 1.2; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account { display: inline-flex; align-items: center; gap: 8px; width: auto; min-width: 0; padding: 0; height: 44px; background: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account:hover { color: var(--winkel-accent); background: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen { display: inline-flex; align-items: center; gap: 8px; width: auto; height: 44px; padding: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen:hover { background: none; color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen svg, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account svg { width: 20px; height: 20px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { gap: 32px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 32px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { display: grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 48px; align-items: center; padding-top: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst { padding: 0; max-width: 520px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst .site-kopje { font-size: 15px; margin-bottom: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-size: 56px; line-height: 1.02; margin: 0 0 24px; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-zin { font-size: 18.5px; line-height: 1.6; margin: 0 0 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen { display: flex; gap: 12px; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .site-knop { display: inline-flex; align-items: center; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .btn-primary::after { content: ""; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); margin-left: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .site-knop-licht { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid var(--line); list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li { display: inline-flex; align-items: center; gap: 8px; padding: 0; font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { position: relative; display: block; min-height: 560px; padding: 0; border: 0; border-radius: 18px; background: var(--h-vlak); box-shadow: none; overflow: hidden; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { position: absolute; inset: 40px 40px 120px; display: flex; align-items: center; justify-content: center; background: none; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; border-radius: 0; background: none; aspect-ratio: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { content: ""; position: absolute; left: 24px; right: 24px; bottom: 24px; height: 74px; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px -18px rgba(19, 35, 43, .35); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam { position: absolute; left: 44px; right: 220px; bottom: 60px; z-index: 1; font-size: 16.5px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { position: absolute; left: 44px; right: 220px; bottom: 38px; z-index: 1; font-size: 14px; color: var(--h-inkt2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { position: absolute; right: 44px; bottom: 40px; z-index: 1; display: block; text-align: right; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs b { font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs small, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-vorm { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 28px; padding: 26px 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 26px 50px -38px rgba(19, 35, 43, .5); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop h2 { font-size: 20px; margin: 0 0 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop .site-rijzin { font-size: 14.5px; line-height: 1.45; color: var(--h-inkt2); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { display: grid; grid-template-columns: 200px 200px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 16px; row-gap: 2px; align-items: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-velden { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld { grid-row: 1 / 3; display: flex; flex-direction: column; gap: 8px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld span { font-size: 13.5px; font-weight: 600; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld input { height: 50px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 18px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-uit { grid-column: 3; grid-row: 1; align-self: end; display: block; margin: 0 0 0 8px; padding: 0 0 0 24px; border-left: 1px solid var(--line); background: none; border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-getal { display: inline-flex; align-items: baseline; gap: 4px; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-getal b { font-size: 13.5px; font-weight: 500; color: var(--h-inkt3); letter-spacing: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-tekst { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regels { grid-column: 3; grid-row: 2; margin: 0 0 0 8px; padding: 0 0 0 24px; border-left: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-groep { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "tekst knop" "prijs knop"; column-gap: 16px; align-items: center; padding: 0; border: 0; background: none; border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-tekst { grid-area: tekst; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-tekst small { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-tekst b { display: block; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-prijs { grid-area: prijs; font-size: 15px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-prijs small { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-knop { grid-area: knop; height: 50px; padding: 0 22px; font-size: 16px; border-radius: 8px; }
@media (max-width: 1100px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { min-height: 420px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld { grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-uit, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regels { grid-column: 1 / -1; grid-row: auto; margin: 12px 0 0; padding: 0; border: 0; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-size: 38px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { min-height: 340px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { inset: 20px 20px 110px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { right: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { top: 20px; bottom: auto; right: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-rijkopje { display: block; margin: 0 0 10px; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop { align-items: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop h2 { font-size: 40px; line-height: 1.08; letter-spacing: -0.028em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after { content: ""; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijzin { font-size: 18px; line-height: 1.55; color: var(--h-inkt2); max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) > .shop-kaart > img { aspect-ratio: 4 / 3; border-radius: 10px; margin-bottom: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-titel { font-size: 15px; line-height: 1.3; font-weight: 600; min-height: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) :is(.nova-chiprij, .nova-code, .nova-knoppen, .nova-hartvorm, .kaart-tand, .shop-kaart-vergelijk) { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .shop-kaart-spec { font-size: 13.5px; color: var(--h-inkt3); white-space: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-voet { border: 0; padding: 4px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak b, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-prijs { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak small { display: none; }
@media (max-width: 1100px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child .site-categoriefoto { inset: 0 0 110px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child .site-categoriefoto img { object-fit: contain; padding: 24px 24px 0; mix-blend-mode: multiply; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag.twee-kolommen { display: grid; grid-template-columns: minmax(0, 430px) minmax(0, 1fr); gap: 64px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop h2 { font-size: 40px; line-height: 1.08; letter-spacing: -0.028em; margin: 0 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop p { font-size: 18px; color: var(--h-inkt2); margin: 0 0 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .site-knop-licht { display: inline-flex; align-items: center; height: 48px; padding: 0 22px; border-radius: 8px; border: 1.5px solid var(--h-lijn2); background: #fff; color: var(--ink); font-weight: 600; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-lijst { border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { padding: 22px 0; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-antwoord { padding: 0 0 22px; font-size: 16px; line-height: 1.6; color: var(--h-inkt2); }
@media (max-width: 900px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag.twee-kolommen { grid-template-columns: 1fr; gap: 24px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { max-width: var(--site-breedte); margin: 0 auto; padding-inline: var(--nova-zij); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { max-width: var(--site-breedte); margin: 0 auto; padding-inline: var(--nova-zij); gap: 32px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-item { padding: 0; margin: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop { padding: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 32px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst { flex-direction: column-reverse; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst small { font-size: 13px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst b { font-size: 16px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { inset: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto img { object-fit: cover; mix-blend-mode: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-reken { width: auto; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .btn-primary::after { content: "\2192"; width: auto; height: auto; border: 0; transform: none; margin: 0; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-cf { max-width: var(--site-breedte); margin-inline: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-in { flex: 0 0 auto; justify-content: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child .site-kaart-in { justify-content: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:last-child .site-categoriefoto img { object-fit: cover; object-position: 50% 45%; padding: 0; mix-blend-mode: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-titel { font-size: 14px; -webkit-line-clamp: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-voet { margin-top: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-samen-plus { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-samen-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-samen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { grid-template-columns: minmax(0, 1.45fr) repeat(4, minmax(0, 1fr)); gap: 32px; padding-top: 64px; padding-bottom: 56px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-logo { height: 52px; width: auto; margin-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merkregel { font-size: 15px; line-height: 1.6; color: var(--h-inkt2); max-width: 300px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merkcontact { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan { display: flex; align-items: center; gap: 14px; margin-top: 22px; text-decoration: none; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan span { display: flex; flex-direction: column; line-height: 1.35; font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan b { font-size: 16px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > div > .shop-voet-kolomkop { font-size: 16px; font-weight: 600; color: var(--ink); margin: 0 0 16px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > div > div[style] { gap: 12px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in a { font-size: 15px; color: var(--h-inkt2); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in a:hover { color: var(--winkel-accent); }
@media (max-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { grid-template-columns: 1fr 1fr; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-dak .h-info-pop { left: auto; right: -10px; transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-tegel { background-size: 175%; background-position: 50% 50%; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { display: grid; grid-template-columns: 260px 260px minmax(0, 1fr); column-gap: 48px; row-gap: 0; align-items: start;
grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "lijn lijn lijn" "zij balk balk" "zij tegels tegels"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catkop { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > * { grid-column: 2 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kruimels { margin: 28px 0 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-kruimels { grid-area: kruimel; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-foto { grid-area: foto; width: 100%; height: 300px; object-fit: cover; border-radius: 14px; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-titel { grid-area: titel; align-self: end; position: static; margin: 20px 0 20px; padding: 0; color: var(--ink); font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -0.028em; font-stretch: 92%; text-shadow: none; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-alles-over { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst { grid-area: tekst; align-self: start; margin: 0; padding: 0; max-width: 520px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in { max-height: none; font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in h2 { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst .pdp-meer { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst.gevouwen .shop-cattekst-in::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { content: ""; grid-area: lijn; height: 1px; margin: 40px calc(-1 * var(--nova-zij)) 32px; background: var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk { grid-area: zij; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { grid-area: balk; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels { grid-area: tegels; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop.donker::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-filterkaart { border: 0; box-shadow: none; background: none; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catgroep { display: none; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-waas { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > h3:first-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst.gevouwen .shop-cattekst-in { max-height: none; overflow: visible; display: block; -webkit-line-clamp: unset; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in p { margin: 0; font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk { margin: 0; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { border-top: 0; margin: 0 0 24px; padding: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-getal { display: block; margin: 2px 0 2px; font-size: 26px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; font-stretch: 92%; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-getal + .nova-titel { font-size: 16px; font-weight: 500; line-height: 1.35; min-height: 0; margin: 0 0 4px; -webkit-line-clamp: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .shop-kaart-spec { font-size: 14px; color: var(--h-inkt2); }
@media (min-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-tegels { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal { font-size: 17px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal + .nova-titel { display: none; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp { grid-template-columns: minmax(0, 740px) minmax(0, 1fr); gap: 56px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij.met-strook { display: flex; flex-direction: column; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-fotokaart { order: 0; width: 100%; aspect-ratio: 740 / 500; height: auto; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-strook { order: 1; position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; height: auto; max-height: none; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-mini { width: 100%; height: auto; aspect-ratio: 364 / 300; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-mini:first-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-mini img { width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-galerij .pdp-mini.aan { outline: 2px solid var(--ink); outline-offset: -2px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-bovenregel { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-paden { order: -1; margin: 0 0 12px; font-size: 15px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-paden a { color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-titelregel h1 { font-size: 40px; line-height: 1.06; letter-spacing: -0.028em; font-stretch: 92%; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-kort { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-artikelnr { order: 0; margin: 12px 0 0; padding: 0 0 22px; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--h-inkt2); text-align: left; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopblok.pdp-koopblok-vlak { background: none; border: 0; padding: 0; margin-top: 22px; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-prijs { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-prijs .klein:first-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-prijs-bedrag { font-size: 40px; font-weight: 600; letter-spacing: -0.025em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-prijs .klein { font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-tweedeprijs { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-verborgen { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm { display: flex; flex-direction: column; gap: 8px; margin: 26px 0 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-kop { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-kop b { font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-kop small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; padding: 8px 16px; border: 1.5px solid var(--h-lijn2); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus > span { display: flex; flex-direction: column; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus em { font-style: normal; font-weight: 600; font-size: 16px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus:hover { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vorm-keus.h-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-aantal-kop { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopregel { gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopregel .pdp-teller { height: 56px; border: 1.5px solid var(--h-lijn2); border-radius: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koop { height: 56px; border-radius: 12px; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-voorraad { order: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-betalen { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > .shop-usp-lijst { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-bezorg.vorm-regels { border: 0; border-radius: 0; margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-bezorg-rij { border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-bezorg-rij:last-child { border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > .pdp-titelregel { order: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-paden { order: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-artikelnr { order: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > .pdp-koopblok { order: 4; display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopblok > .pdp-prijsvak { order: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopblok > .pdp-koopvorm { order: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-koopblok > .pdp-voorraad { order: 2; margin-top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > .pdp-bezorg { order: 6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > .pdp-knoppenrij { order: 7; margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-info > :not(.pdp-titelregel, .pdp-bovenregel, .pdp-koopblok, .pdp-bezorg, .pdp-knoppenrij) { order: 5; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-onder { gap: 48px 56px; padding-top: 72px; border-top: 1px solid var(--line); margin-top: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-onder > .pdp-onder-rechts { order: -1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-pdp-onder h2, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punten-titel { font-size: 32px; line-height: 1.1; letter-spacing: -0.025em; font-stretch: 92%; font-weight: 600; margin: 0 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-spectabel .pdp-specregel { display: grid; grid-template-columns: 40% 1fr; gap: 16px; padding: 15px 0; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-spectabel .pdp-specregel:last-child { border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-spectabel dt { font-weight: 400; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-spectabel dd { text-align: left; font-weight: 500; color: var(--ink); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-spectabel dd a { color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punt { gap: 12px; font-size: 16px; padding: 5px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punt.plus .pdp-punt-teken { background: none; color: var(--h-groen); font-size: 0; width: 16px; height: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punt.plus .pdp-punt-teken::before { content: ""; display: block; width: 6px; height: 11px; margin: 0 0 0 5px; border-right: 2.4px solid currentColor; border-bottom: 2.4px solid currentColor; transform: rotate(45deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punt.min .pdp-punt-teken { background: none; border: 1.6px solid var(--h-inkt3); color: var(--h-inkt3); border-radius: 50%; font-size: 0; width: 16px; height: 16px; position: relative; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-punt.min .pdp-punt-teken::before { content: "i"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-deel-breed .shop-kaart { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-deel-breed .shop-kaart > img { order: -1; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; margin: 0 0 12px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-deel-breed .shop-kaart > div { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .pdp-deel-breed > div > div:first-child { font-size: 32px; font-weight: 600; letter-spacing: -0.025em; font-stretch: 92%; margin-bottom: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check { margin-top: 28px; padding: 24px 26px; border-radius: 16px; background: #fbf7ef; border: 1.5px solid #eadfc8; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check.h-check-goed { background: #f2f9ef; border-color: #cfe3d2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-kop { display: flex; flex-direction: column; margin-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-kop b { font-size: 19px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-kop small { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rijen { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij { display: flex; gap: 12px; align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij i { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-ok i { background: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-ok i::before { content: ""; width: 5px; height: 10px; margin-top: -2px; border-right: 2.4px solid #fff; border-bottom: 2.4px solid #fff; transform: rotate(45deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-let i { background: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-let i::before { content: "!"; color: #fff; font-style: normal; font-weight: 700; font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij b { font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rij small a { color: var(--winkel-accent); }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-check-rijen { grid-template-columns: 1fr; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-regels .wagen-voorraad.ja { background: none; padding: 0; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: start; padding-block: 12px 48px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-l h1, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-l h2 { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -0.028em; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-l .site-rijzin { font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-foto { width: 100%; height: 340px; object-fit: cover; border-radius: 16px; margin: 32px 0 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen li { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen li > span:last-child { display: flex; flex-direction: column; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen b { font-weight: 600; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen small { font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-stappen .hc-nr { flex: 0 0 32px; width: 32px; height: 32px; background: #fff; color: var(--ink); border: 1.5px solid var(--ink); font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-tool { display: flex; flex-direction: column; padding: 28px; border-radius: 18px; border: 1px solid var(--line); background: #fff; box-shadow: 0 24px 50px -34px rgba(19, 35, 43, .5); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-tool h2 { font-size: 22px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-tool > p { margin: 4px 0 16px; font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-in { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 48px; align-items: center; height: 60px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; overflow: hidden; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-in .hc-k { width: 48px; font-size: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-in b { text-align: right; font-size: 26px; font-weight: 600; padding-right: 8px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-in em { font-style: normal; color: var(--h-inkt3); padding-right: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-uit { display: flex; flex-direction: column; line-height: 1.35; margin: 20px 0 16px; padding: 18px; border-radius: 12px; background: var(--h-blauw-licht); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-uit span { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-uit b { font-size: 24px; font-weight: 600; letter-spacing: -.01em; margin: 2px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-uit small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-banden { display: flex; flex-direction: column; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 14px 10px 10px; border-radius: 10px; border: 1.5px solid transparent; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band.hc-aan { border-color: var(--ink); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-kleur { width: 8px; height: 36px; border-radius: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-k0 { background: #2f7d1a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-k1 { background: #76a83c; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-k2 { background: #d69a1c; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-k3 { background: #b3261e; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band > span:not(.hc-gt-kleur) { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-band em { font-style: normal; font-size: 13.5px; color: var(--h-inkt3); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-knoppen { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-knoppen .site-knop { display: inline-flex; align-items: center; justify-content: center; height: 50px; border-radius: 10px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-knoppen .site-knop-licht { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); padding: 0 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt-bron { margin: 14px 0 0; font-size: 13.5px; color: var(--h-inkt3); line-height: 1.5; }
@media (max-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-gt { grid-template-columns: 1fr; gap: 32px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb { padding-block: 12px 56px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kop { max-width: 900px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kop h1, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kop h2 { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -0.028em; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kop .site-rijzin { font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kopregel { display: flex; align-items: center; gap: 24px; margin-top: 28px; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-zoek { flex: 1 1 360px; display: flex; align-items: center; gap: 12px; max-width: 560px; height: 56px; padding: 0 18px; border-radius: 10px; border: 1.5px solid var(--winkel-accent); box-shadow: 0 0 0 4px rgba(13, 111, 166, .12); color: var(--h-inkt3); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-zoek input { flex: 1; height: 100%; border: 0; outline: 0; background: none; font: inherit; font-size: 17px; font-weight: 500; color: var(--ink); padding: 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-check { display: flex; gap: 12px; align-items: center; padding: 12px 16px; border-radius: 12px; background: #f2f9ef; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-check > span { display: flex; flex-direction: column; line-height: 1.35; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-check b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-check small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: start; padding-top: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-lijst { max-height: 900px; overflow-y: auto; padding-right: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-prov { margin-bottom: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-prov h3 { font-size: 13.5px; font-weight: 600; color: var(--h-inkt3); margin: 0 0 4px; padding-left: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-prov h3 small { font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 10px 14px; border: 0; border-radius: 10px; background: none; color: var(--ink); font: inherit; text-align: left; cursor: pointer; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g:hover { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g.hc-aan { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g.hc-aan b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-g[hidden], .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-prov[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-status { flex: 0 0 auto; display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 12px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-open { background: #e7f3e2; color: #2f6f17; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-dicht { background: var(--h-vlak2); color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-op { background: var(--h-let-licht); color: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-vraag { background: #fbe7b8; color: #6e4a00; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-leeg { font-size: 14.5px; color: var(--h-inkt2); padding: 0 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-mis { display: flex; flex-direction: column; gap: 2px; margin-top: 16px; padding: 14px; border-radius: 10px; border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-mis b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-mis small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kaart { padding: 32px; border-radius: 18px; border: 1px solid var(--line); background: #fff; box-shadow: 0 24px 50px -34px rgba(19, 35, 43, .5); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kaart[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kaartkop { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-gem { display: block; font-size: 14.5px; font-weight: 600; color: var(--winkel-accent); margin-bottom: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kaartkop h2 { font-size: 24px; line-height: 1.2; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-data { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 4px 0 18px; padding: 12px 16px; border-radius: 10px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-data > div { display: flex; gap: 8px; font-size: 14.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-data dt { color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-data dd { font-weight: 600; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r em { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.25; font-style: normal; font-weight: 600; font-size: 17px; text-align: right; max-width: 260px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-r em small { font-size: 13px; font-weight: 500; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-voorw { display: flex; flex-direction: column; gap: 6px; margin: 14px 0 0; padding: 14px 0 0 18px; border-top: 1px solid var(--line); list-style: disc; font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-let { display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 16px; border-radius: 12px; background: var(--h-let-licht); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-let > span { display: flex; flex-direction: column; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-let b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-let small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-brn { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-brn > span { display: flex; flex-direction: column; line-height: 1.4; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-brn b { font-weight: 600; font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-brn > span a { color: var(--winkel-accent); font-weight: 500; font-size: 14.5px; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-brn small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-lees { flex: 0 0 auto; width: auto; height: 42px; padding: 0 16px; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-na { margin: 12px 0 0; font-size: 14px; color: var(--h-inkt2); line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-na a { color: var(--winkel-accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tabel, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-alg, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz { margin-top: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tabel h2, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-alg h2, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz h2 { font-size: 32px; letter-spacing: -0.025em; margin: 0 0 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 2fr) 130px 150px 200px; gap: 20px; align-items: center; padding: 14px 8px; border-bottom: 1px solid var(--line); font-size: 14.5px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr:hover { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr > span:first-child { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr a { color: var(--winkel-accent); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-th { cursor: default; font-size: 13px; font-weight: 600; color: var(--h-inkt3); letter-spacing: .02em; text-transform: uppercase; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-th:hover { background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-alg ul, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz ul { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-alg li { display: flex; justify-content: space-between; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-alg a { flex: 0 0 auto; max-width: 40%; color: var(--winkel-accent); font-weight: 600; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; text-align: right; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz > p { font-size: 15.5px; color: var(--h-inkt2); margin: -8px 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz li { display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-onz li small { font-size: 14px; color: var(--h-inkt2); }
@media (max-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-grid { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-lijst { max-height: 360px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-tr { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-th { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-sb-kaart { padding: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh { padding-block: 12px 56px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-kop { max-width: 900px; margin-bottom: 36px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-kop h1, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-kop h2 { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.04; letter-spacing: -0.028em; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-kop .site-rijzin { font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 48px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vragen { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-v { padding: 28px; border-radius: 16px; border: 1px solid var(--line); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vkop { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vkop .hc-nr { flex: 0 0 32px; width: 32px; height: 32px; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vkop h2 { display: flex; align-items: center; gap: 8px; font-size: 22px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; margin: 2px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vkop p { font-size: 15px; color: var(--h-inkt2); margin: 2px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-rij { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-veld { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-veld > span { font-size: 14.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-veld > small { font-size: 13.5px; color: var(--h-inkt3); line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto 44px; align-items: center; height: 52px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; overflow: hidden; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in .hc-k { width: 44px; height: 100%; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in b { text-align: right; font-size: 20px; font-weight: 600; padding-right: 6px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in em { font-style: normal; color: var(--h-inkt3); padding-right: 10px; font-size: 14px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-hint { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; font-size: 14.5px; color: var(--h-inkt2); line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-hint > svg { flex: 0 0 auto; color: var(--winkel-accent); margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-hint > span { display: flex; flex-direction: column; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-link { color: var(--winkel-accent); font-weight: 600; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-buien { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bui { display: flex; flex-direction: column; align-items: flex-start; padding: 14px 16px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bui b { font-size: 20px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bui small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bui.hc-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vinken { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vink { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vink input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vink span { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-vink small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-grond { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-grond .hc-chip { background: #fff; border-color: var(--h-lijn2); height: 42px; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-grond .hc-chip.hc-aan { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-weet { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px; border-radius: 10px; background: var(--h-vlak); color: var(--winkel-accent); align-self: stretch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-weet > span { display: flex; flex-direction: column; line-height: 1.4; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-weet b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-weet small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uit { position: sticky; top: 24px; display: flex; flex-direction: column; padding: 28px; border-radius: 18px; background: #fff; border: 1px solid var(--line); box-shadow: 0 24px 50px -34px rgba(19, 35, 43, .5); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uitkop { display: flex; flex-direction: column; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uitkop span { font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uitkop b { font-size: 44px; font-weight: 600; letter-spacing: -.03em; line-height: 1.1; margin: 4px 0; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uitkop small { font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-best { position: relative; margin-top: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-best img { width: 100%; aspect-ratio: 760 / 460; object-fit: cover; border-radius: 12px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-label { position: absolute; left: 14px; top: 14px; display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 6px; background: var(--h-groen); color: #fff; font-size: 14px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-label-let { background: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bestt { display: flex; flex-direction: column; line-height: 1.4; margin-top: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bestt b { font-size: 19px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-bestt small { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-oks { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok { display: flex; gap: 12px; align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok > i { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 1px; font-style: normal; color: #fff; font-weight: 700; font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-ok > i { background: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-ok > i::before { content: ""; width: 5px; height: 10px; margin-top: -2px; border-right: 2.4px solid #fff; border-bottom: 2.4px solid #fff; transform: rotate(45deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-let > i { background: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-let > i::before { content: "!"; width: auto; height: auto; border: 0; transform: none; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-nee > i { background: #b3261e; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok.hc-rh-nee > i::before { content: "\00d7"; width: auto; height: auto; border: 0; transform: none; margin: 0; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok b { font-weight: 600; font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-ok small a { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs > div { display: flex; flex-direction: column; line-height: 1.25; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs b { font-size: 28px; font-weight: 600; letter-spacing: -.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs small { font-size: 14px; color: var(--h-inkt3); margin-top: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-koop { width: auto; height: 50px; padding: 0 22px; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alts { margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alts h3 { font-size: 15px; font-weight: 600; margin: 0 0 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt img { width: 88px; height: 66px; object-fit: cover; border-radius: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt em { font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt-nee img { opacity: .55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt-nee em { color: #b3261e; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-groot { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-groot small { font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-groot .site-knop, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-groot .hc-knop { display: inline-flex; align-items: center; justify-content: center; height: 50px; border-radius: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-deel { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-deel .hc-knop { height: 46px; font-size: 15.5px; }
@media (max-width: 1100px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-grid { grid-template-columns: 1fr; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-uit { position: static; } }
@media (max-width: 640px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-rij, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-buien { grid-template-columns: 1fr 1fr; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-v { padding: 20px 16px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) .h-kaart-label { background: none; padding: 0; height: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) .site-kaart-in { justify-content: flex-start; align-self: stretch; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling { background: #fff; color: var(--h-inkt2); border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { justify-content: center; min-height: 36px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel:not(:first-child), .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-link { display: none; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien-in { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 190px; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child { grid-column: 1 / -1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child .site-categorienaam b { font-size: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam b { font-size: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam small { font-size: 13px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel { grid-template-columns: minmax(0, 1fr); padding-top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-tekst { max-width: 900px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-knoppen:empty, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-usps:empty { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-foto { max-height: 520px; object-fit: cover; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta { width: auto; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); padding: 44px 48px; border-radius: 18px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 40px; align-items: center; padding: 0; max-width: none; text-align: left; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in h2 { grid-column: 1; font-size: 30px; letter-spacing: -0.02em; margin: 0 0 8px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in p { grid-column: 1; font-size: 16.5px; line-height: 1.55; color: var(--h-inkt2); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in .site-knop { grid-column: 2; grid-row: 1 / span 2; height: 50px; padding: 0 24px; border-radius: 10px; }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in { grid-template-columns: 1fr; row-gap: 14px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in .site-knop { grid-column: 1; grid-row: auto; justify-self: start; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta { padding: 28px 22px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-paginakop { max-width: var(--site-breedte); margin: 0 auto; padding: 40px var(--nova-zij) 4px; font-size: clamp(32px, 3.6vw, 52px); line-height: 1.05; letter-spacing: -0.028em; font-weight: 600; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-foto { border-radius: 14px; overflow: hidden; display: block; position: relative; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht img { height: auto; aspect-ratio: 416 / 272; object-fit: cover; width: 100%; border-radius: 14px; transition: transform .5s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht:hover img { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-rubriek { background: #fff; color: var(--winkel-accent); font-weight: 600; border-radius: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-tekst { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-naam { padding: 14px 0 6px; font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-samenvatting { padding: 0 0 6px; font-size: 15px; line-height: 1.5; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht .cell-sub { padding: 0; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot img { aspect-ratio: 16 / 9; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot .site-bericht-naam { font-size: 30px; line-height: 1.15; letter-spacing: -0.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rubriekknop { border-radius: 20px; height: 40px; padding: 0 16px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rubriekknop.aan { background: var(--ink); border-color: var(--ink); color: #fff; }
@media (max-width: 800px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot { grid-template-columns: 1fr; gap: 12px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-foto { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekst > p:only-child { font-size: 18px; line-height: 1.6; color: var(--h-inkt2); max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .h-kaart-getal { order: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { z-index: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-koopkaart-naam, .site-koopkaart-zin, .site-koopkaart-prijs) { z-index: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud { margin: 26px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-rij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 6px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); text-align: center; text-decoration: none; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus b { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus:hover { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus.h-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud + .h-vorm { margin-top: 22px; }
@media (max-width: 500px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-rij { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 40px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-stappen { display: flex; flex-direction: column; gap: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-stap .hc-stapkop { margin-bottom: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties { display: grid; grid-template-columns: 1fr; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties.hc-set-twee { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-optie { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 40px 12px 12px; border: 1.5px solid var(--h-lijn2); border-radius: 14px; background: #fff; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-optie img { width: 96px; height: 76px; object-fit: cover; border-radius: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-t { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-t b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-t small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-t small.hc-artnr { color: var(--h-inkt3); font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-t em { font-style: normal; font-weight: 600; font-size: 15.5px; margin-top: 4px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-bol { position: absolute; right: 14px; top: 14px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-optie.hc-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-optie.hc-aan .hc-set-bol { border: 6px solid var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-som { position: sticky; top: 24px; padding: 24px; border-radius: 18px; border: 1px solid var(--line); background: #fff; box-shadow: 0 26px 50px -34px rgba(19, 35, 43, .55); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-kop { display: block; font-size: 19px; font-weight: 600; margin-bottom: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-som [data-set-regels] { display: flex; flex-direction: column; padding: 4px 0 8px; }
@media (max-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set { grid-template-columns: 1fr; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-som { position: static; } }
@media (max-width: 640px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties.hc-set-twee { grid-template-columns: 1fr; } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-catblokken-boven) { grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "lijn lijn lijn" "boven boven boven" "zij balk balk" "zij tegels tegels"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catblokken-boven { grid-area: boven; padding: 0 0 56px; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken-boven .site-blok > section { padding-inline: 0; }
}
@media (min-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties:has(> :nth-child(3):last-child) .hc-set-optie { grid-template-columns: 1fr; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-opties:has(> :nth-child(3):last-child) .hc-set-optie img { width: 100%; height: 90px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel-kop b { font-size: 19px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-kop b { display: inline-flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-kop b::before { content: ""; width: 30px; height: 30px; border-radius: 50%; background: var(--h-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 14.4px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel-telling { padding: 16px 0 14px; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.wagen-paneel-links a, .wagen-paneel-leeg-knop) { padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-links a { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen .site-knop { display: inline-flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px; font-weight: 600; font-size: 15.5px; text-decoration: none; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen .site-knop-licht { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); font: inherit; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-links { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header > i { display: flex; flex: 0 0 30px; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--ink); color: #fff; font-style: normal; font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header h2 { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-bestelling { background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 26px 50px -34px rgba(19, 35, 43, .55); padding: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-bestelling > h3 { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-knop { height: 56px; border-radius: 12px; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-intro h1 { font-size: 40px; letter-spacing: -0.028em; font-stretch: 92%; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-stappen li.aan i { background: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 0 0 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links { display: flex; flex-direction: column; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .h-rijkopje { margin: 0 0 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links h2 { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .site-rijzin { margin: 14px 0 0; max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-rijkop .site-rijknop { flex: 0 0 auto; padding-bottom: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-met-rijkop > .site-rijzin { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok { margin-top: -6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-stapper { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 40px; align-items: center; height: 50px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; overflow: hidden; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-stapper button { height: 100%; border: 0; background: var(--h-vlak); color: var(--h-inkt2); font-size: 20px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-stapper input { height: 100%; border: 0 !important; border-radius: 0 !important; text-align: right; padding: 0 4px; box-shadow: none; background: #fff; font-size: 18px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-stapper em { font-style: normal; font-size: 14px; color: var(--h-inkt3); padding: 0 8px 0 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-bui { height: 50px; padding: 0 12px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font: inherit; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-knop::after { content: " \2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-spec span { display: inline; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-spec span + span::before { content: " \00b7 "; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span::before { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-perliter { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .shop-kaart > img { border: 2px solid transparent; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .shop-kaart.h-aan > img { border-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .shop-kaart.h-aan .h-kaart-getal { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak.h-met-perliter > :not(:first-child):not(.h-kaart-perliter) { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak .klein, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak small { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-perliter { display: block; font-size: 13.5px; font-weight: 400; color: var(--h-inkt3); margin-top: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 44px; height: 44px; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code { display: block; order: 11; margin: -22px 0 0; align-self: flex-end; font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip { padding: 0; background: none; color: var(--h-groen); font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam { padding: 18px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam b { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child .site-categorienaam b { font-size: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam small { font-size: 13.5px; font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs) { background: var(--h-vlak); padding-block: 88px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs { background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto { position: relative; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-foto { width: 100%; aspect-ratio: 1080 / 820; height: auto; max-height: none; object-fit: cover; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-bijschrift) { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-bijschrift) .site-tekstfoto-foto { aspect-ratio: 520 / 620; object-position: 50% 20%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in h2 { font-size: 36px; line-height: 1.1; letter-spacing: -0.025em; margin: 0 0 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > .site-knop::after { content: " \2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-strook { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 26px 0 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item { display: flex; flex-direction: column; text-decoration: none; color: var(--ink); line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item img { width: 100%; aspect-ratio: 5 / 4; object-fit: contain; mix-blend-mode: multiply; margin-bottom: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item b { font-size: 14.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-knoppen { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-knoppen .site-knop { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 8px; font-size: 15px; font-weight: 600; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-knoppen .site-knop-licht { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bel::before, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-app::before { content: ""; width: 17px; height: 17px; background: currentColor; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bel::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-app::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-links { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link { display: grid; grid-template-columns: 180px minmax(0, 1fr) 20px; gap: 16px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link b { font-weight: 600; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link span { font-size: 15px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link::after { content: "\2192"; color: var(--winkel-accent); text-align: right; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link:hover b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift { position: absolute; left: 20px; bottom: 20px; display: flex; flex-direction: column; padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, .94); line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift b { font-size: 15px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift small { font-size: 13.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.05fr; grid-template-rows: 300px 300px; gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel { position: relative; overflow: hidden; border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel:first-of-type { grid-row: 1 / span 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, rgba(19, 35, 43, .75)); pointer-events: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-foto-onder { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1; display: flex; flex-direction: column; color: #fff; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-foto-onder b { font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-foto-onder small { font-size: 13.5px; color: #e3ecef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers { grid-column: 4; grid-row: 1 / span 2; order: 99; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 28px; border-radius: 14px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer { display: flex; flex-direction: column; padding-bottom: 20px; border-bottom: 1px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer b { font-size: 44px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-sterren { color: #f0a500; letter-spacing: 2px; font-size: 15px; margin: 6px 0 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers > p { margin: 0; font-size: 14.5px; color: var(--h-inkt2); line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-banner-vak { padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner { width: auto; margin-inline: 0; border-radius: 0; min-height: 520px; padding: 88px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in { max-width: 600px; display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { color: #9fd2ef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-kop { font-size: 36px; line-height: 1.1; letter-spacing: -0.025em; font-weight: 600; font-stretch: 92%; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-regel { margin-top: 14px; font-size: 17px; line-height: 1.55; color: #dbe6ea; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { display: inline-flex; align-items: center; height: 48px; padding: 0 22px; margin: 28px 10px 0 0; border-radius: 8px; background: #fff; color: var(--ink); font-weight: 600; font-size: 15.5px; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop:not(.site-banner-knop2)::after { content: "\00a0\2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop2 { background: rgba(255, 255, 255, .08); color: #fff; border: 1.5px solid rgba(255, 255, 255, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) { flex-flow: row wrap; align-content: center; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) .site-banner-in { flex: 0 0 100%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: rotate(45deg); margin-right: 6px; transition: transform .2s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel[open] summary::after { transform: rotate(-135deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { display: flex; align-items: center; justify-content: space-between; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::-webkit-details-marker { display: none; }
@media (max-width: 900px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { flex-direction: column; align-items: flex-start; gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-bijschrift) { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 200px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel:first-of-type { grid-column: 1 / -1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers { grid-column: 1 / -1; grid-row: auto; flex-direction: row; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link { grid-template-columns: 1fr 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link span { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner { min-height: 0; padding: 56px 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after { content: "\2192"; clip-path: none; background: none; width: auto; height: auto; border: 0; transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-knop::before { content: "\2192"; clip-path: none; background: none; width: auto; height: auto; border: 0; transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .btw-inline { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: 150px 230px minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-bui { font-size: 14.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok { margin-top: -28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs) { padding-block: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in h2 { max-width: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > p, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in .site-tekst { max-width: 640px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift { left: calc(var(--nova-zij) + 16px); bottom: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item img { background: transparent; border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merkadres { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder-in { min-height: 64px; padding-block: 18px; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "tabs tabs tabs" "lijn lijn lijn" "boven boven boven" "populair populair populair" "zij balk balk" "zij tegels tegels" "zij blader blader" "onder onder onder"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-catblokken-boven) { grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "tabs tabs tabs" "lijn lijn lijn" "boven boven boven" "populair populair populair" "zij balk balk" "zij tegels tegels" "zij blader blader" "onder onder onder"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tabs { grid-area: tabs; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catblokken-onder { grid-area: onder; padding-top: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { margin-top: 28px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab em { font-style: normal; font-size: 13px; color: var(--h-inkt3); padding: 1px 7px; border-radius: 10px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab:hover { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab.h-aan { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab.h-aan em { background: rgba(255, 255, 255, .16); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart { display: flex; flex-direction: column; gap: 4px; margin-top: 24px; padding: 18px; border-radius: 14px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; margin-bottom: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart small { font-size: 14px; color: var(--h-inkt2); line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart a { margin-top: 8px; font-weight: 600; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels .winkel-tussentegel, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels .shop-tussentegel { border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vergelijk-groep:has(> .h-vk) > .site-vergelijk-in { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { display: grid; grid-template-columns: 170px repeat(var(--h-vk), minmax(0, 1fr)); overflow-x: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { padding: 12px 8px; border-bottom: 1px solid var(--line); font-size: 14.5px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > * { border-bottom: 0; padding-bottom: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-label { color: var(--h-inkt2); display: flex; align-items: center; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat b { font-size: 14.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-cel.h-aan, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan { background: var(--h-blauw-licht); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-prijzen b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp { --hlp-inkt: var(--ink); --hlp-lijn: var(--line); --hlp-knop: var(--winkel-accent); color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kruimel { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 24px; font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kruimel a { color: var(--h-inkt3); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kruimel a:hover { color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kruimel i { font-style: normal; color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kruimel [aria-current] { color: var(--hlp-inkt); font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-melding { margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-boven { display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 56px; padding-top: 24px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i { position: relative; margin: 0; border-radius: 14px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i img { display: block; width: 100%; aspect-ratio: 560 / 460; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-eerste { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-eerste img { aspect-ratio: 1120 / 760; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-koop { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kicker { display: block; font-size: 14.5px; font-weight: 600; color: var(--hlp-knop); margin-bottom: 12px; letter-spacing: .005em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-koop > .hlp-kicker { margin-bottom: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-sub { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; font-size: 15px; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-score { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--h-inkt2); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-score b { color: var(--hlp-inkt); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-sterren { display: inline-flex; gap: 2px; color: #f2a51a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-prijs > b { font-size: 38px; font-weight: 600; letter-spacing: -.025em; line-height: 1; color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-prijs > span { font-size: 15px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-blok { margin-top: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-l { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-l > b { font-weight: 600; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-l > span { font-size: 14.5px; color: var(--h-inkt2); text-align: right; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maat { display: flex; flex-direction: column; align-items: center; padding: 9px 4px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; line-height: 1.3; color: var(--hlp-inkt); text-decoration: none; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maat:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maat b { font-weight: 600; font-size: 15.5px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maat small { font-size: 13px; color: var(--h-inkt3); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maat.is-aan { border-color: var(--hlp-inkt); box-shadow: inset 0 0 0 1px var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-link:hover { color: var(--h-knop2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-reken { margin-top: 14px; font-size: 15px; align-self: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-koopvorm { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen { display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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); border-radius: 10px; cursor: pointer; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm input { position: absolute; opacity: 0; pointer-events: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm-leeg { width: 64px; height: 48px; object-fit: cover; border-radius: 6px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm-t { display: flex; flex-direction: column; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm-t b { font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm-t small { font-size: 13px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm em { font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm.is-aan, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm:has(input:checked) { border-color: var(--hlp-inkt); box-shadow: inset 0 0 0 1px var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm:has(input:focus-visible) { outline: 2px solid var(--hlp-knop); outline-offset: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-doe { display: flex; gap: 12px; margin-top: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-doe .teller.hlp-teller { height: 56px; flex: 0 0 116px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-doe .hlp-knop { flex: 1; height: 56px; margin: 0; border-radius: 8px; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-voorraad { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 14px; font-weight: 500; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-voorraad i { width: 8px; height: 8px; border-radius: 50%; background: #46a12a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-voorraad.is-nee { color: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-voorraad.is-nee i { background: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-lev { margin-top: 20px; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-lev-i svg { flex: 0 0 auto; margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-lev-i > span { display: flex; flex-direction: column; line-height: 1.4; color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-lev-i b { font-weight: 600; font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-lev-i small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-jan { display: flex; gap: 14px; align-items: center; margin-top: 20px; padding: 16px; border-radius: 12px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-jan img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-jan > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-jan b { font-weight: 600; font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-jan small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-tabs a { position: relative; padding: 16px 0; color: var(--h-inkt2); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-tabs a:hover { color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-tabs a.is-aan { color: var(--hlp-inkt); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-tabs a.is-aan::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-sectie { padding-top: 104px; scroll-margin-top: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-tabs + .hlp-sectie { padding-top: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop { display: flex; align-items: flex-end; gap: 40px; margin-bottom: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop-l { max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-h3 { margin: 0 0 6px; font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -.012em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop-p { margin: 14px 0 0; font-size: 18px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop-r { margin-left: auto; flex: 0 0 auto; padding-bottom: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-inhoud { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-inhoud[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-deel { display: flex; flex-direction: column; gap: 3px; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-deel-beeld { position: relative; display: block; border-radius: 12px; overflow: hidden; margin-bottom: 12px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-deel-beeld img { display: block; width: 100%; aspect-ratio: 420 / 320; object-fit: contain; mix-blend-mode: multiply; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-deel b { font-weight: 600; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-deel small { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-artnr { display: block; margin-top: 4px; font-size: 13px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-twee { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-twee .hlp-skop { margin-bottom: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-specs { margin: 0; display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-specs[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-specs dt { color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-specs dd { margin: 0; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm { display: flex; flex-direction: column; gap: 14px; padding-top: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.45; font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm li svg { flex: 0 0 auto; margin-top: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-plus svg { color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-min svg { color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-min { padding-top: 14px !important; border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-docs { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-doc:hover { border-color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-doc > span { flex: 1; display: flex; flex-direction: column; line-height: 1.35; color: var(--hlp-inkt); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-doc b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stappen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap { margin: 0; display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; margin-bottom: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap figcaption { display: flex; flex-direction: column; gap: 3px; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap-nr { font-size: 14px; font-weight: 600; color: var(--hlp-knop); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap b { font-weight: 600; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stap small { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kaarten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mts { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-mt-beeld { display: block; width: 100%; border-radius: 10px; overflow: hidden; background: var(--h-vlak); margin-bottom: 12px; outline: 2px solid transparent; outline-offset: -2px; transition: outline-color .2s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt-beeld img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt.is-aan .hlp-mt-beeld { outline-color: var(--hlp-knop); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt:hover .hlp-mt-beeld { outline-color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt b { font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt > span:not(.hlp-mt-beeld) { font-size: 14px; color: var(--h-inkt2); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt em { font-style: normal; font-weight: 600; margin-top: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt.is-aan b { color: var(--hlp-knop); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-raster { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-raster .hlp-skop { margin-bottom: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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); background: #fff; color: var(--hlp-inkt); font-weight: 600; font-size: 16px; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-knop-rand:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq { border-top: 1px solid var(--hlp-lijn); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-i { border-bottom: 1px solid var(--hlp-lijn); }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-i summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-i summary svg { flex: 0 0 auto; transition: transform .2s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-i[open] summary svg { transform: rotate(180deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-i p { margin: 0; padding: 0 0 22px; color: var(--h-inkt2); max-width: 78ch; font-size: 16px; line-height: 1.65; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-boven { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal { grid-template-columns: repeat(4, 72%); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i { scroll-snap-align: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-eerste { grid-column: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-eerste img { aspect-ratio: 4 / 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-titel { font-size: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-sub { flex-wrap: wrap; gap: 6px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-inhoud, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-stappen, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kaarten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-twee, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-faq-raster { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mts { grid-template-columns: repeat(8, 40%); overflow-x: auto; scrollbar-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-sectie { padding-top: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-h2 { font-size: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop-r { margin-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-specs > div { grid-template-columns: 140px minmax(0, 1fr); }
}
@media (max-width: 520px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-maten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal { grid-template-columns: repeat(4, 86%); }
}
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header { height: auto; min-height: 92px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu { height: auto; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp .hlp-koopvorm { background: none; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-kop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-top: 40px; padding-bottom: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-titel { margin: 0; font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -.028em; font-stretch: 92%; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen { display: flex; gap: 10px; margin: 0 0 6px; padding: 0; list-style: none; font-size: 15px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li { display: flex; align-items: center; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li + li::before { content: ""; width: 40px; height: 1.5px; background: var(--h-lijn2); margin-right: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen i { width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--h-lijn2); display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 13.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen .is-aan { color: var(--ink); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen .is-aan i { background: var(--ink); border-color: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-melding { margin-bottom: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-in { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-in.wagen-vlak { background: none; padding: 0; border: 0; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-regels { border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-regel { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto 150px 24px; gap: 24px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line); background: none; border-radius: 0; box-shadow: none; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-foto { display: block; width: 150px; height: 118px; border-radius: 10px; overflow: hidden; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-foto img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-t { display: flex; flex-direction: column; gap: 3px; line-height: 1.4; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-naam { font-size: 17px; font-weight: 600; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-naam:hover { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-sub { font-size: 14.5px; color: var(--h-inkt2); margin-bottom: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-voorraad { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-voorraad i { width: 8px; height: 8px; border-radius: 50%; background: #46a12a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-voorraad:is(.nee, .wacht) { color: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-voorraad:is(.nee, .wacht) i { background: var(--h-let); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-artnr { font-size: 13px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; letter-spacing: .01em; margin-top: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-aantal { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-aantal [data-wagen-knop] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-prijs { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-prijs b { font-size: 19px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-prijs small { font-size: 13.5px; color: var(--h-inkt3); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-weg { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-weg button { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: var(--h-inkt3); cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-weg button:hover { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-l .h-check { margin-top: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-verder { display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; font-weight: 600; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-ov { display: flex; flex-direction: column; padding: 28px; border-radius: 16px; border: 1px solid var(--line); background: #fff; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-ov-kop { margin: 0 0 12px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-rij { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; font-size: 15.5px; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-rij[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-rij b { font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-rij small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-korting b { color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuzes { display: flex; flex-direction: column; gap: 8px; padding: 14px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze { display: flex; align-items: center; gap: 14px; padding: 15px 16px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze.is-aan { border-color: var(--winkel-accent); box-shadow: 0 0 0 3px rgba(13, 111, 166, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze > i { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--h-lijn2); box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze.is-aan > i { border: 6px solid var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze > span { display: flex; flex-direction: column; line-height: 1.35; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-keuze em { margin-left: auto; font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-gratis { padding: 10px 0 0; font-size: 14px; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-gratis[hidden] { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-code { padding: 16px 0; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-code label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-codevorm { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-codevorm input { height: 50px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 16px; background: #fff; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-codevorm input:focus { outline: none; border-color: var(--winkel-accent); box-shadow: 0 0 0 3px rgba(13, 111, 166, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-codevorm button { height: 50px; padding: 0 22px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; color: var(--ink); font-weight: 600; font-size: 16px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-codevorm button:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-code-wis { grid-column: 1 / -1; justify-self: start; height: auto !important; padding: 0 !important; border: 0 !important; color: var(--h-inkt3) !important; font-weight: 500 !important; font-size: 14px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-code-fout { margin-top: 8px; font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-tot { display: flex; justify-content: space-between; align-items: baseline; padding: 18px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-tot span { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-tot small { font-size: 14px; color: var(--h-inkt3); font-weight: 400; margin-left: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-tot b { font-size: 30px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-afrekenen { display: flex; align-items: center; justify-content: center; gap: 10px; height: 56px; border-radius: 8px; background: var(--winkel-accent); color: #fff; font-weight: 600; font-size: 17px; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-afrekenen:hover { background: var(--h-knop2); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-ov .wagen-betaallogos { justify-content: center; margin-top: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-zeker { display: flex; flex-direction: column; gap: 10px; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line); list-style: none; font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-zeker li { display: flex; gap: 10px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-zeker svg { color: var(--winkel-accent); flex: 0 0 auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-leeg { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 24px 0 80px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-leeg b { font-size: 20px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-kop { flex-direction: column; align-items: flex-start; padding-top: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-titel { font-size: 36px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen { font-size: 13.5px; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li + li::before { width: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-in { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-regel { grid-template-columns: 96px minmax(0, 1fr) 24px; grid-template-areas: "foto t weg" "foto aantal prijs"; gap: 12px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-foto { grid-area: foto; width: 96px; height: 80px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-t { grid-area: t; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-aantal { grid-area: aantal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-prijs { grid-area: prijs; grid-column: 3 / 4; justify-self: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-weg { grid-area: weg; align-self: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-ov { padding: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kaarten .shop-kaart { display: flex; flex-direction: column; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-populair { grid-area: populair; margin: 0 0 48px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-blader { grid-area: blader; margin-top: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-populair .shop-tegels { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 24px 0 0; font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad .kruimel-terug svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad a { color: var(--h-inkt3); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad a:hover { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad > span[aria-hidden] { color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad [aria-current] { color: var(--ink); font-weight: 500; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop.h-hier { color: var(--winkel-accent); box-shadow: inset 0 -2px 0 var(--winkel-accent); } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier { display: grid; grid-template-columns: 420px minmax(0, 1fr); column-gap: 72px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > :not(.site-formulier-in) { grid-column: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > .site-formulier-in { grid-column: 2; grid-row: 1 / span 6; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > h2 { margin: 0 0 14px; font-size: 38px; line-height: 1.08; font-weight: 600; letter-spacing: -.025em; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > p { margin: 0; font-size: 18px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-feiten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-feiten dt { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-feiten dd { margin: 2px 0 0; font-size: 17px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; border-top: 0; max-width: none; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 14px 16px; border: 0; border-radius: 12px; background: var(--h-vlak); font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel:hover { background: var(--h-vlak2); color: var(--ink); }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { width: min(var(--thema-breedte, 1296px), calc(100% - 2 * var(--nova-zij))); margin-inline: auto; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto) { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto):hover { border-color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto) .site-kaart-in::before { content: ""; display: block; width: 22px; height: 22px; margin-bottom: 14px; background: var(--winkel-accent); -webkit-mask: var(--h-kaart-icoon, none) center / contain no-repeat; mask: var(--h-kaart-icoon, none) center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href^="tel:"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href*="wa.me"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href^="mailto:"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--h-lijn2); padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten dt { font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten dd { margin: 0; font-size: 15px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in label { font-size: 14px; font-weight: 600; color: var(--ink); }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i { flex: 0 0 86%; scroll-snap-align: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-i img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal-eerste img { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code { margin: 4px 0 0; align-self: flex-start; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen { position: relative; gap: 9px; font-size: 15.5px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen svg { width: 22px; height: 22px; stroke-width: 1.8; flex: 0 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen .wagen-teller { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen.h-wagen-vol .wagen-teller { display: block; position: absolute; left: 13px; top: 1px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; box-sizing: border-box; font: 700 12.5px/20px "Instrument Sans", sans-serif; text-align: center; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen.h-wagen-vol .wagen-woord { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .h-wagen-bedrag { font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .kop-account svg { width: 22px; height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .kop-account { font-size: 15.5px; font-weight: 500; gap: 9px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst small { font-weight: 400; font-size: 13px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::before { content: none; display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button svg { display: block; width: 21px; height: 21px; stroke-width: 1.9; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::after { content: none; display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 46px; min-width: 46px; height: 46px; place-items: center; padding: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { min-height: 40px; height: 40px; gap: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.shop-mededeling-deel, .shop-mededeling-link) { font-size: 14px; font-weight: 400; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel + .shop-mededeling-link ~ .shop-mededeling-link { margin-left: -4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header-in { gap: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel { gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst { line-height: 1.25; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst b { font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { gap: 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-paneelknop { margin-left: -14px; padding: 0 16px 0 14px; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop { font-size: 15.5px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-rechts .shop-menu-kop { font-size: 15.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 32px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-titel { display: flex; align-items: flex-end; min-height: 56px; margin: 16px 0 0; font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { margin-top: 4px; font-size: 14.5px; font-weight: 400; color: var(--h-inkt3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-voet { margin: 12px 0 10px; padding-top: 12px; border-top: 1px solid var(--line); align-items: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .h-kaart-perliter { margin-top: 4px; font-size: 13.5px; line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-prijs { line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 46px; min-width: 46px; height: 46px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip { font-size: 14px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-skop-r { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-mt em, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vorm em { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm { padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-pm > .hlp-h3 + .hlp-plus { margin-top: -14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) { row-gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-titel { margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-voet { margin: 16px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-chiprij { margin-top: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-chiprij .nova-chip { height: 22px; line-height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code { margin-top: -22px; line-height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) > img { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { margin-bottom: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer { padding-top: 0; margin-top: 120px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: 48px; padding: 72px var(--nova-zij) 60px; max-width: var(--site-breedte); margin-inline: auto; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer-in > * { margin: 0; padding: 0; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-logo { height: 60px; max-height: none; width: auto; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-merkregel { margin: 18px 0 22px; max-width: 330px; font-size: 15px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan { gap: 14px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan img { width: 60px; height: 60px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan > span { line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan b { font-size: 16px; font-weight: 600; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan > span > span { font-size: 14px; line-height: 1.4; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop { margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 26px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop + div { display: flex; flex-direction: column; gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop + div > a { display: block; padding: 0; margin: 0; font-size: 15px; line-height: 24px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop + div > a:hover { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in { gap: 28px; padding-top: 20px; padding-bottom: 24px; font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { order: 2; display: flex; gap: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks > a:last-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in .shop-betaallogos { order: 3; margin-left: auto; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in .shop-voet-kolomkop + div[style] { gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-merkregel { margin: 18px 0 22px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-logo { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in { justify-content: flex-start; padding-top: 20px; padding-bottom: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in .shop-betaallogos { margin-left: auto; margin-right: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-merkregel { line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in { align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-betaallogos { padding: 0; height: 22px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-betaallogo-beeld { height: 22px; width: auto; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .h-voet-jan { margin-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in .shop-betaallogos { padding: 0; height: 22px; min-height: 0; align-items: center; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-rijkop h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-banner-kop) { font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; font-stretch: 92%; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst { align-self: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst .site-kopje { font-size: 14.5px; line-height: 1.6; margin-bottom: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-size: 54px; line-height: 1.03; letter-spacing: -0.032em; font-stretch: 90%; margin: 0 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-zin { font-size: 18.5px; line-height: 1.55; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen { margin-top: 30px; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps { display: flex; gap: 26px; margin: 30px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 0; font-size: 14.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li b { color: var(--ink); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto img { height: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs b { font-size: 22px; line-height: 1.15; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: var(--h-bewijs-kleur, var(--winkel-accent)); -webkit-mask: var(--h-bewijs-icoon) center / contain no-repeat; mask: var(--h-bewijs-icoon) center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs-ster { --h-bewijs-kleur: #f2a51a; --h-bewijs-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3L2.9 9.5l6.3-.9z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs-winkel { --h-bewijs-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.5 4h15L21 9.5M3 9.5h18M3 9.5V20h18V9.5M9 20v-6h6v6'/%3E%3C/svg%3E"); }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop .site-koopkop-tekst { gap: 0; row-gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto { height: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto img { height: 100%; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken { padding: 22px 26px; column-gap: 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-kop h2 { font-size: 18px; line-height: 1.4; letter-spacing: -0.01em; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-kop p { font-size: 14px; line-height: 1.4; color: var(--h-inkt3); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-vlak { grid-template-columns: 200px 290px minmax(0, 1fr); column-gap: 16px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok .site-kopje { font-size: 14.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .h-stapper em { font-size: 16px; font-weight: 400; color: var(--h-inkt3); font-style: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .site-reken-getal b { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .site-reken-regel-prijs { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { left: 24px; right: 24px; bottom: 20px; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam b { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorie:first-child .site-categorienaam b { font-size: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam small { font-size: 14.5px; color: #e3ecef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal { font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span:first-child { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:not(:has(> .shop-kaart:nth-child(8):last-child)) .h-kaart-getal { font-size: 24px; line-height: 1.1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item b { font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-item small { font-size: 14.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift b { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift small { font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-knoppen :is(.btn-primary, .site-knop) { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-link span { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-foto-onder b { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-foto-onder small { font-size: 14px; color: #dde7ea; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer b { font-size: 52px; line-height: 1; letter-spacing: -0.03em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten .h-kaart-label { font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten .site-kaart.metfoto .site-kaart-in b { font-size: 20px; line-height: 1.3; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { font-size: 17.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .site-knop { font-size: 16px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) { grid-template-columns: 520px minmax(0, 1fr); column-gap: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .site-tekstfoto-in h2 { max-width: none; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .site-tekstfoto-in > p, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .site-tekstfoto-in .site-tekst p { max-width: none; font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen { margin: 28px 0 34px; padding: 0; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen :is(.btn-primary, .site-knop) { height: 48px; padding: 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-link { grid-template-columns: 230px minmax(0, 1fr) 20px; gap: 16px; padding: 18px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-bijschrift { left: 20px; bottom: 20px; padding: 12px 16px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .site-knop { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.soort-samen, .shop-lijst, .hlp) .h-kaart-getal { font-size: 24px; line-height: 1.1; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen > * { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-link b { font-size: 18px; line-height: 1.6; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina { gap: 104px; padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-rekenblok { margin-top: -76px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-rekenblok .site-reken { margin-top: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok > section { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-tekstfoto:has(> .site-tekstfoto.vlak-grijs) { padding-top: 104px; padding-bottom: 104px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) .site-banner-in { flex: 0 0 100%; max-width: none; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in > * { max-width: 600px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { display: block; margin: 0 0 12px; color: #a9d6f2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .site-banner-kop { display: block; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .site-banner-regel { display: block; margin: 0; font-size: 18px; line-height: 1.55; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { gap: 10px; margin: 30px 12px 0 0; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop:not(.site-banner-knop2)::after { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop2 { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .45); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner:has(.site-banner-knop2) { justify-content: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { line-height: 1.6; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { min-height: 39px; height: 39px; padding-block: 0; line-height: 22.4px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { min-height: 54px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .logo-beeld { height: 56px; width: auto; max-height: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kop-rechts { gap: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kop-rechts > .shop-wagen { margin-left: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken { padding: 22px 26px; border-radius: 14px; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-vlak { grid-template-rows: 1fr auto; row-gap: 0; align-items: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-veld { gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-veld > span:first-child { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { margin: 0; padding: 0 0 0 18px; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal b { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regels { margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel { position: relative; display: flex; flex-direction: column; padding: 0 136px 0 0; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-prijs { padding-left: 18px; border-left: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst b { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-prijs { line-height: 1.3; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-knop { position: absolute; right: 0; bottom: 0; display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 22px; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-knop::after, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-knop-pijl::after { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel { gap: 0; align-items: stretch; justify-content: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst { display: block; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { align-self: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal { display: inline; }
}
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { font-size: 13.5px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok :is(.h-rijkopje, .site-kopje) { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .h-rijkopje, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten > .site-kopje { margin: 0 0 12px; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { margin: 0 0 40px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-rijkop .site-rijknop { gap: 7px; padding: 0; margin-bottom: 4px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor; -webkit-mask: var(--h-pijl2) center / 16px no-repeat; mask: var(--h-pijl2) center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { display: flex; flex-direction: column; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam > * { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) > .shop-kaart { gap: 1px; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-voet { margin: 6px 0 0; padding: 0; min-height: 0; height: auto; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .nova-prijs { font-size: 16px; line-height: 1.35; font-weight: 600; letter-spacing: 0; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span { margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-getal { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-titel { margin: 0; min-height: 0; font-size: 16px; font-weight: 500; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec { margin: 0; font-size: 14.5px; font-weight: 400; line-height: 1.6; color: var(--h-inkt3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec span { font: inherit; color: inherit; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip { height: 22px; line-height: 22px; font-size: 14px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip::before { width: 8px; height: 8px; margin-right: 8px; background: #46a12a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: -26px 0 0; line-height: 22px; align-self: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip::before { margin-right: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-titel { letter-spacing: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-spec span + span::before { content: " \00b7\00a0"; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto { width: 100%; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto img { width: 100%; min-width: 0; object-position: center top; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { bottom: 22px; height: 73.4px; background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam { bottom: 56.9px; margin: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { bottom: 38px; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { bottom: 37.6px; margin: 0; line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs b { display: block; letter-spacing: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child img { inset: 0; height: 100%; object-fit: cover; object-position: 50% 50%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .h-kaart-label { font-size: 13.5px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-knop { margin: 0; gap: 10px; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-knop::before { content: ""; width: 18px; height: 18px; flex: 0 0 18px; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) { grid-template-columns: 600px minmax(0, 1fr); column-gap: 64px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-foto { width: 600px; height: 500px; max-height: none; object-fit: cover; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in .h-rijkopje { margin: 0 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in h2 { max-width: none; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in > p { max-width: 60ch; margin: 0 0 28px; font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .h-tf-strook { margin: 0 0 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in > .site-knop { margin: 0; gap: 10px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .h-tf-item { gap: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .h-tf-item img { aspect-ratio: 240 / 190; object-fit: cover; mix-blend-mode: normal; margin: 0 0 10px; border-radius: 10px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-strook) .site-tekstfoto-in > .site-knop::after { content: ""; width: 18px; height: 18px; flex: 0 0 18px; margin: 0; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-specs { margin-top: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-spec { min-height: 0; padding: 0; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-spec { height: auto; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-bijschrift { left: calc(max(var(--nova-zij), (100% - var(--thema-breedte)) / 2) + 20px); bottom: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .site-tekstfoto-in .h-rijkopje { margin: 0 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen .site-knop { gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen .site-knop svg { width: 18px; height: 18px; flex: 0 0 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-link span { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-link::after { content: ""; justify-self: end; width: 18px; height: 18px; background: var(--winkel-accent); -webkit-mask: var(--h-pijl2) center / 18px no-repeat; mask: var(--h-pijl2) center / 18px no-repeat; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { grid-template-columns: 420px repeat(2, minmax(0, 1fr)) 300px; gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-foto-onder { left: 0; right: 0; bottom: 0; padding: 48px 18px 16px; background: linear-gradient(180deg, rgba(19, 35, 43, 0), rgba(19, 35, 43, .8)); line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer { gap: 4px; padding-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer .h-sterren { margin: 0; font-size: 16px; line-height: 16px; letter-spacing: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer small { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) > img { aspect-ratio: 416 / 273; height: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) .site-kaart-in { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) .h-kaart-label { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl-omlaag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
@media (min-width: 901px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag.twee-kolommen { grid-template-columns: 420px minmax(0, 1fr); column-gap: 72px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .h-rijkopje { margin: 0 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop h2 { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop p { margin: 14px 0 24px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .site-knop { margin: 0; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { gap: 20px; padding: 21px 0; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::after { content: ""; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-pijl-omlaag) center / 20px no-repeat; mask: var(--h-pijl-omlaag) center / 20px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel[open] summary::after { transform: rotate(180deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-antwoord { max-width: 78ch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag .site-vraag-regel summary::after { background: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop { font-weight: 600; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .h-voet-score { margin-top: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .h-voet-score b { font-weight: 700; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop { font-weight: 600 !important; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) main.site-main { padding-bottom: 0; } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { grid-template-columns: 260px 220px minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-kruimels { margin: 0 0 28px; padding: 24px 0 0; min-height: 0; font-size: 14px; line-height: 22px; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-catkop-foto { border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-catkop-titel, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-lijsttitel { margin: 0 0 16px; padding-right: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst { padding-right: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst-in, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst-in p { font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tabs { gap: 10px; margin: 40px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { margin: 28px calc(-1 * var(--nova-zij)) 32px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab { gap: 8px; height: 38px; padding: 0 15px; font-size: 15px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab em, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tab.h-aan em { padding: 0; border-radius: 0; background: none; color: inherit; font-size: 13.5px; font-weight: 500; opacity: .7; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { align-items: center; font-size: 15.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-telling { font-size: 15.5px; line-height: 1.6; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-weergave { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .h-sorteer-op { margin-left: auto; font-size: 15.5px; color: var(--h-inkt2); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-select { height: 42px; padding: 0 38px 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterkaart { border: 0; padding: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtervorm { margin: 0; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep { margin: 0 0 22px; padding: 0 0 22px; border: 0; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; padding: 0; font-size: 16px; font-weight: 600; line-height: 1.6; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary::after { content: ""; flex: 0 0 18px; width: 18px; height: 18px; border: 0; transform: none; background: var(--ink); -webkit-mask: var(--h-pijl-omlaag) center / 18px no-repeat; mask: var(--h-pijl-omlaag) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep:not([open]) > summary { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep:not([open]) > summary::after { transform: rotate(-90deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterlijst { display: flex; flex-direction: column; gap: 0; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel { display: flex; align-items: flex-start; gap: 12px; min-height: 0; height: auto; padding: 5px 0; font-size: 15.5px; line-height: 1.45; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-catvak { flex: 0 0 22px; width: 22px; height: 22px; margin: 1px 0 0; border: 2px solid var(--h-lijn2); border-radius: 6px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel input:checked + .shop-catvak { border-color: var(--winkel-accent); background: var(--winkel-accent) var(--h-vink) center / 14px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filternaam { flex: 1 1 auto; margin: 0; font-size: 15.5px; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal { margin-left: auto; padding-top: 1px; font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-vink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtervorm { border: 0; border-radius: 0; box-shadow: none; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary .chevron { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal::before, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart { margin-top: 0; padding: 20px; gap: 6px; line-height: 1.45; border-radius: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart img { width: 56px; height: 56px; margin: 0 0 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart b { font-size: 16px; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart small { margin: 0 0 6px; font-size: 14.5px; line-height: 1.45; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-jan-kaart a { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-size: 16px; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-pijl-na::after { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--h-pijl2) center / 16px no-repeat; mask: var(--h-pijl2) center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) { position: relative; grid-column: auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px; min-height: 100%; margin: 0; padding: 24px; border: 0; border-radius: 12px; overflow: hidden; background: var(--ink); color: #fff; line-height: 1.35; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19, 35, 43, .1), rgba(19, 35, 43, .82)); pointer-events: none; }
.over .shop-tussentegel-foto { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) > :not(.shop-tussentegel-foto) { position: relative; z-index: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-titel { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-tekst { margin: 0 0 8px; max-width: none; font-size: 15px; line-height: 1.35; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-knoppen { display: flex; margin: 0; padding: 0; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-link { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 8px; padding: 0; font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-link svg { width: 16px; height: 16px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main { padding-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catblokken-onder { margin: 0; padding-top: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken > .site-blok > section { padding-inline: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { grid-template-columns: 190px repeat(var(--h-vk), minmax(0, 1fr)); border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { padding: 13px 10px; font-size: 15px; line-height: 1.6; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > .h-vk-label { padding-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > * { padding: 14px 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > .h-vk-maat.h-aan { border-radius: 10px 10px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat b { font-size: 16px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-cel.h-aan, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan { background: #eef6fb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen { display: grid; grid-template-columns: 360px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 64px; padding: 48px; border-radius: 16px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-rijzin { grid-column: 1; grid-row: 1; margin: 0 0 12px; font-size: 14.5px; font-weight: 600; line-height: 1.6; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2 { grid-column: 1; grid-row: 2; align-self: start; margin: 0; font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap::before, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap-nummer { order: -1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 0 6px; padding: 0; border-radius: 50%; background: var(--ink); color: #fff; font-size: 16px; font-weight: 600; line-height: 1; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap > b { margin: 0; padding: 0; font-size: 18px; font-weight: 600; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap > span:not(.site-stap-nummer) { margin: 0; padding: 0; font-size: 15.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-geenfoto { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; border-radius: 14px; background: var(--h-vlak); color: var(--h-inkt3); font-size: 15px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop { min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken select, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .h-stapper { width: 100%; min-width: 0; max-width: 100%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-gal { margin-inline: -16px; padding-inline: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-rij { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { flex-wrap: wrap; row-gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .h-sorteer-op { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-select { min-width: 0; max-width: 100%; margin-left: auto; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 28px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-rijzin, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-column: 1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2 { font-size: 30px; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-nul { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk-tab > span { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.topbar-badge, .shop-onderbalk-badge) { font-size: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-bericht-rubriek, .site-rubriek, .site-auteurrol, .site-auteurblok-kop, .cell-sub) { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.hc-rh, .hc-rh-v, .hc-sub, .site-subsidie, .hc-sb) small { font-size: max(13px, 1em * 0.8); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reactie-nav small, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-nav small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) form label { font-size: max(13px, 1em); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-vergelijk-naam, .site-vergelijk-prijs, .site-buur) small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.kaart-label, .kaart-korting), .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijs s { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart { padding-block: 0; padding-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { display: grid; grid-template-columns: 96px minmax(0, 1fr) minmax(0, 420px); align-items: center; gap: 28px; margin: 0; padding: 28px 32px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto { display: block; width: 96px; height: 96px; margin: 0; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto img { display: block; width: 96px; height: 96px; margin: 0; border-radius: 50%; object-fit: cover; object-position: 50% 20%; background: var(--h-vlak); filter: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst h2 { margin: 0 0 6px; font-size: 26px; line-height: 1.2; letter-spacing: -0.015em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-form { padding: 0; }
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { grid-template-columns: 64px minmax(0, 1fr); gap: 16px 18px; padding: 22px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto img { width: 64px; height: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst h2 { font-size: 21px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-form { grid-column: 1 / -1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen .site-stap-nummer { color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen.lijn .site-stap > span:not(.site-stap-nummer) { font-size: 15.5px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen.lijn .site-stap > b { font-size: 17px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { max-width: none; width: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-zoekniets) :is(.shop-cattitelrij, .h-tabs, .shop-lijstbalk, .shop-tegels, .shop-zijbalk, .shop-blader) { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-zoekniets)::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets { margin: 24px 0 0; padding: 28px 32px; border: 1px solid var(--line); border-style: solid; border-radius: 16px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets b { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets > span { font-size: 16px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst :is(.shop-cattitelrij, .h-tabs, .shop-lijstbalk, .shop-tegels, .shop-zijbalk, .shop-blader) { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets .shop-sug-opties a:not(.aan) { background: #fff; border: 1.5px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst .card.empty { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 28px; }
@media (max-width: 760px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { justify-content: center; gap: 8px 20px; } }
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder).met-onderbalk .shop-lade { inset: 0 0 var(--onderbalk-h, 66px); top: 0; z-index: 945; overflow-y: auto; overscroll-behavior: contain; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { display: flex; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-kop .shop-lade-sluit { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 0; background: none; color: var(--ink); font-size: 30px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-titel { font-size: 16px; font-weight: 600; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open) { color: var(--h-inkt3); font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open)::before { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk .shop-onderbalk-tab.is-open { color: var(--ink); font-weight: 600; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel-in.apg { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; max-width: none; width: auto; margin: 0; padding: 40px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)) 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-groepen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-kop { margin: 0 0 12px; font-size: 14px; font-weight: 600; letter-spacing: .01em; line-height: 1.6; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 17px; font-weight: 500; line-height: 1.6; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat small { font-size: 14px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat:hover > span { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-rechts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px; margin-bottom: 10px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 10px; background: var(--h-vlak); color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp > span { display: flex; flex-direction: column; line-height: 1.35; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat > span { min-width: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg)::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; background: rgba(19, 35, 43, .42); pointer-events: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg)::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg) { box-shadow: 0 30px 50px -30px rgba(19, 35, 43, .5), 0 0 0 100vmax rgba(19, 35, 43, .42); clip-path: inset(0 -100vmax -100vmax -100vmax); overflow: visible; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-vak .site-banner { min-height: 620px; padding-block: 0; align-content: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-foto::before { background: linear-gradient(90deg, rgba(30, 48, 54, .9) 0, rgba(30, 48, 54, .7) 50%, rgba(30, 48, 54, .15) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in { flex: 0 0 100%; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in > * { max-width: 640px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in .h-rijkopje { margin: 0 0 12px; font-size: 14.5px; color: #a9d6f2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child h1.site-banner-kop { max-width: 640px; margin: 0 0 18px; font-size: 52px; line-height: 1.04; letter-spacing: -.028em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-regel { margin: 0; font-size: 19px; line-height: 1.55; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-knop { margin: 30px 12px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-knop2 { background: rgba(255, 255, 255, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordelen-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel { display: flex; flex-direction: column; gap: 8px; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel-icoon { width: 52px; height: 52px; margin-bottom: 10px; border-radius: 12px; background: var(--h-vlak); color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel-icoon svg { width: 24px; height: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel > b { font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel > span:not(.site-voordeel-icoon) { font-size: 15.5px; line-height: 1.55; color: var(--h-inkt2); }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordelen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina:has(> .site-blok > .site-cta.is-naast) { display: grid; grid-template-columns: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)) minmax(0, 1fr) 64px 520px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); column-gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok { grid-column: 1 / -1; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok:has(+ .site-blok > .site-cta.is-naast) { grid-column: 2; align-self: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok:has(> .site-cta.is-naast) { grid-column: 4; align-self: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) > section { width: auto; max-width: none; margin-inline: 0; padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta.is-naast { margin-inline: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) h2 { margin: 0 0 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) p { max-width: 60ch; margin: 0; font-size: 19px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta.is-naast { width: auto; padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in::before { content: ""; width: 26px; height: 26px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E") center / 26px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E") center / 26px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in h2 { margin: 8px 0 0; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in p { margin: 0 0 8px; font-size: 16px; line-height: 1.5; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in .site-knop { display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-size: 16px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in .site-knop::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--h-pijl2) center / 16px no-repeat; mask: var(--h-pijl2) center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta.is-naast .site-cta-in .site-knop:hover { background: none; color: var(--h-knop2); }
@media (max-width: 999px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta.is-naast { margin-inline: var(--nova-zij); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > p { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon b { font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; padding: 32px; max-width: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-formulier { max-width: none; padding-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-grijs > section.site-formulier { padding-block: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in label { gap: 7px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]), select) { height: 50px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 16px; font-weight: 400; color: var(--ink); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in textarea { min-height: 120px; padding: 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--ink); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input, textarea)::placeholder { color: var(--h-inkt3); opacity: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input, textarea, select):focus { border-color: var(--winkel-accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 18%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen { margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen-kop { margin-bottom: 7px; padding: 0; font-size: 14px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen-rij { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop { position: relative; display: inline-flex; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop span { display: inline-flex; align-items: center; height: 38px; padding: 0 15px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 500; color: var(--ink); cursor: pointer; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input:checked + span { border-color: var(--ink); background: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input:focus-visible + span { box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 25%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak { position: relative; flex-direction: row; align-items: center; gap: 14px; padding: 18px; border: 1.5px dashed var(--h-lijn2); border-radius: 10px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak::before { content: ""; flex: 0 0 24px; width: 24px; height: 24px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") center / 24px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") center / 24px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak:focus-within { border-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak b { font-size: 16px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak small { font-size: 14px; font-weight: 400; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"] { display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 28px; border-radius: 8px; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"]::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { grid-template-columns: minmax(0, 1fr); padding: 20px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"] { justify-self: stretch; justify-content: center; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .site-tekstfoto-foto { aspect-ratio: 3 / 2; border-radius: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > h1 { margin: 0 0 16px; font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -.028em; font-stretch: 92%; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .site-tekstfoto-in > p { margin: 0 0 28px; font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .h-tf-feiten { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; margin: 0; padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .h-tf-feiten > div { padding: 18px 20px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .h-tf-feiten dt { font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .h-tf-feiten dd { font-size: 20px; letter-spacing: -.01em; white-space: nowrap; }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > h1 { font-size: 36px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) { grid-template-columns: minmax(0, 1fr); gap: 24px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .h-tf-feiten dd { white-space: normal; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaarten-in { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:not(.metfoto) { padding: 28px; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-in { gap: 4px; margin: 0; line-height: 1.45; align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:not(.metfoto) .site-kaart-in::before { width: 26px; height: 26px; margin-bottom: 12px; -webkit-mask-size: 26px; mask-size: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-in b { font-size: 19px; font-weight: 600; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-zin { font-size: 17px; font-weight: 500; line-height: 1.45; color: var(--ink); overflow-wrap: anywhere; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-noot { margin-bottom: 16px; font-size: 14.5px; line-height: 1.45; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-knop { flex-direction: row; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 0 16px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:first-child .site-kaart-knop { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-knop::before { width: 18px; height: 18px; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-kaart-icoon, none) center / 18px no-repeat; mask: var(--h-kaart-icoon, none) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:hover .site-kaart-knop { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:first-child:hover .site-kaart-knop { border-color: var(--h-knop2); background: var(--h-knop2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:hover .site-kaart-in b { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs:not(.foto-links)) { background: none; padding-block: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-tekstfoto:has(> .site-tekstfoto.vlak-grijs:not(.foto-links)) { padding-block: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) { width: auto; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); grid-template-columns: minmax(0, 1fr) 420px; gap: 72px; padding: 48px; border-radius: 18px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-foto { order: 2; aspect-ratio: 1; border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-in h2 { margin: 0 0 14px; font-size: 38px; line-height: 1.08; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-in > p { margin: 0 0 24px; font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten { margin: 0; border-top-color: var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten > div { grid-template-columns: 220px minmax(0, 1fr); padding: 13px 0; border-bottom-color: var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten :is(dt, dd) { font-size: 15.5px; }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 28px 20px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-foto { width: 100%; max-width: 420px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs .h-tf-feiten > div { grid-template-columns: 120px minmax(0, 1fr); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-kop { background: #fff; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-kop .afr-kop-in { display: flex; align-items: center; gap: 32px; height: 88px; max-width: none; width: min(var(--thema-breedte), calc(100% - 2 * var(--nova-zij))); margin: 0 auto; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-kop .afr-logo img { display: block; height: 52px; width: auto; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-veilig { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: var(--h-groen); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp { display: flex; align-items: center; gap: 12px; margin-left: auto; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp > span { display: flex; flex-direction: column; line-height: 1.25; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp b { font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr { gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-intro { align-items: center; padding: 32px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-intro h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-intro > span { font-size: 14.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-stappen { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-stappen a { display: flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 400; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-stappen .is-klaar { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-stappen .is-klaar i { border-color: var(--h-groen); background: var(--h-groen); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-vorm { grid-template-columns: minmax(0, 1fr) 440px; gap: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-links { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie { padding: 28px; border: 1px solid var(--line); border-radius: 16px; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie > header { margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie > header > i { flex: 0 0 30px; width: 30px; height: 30px; border: 0; background: var(--ink); color: #fff; font-size: 14.5px; font-weight: 600; font-style: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie > header h2 { font-size: 22px; letter-spacing: -.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie > header p { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie:has(.afr-betaal) > header p { display: block; margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster { grid-template-columns: 1fr 1fr; gap: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster.adres { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster.adres > .afr-veld:nth-child(n+3) { grid-column: span 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-wie > .afr-veld:has(#email) { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-veld { gap: 7px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-label { font-size: 14px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-veld :is(input, select) { height: 50px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 16px; color: var(--ink); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-veld :is(input, select):focus { border-color: var(--winkel-accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 18%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-hint { font-size: 13.5px; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-zakelijk { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 18px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-zakelijk input { flex: 0 0 22px; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-zakelijk > span { display: flex; flex-direction: column; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-zakelijk b { font-size: 16px; font-weight: 400; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-zakelijk small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-zakelijk { margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-herinnering, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-vink { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-herinnering input, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-vink input { width: 18px; height: 18px; accent-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuzes { display: flex; flex-direction: column; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 15px 16px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze:has(input:checked) { border-color: var(--winkel-accent); box-shadow: 0 0 0 3px rgba(13, 111, 166, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze:has(input[value="afhalen"]) { order: 5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuzes > .afr-sub { order: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-radio { width: 20px; height: 20px; margin: 0; border: 2px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze input:checked + .afr-radio, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm input:checked + .afr-radio { border: 6px solid var(--winkel-accent); background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze input:checked + .afr-radio::after, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm input:checked + .afr-radio::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze-in { gap: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze small { font-size: 14px; line-height: 1.35; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze em { font-size: 16px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-keuze em.afr-keuze-korting { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sub { padding: 16px; border-radius: 10px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-betaal { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 0 14px; align-items: center; min-height: 0; padding: 15px 16px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm:has(input:checked) { border-color: var(--winkel-accent); box-shadow: 0 0 0 3px rgba(13, 111, 166, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm .afr-pm-logo { grid-column: 3; grid-row: 1; width: auto; height: 28px; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm .afr-pm-in { grid-column: 2; grid-row: 1; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-pm small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-onder { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-onder a { color: inherit; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-bestelling { gap: 0; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-bestelling > h3 { display: flex; align-items: baseline; gap: 8px; margin: 0 0 12px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-bestelling > h3 span { font-size: 14px; font-weight: 400; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-bestelling > h3 a { margin-left: auto; font-size: 14.5px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-regels { gap: 0; max-height: none; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel .afr-regel-foto { position: relative; display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel .afr-regel-foto img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel .afr-geenfoto { width: 72px; height: 58px; object-fit: cover; border: 0; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel .afr-regel-foto i { position: absolute; top: -6px; right: -6px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 11px; background: var(--ink); color: #fff; font: 600 13px/22px inherit; font-style: normal; text-align: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel > div { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel b { font-size: 15px; font-weight: 600; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel small { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .hl-afr-regel .afr-prijs { min-width: 0; font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen { gap: 0; padding: 0; border-top: 0; font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dt, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dd { padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen .tot { align-self: baseline; padding: 18px 0; border: 0; margin: 0; font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dd.tot { font-size: 30px; letter-spacing: -.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen .tot small { margin-left: 6px; font-size: 14px; font-weight: 400; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-knop { height: 56px; padding: 0 28px; border-radius: 8px; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-veilig { margin: 14px 0 0; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-trust { gap: 10px; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line); font-size: 14.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-logos { margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-voet:has(~ *), .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr ~ .afr-voet { }
@media (max-width: 1099px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-vorm { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-kop .afr-kop-in { height: 64px; gap: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-kop .afr-logo img { height: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-hulp small { display: none; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr-veilig { font-size: 0; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-intro { padding: 20px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-sectie { padding: 20px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster.adres { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-raster.adres > .afr-veld:nth-child(n+3) { grid-column: auto; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main:has(> .hl-afr) { padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr { display: flex; flex-direction: column; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr > .afr-fout { margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen :is(dt, dd) { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dt.tot small { display: inline; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dd.tot { padding: 18px 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr label.hl-afr-zakelijk { margin: 0 0 18px; font-size: 16px; color: var(--ink); align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr :is(.hl-afr-zakelijk, .afr-herinnering, .afr-vink) input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; margin: 1px 0 0; border: 2px solid var(--h-lijn2); border-radius: 6px; background: #fff; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr :is(.hl-afr-zakelijk, .afr-herinnering, .afr-vink) input[type="checkbox"]:checked { border-color: var(--winkel-accent); background: var(--winkel-accent) var(--h-vink) center / 14px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr :is(.hl-afr-zakelijk, .afr-herinnering, .afr-vink) input[type="checkbox"]:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 25%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr > .afr-intro { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dt.tot { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hl-afr .afr-totalen dt.tot small { display: inline; width: auto; }
@media (min-width: 761px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-zoek #shop-sug:has(> .zl3) { top: calc(100% + 14px); left: 0; right: auto; width: min(900px, calc(100vw - 2 * var(--nova-zij))) !important; --zl3-dim: 132px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug:has(> .zl3)::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-zoek #shop-sug:has(> .zl3) { overflow: visible; max-height: none; box-shadow: 0 0 0 100vmax rgba(19, 35, 43, .42); clip-path: inset(0 -100vmax -100vmax -100vmax); border-radius: 12px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3 { grid-template-columns: minmax(0, 1fr) 300px; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(19, 35, 43, .45); font-size: 15.5px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol { padding: 18px 20px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol + .zl3-kol { border-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden { display: flex; flex-direction: column; align-items: stretch; padding: 18px 22px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kop { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol > .zl3-kop ~ .zl3-kop { margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art { grid-template-columns: 80px minmax(0, 1fr) auto; gap: 16px; padding: 8px; border: 0; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kop + .zl3-art { padding-top: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art:hover, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art.sug-aan { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-geenfoto { width: 80px; height: 60px; object-fit: cover; border-radius: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-tekst { gap: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-naam { font-size: 15.5px; font-weight: 600; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-sub { font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-prijs { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art:hover .zl3-art-naam, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art.sug-aan .zl3-art-naam { text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-alles { flex-direction: row-reverse; justify-content: flex-end; gap: 8px; min-height: 0; margin: 10px 8px 0; font-size: 16px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-alles svg { width: 16px; height: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel { display: block; min-height: 0; padding: 6px 0; font-size: 15.5px; font-weight: 400; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden a.zl3-regel { font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel small { margin-left: 4px; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel:hover > span:first-child, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel.sug-aan > span:first-child { color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-top: auto; padding: 14px; border-radius: 10px; background: #fff; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden > :not(.zl3-tip):has(+ a.zl3-tip) { margin-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip::before { content: ""; grid-row: 1 / span 2; width: 22px; height: 22px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 17 3l4 4L7 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E") center / 22px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 17 3l4 4L7 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E") center / 22px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip b { font-size: 15px; font-weight: 600; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip small { font-size: 13.5px; line-height: 1.4; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip:hover b { color: var(--winkel-accent); }
@media (max-width: 760px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3 { grid-template-columns: minmax(0, 1fr); border-radius: 0; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden { padding: 16px 20px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.shop-catkop-titel, .shop-lijsttitel)[data-kopje]::before { content: attr(data-kopje); display: block; margin-bottom: 12px; font-size: 14.5px; font-weight: 600; line-height: 1.4; letter-spacing: .005em; font-stretch: 100%; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) > li { margin: 0; padding: 18px 20px 0 0; font-size: 14px; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) > li::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) strong { display: block; margin-top: 2px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: var(--ink); white-space: nowrap; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-cattekst-in > ul:last-child > li > strong) .shop-catkop-foto { height: 480px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-blok.opm-vlak-grijs { background: var(--h-vlak); box-shadow: 0 0 0 100vmax var(--h-vlak); clip-path: inset(0 -100vmax); padding-block: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-blok.opm-vlak-grijs > section { background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-los { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 14px; align-items: center; padding: 10px 14px 10px 10px; border: 1.5px solid var(--line); border-radius: 12px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x > img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x > span:first-child { grid-row: span 2; width: 72px; height: 58px; object-fit: cover; border-radius: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x .hc-set-t { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x .hc-set-t b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x .hc-set-t small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x > em { align-self: start; font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x .hc-teller { grid-column: 2 / 4; justify-self: start; height: 40px; margin-top: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-x .hc-teller .hc-k { width: 34px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-jan { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 14.5px; line-height: 1.45; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-jan img { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-set-los { grid-template-columns: minmax(0, 1fr); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina.shop-catblokken { display: flex; flex-direction: column; gap: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-kort { margin: 16px 0 0; font-size: 16px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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); border-radius: 10px; line-height: 1.3; text-align: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels .hlp-vorm :is(img, .hlp-vorm-leeg) { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels .hlp-vorm-t { align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels .hlp-vorm-t b { font-size: 15.5px; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels .hlp-vorm-t small { font-size: 13px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-vormen.is-tegels .hlp-vorm > em { margin-top: 4px; font-size: 14.5px; font-weight: 600; font-style: normal; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-opties { display: flex; flex-direction: column; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #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); border-radius: 10px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-o:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-o:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #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.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-o input, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-zonder input { position: absolute; opacity: 0; pointer-events: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-o :is(img, .hlp-vorm-leeg) { width: 72px; height: 58px; object-fit: cover; border-radius: 6px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-t { display: flex; flex-direction: column; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-t b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-t small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-o > em { font-style: normal; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-zonder { position: relative; align-self: flex-start; font-size: 14px; color: var(--h-inkt2); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-zonder:has(input:checked) { color: var(--ink); font-weight: 600; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-erbij-zonder:has(input:checked)::before { content: "✓ "; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp-uitleg p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.65; color: var(--h-inkt2); max-width: 60ch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-buis { position: absolute; height: 4px; border-radius: 2px; background: #8a9aa0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-put { position: absolute; width: 28px; height: 28px; border-radius: 50%; background: #e6eaeb; border: 2.5px solid #25343a; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-put-over { border-color: var(--winkel-accent); background: #e8f1f7; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zijput { position: absolute; top: 0; width: 24px; border: 2.5px solid #25343a; border-top: 0; border-radius: 0 0 5px 5px; background: #e6eaeb; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lucht { position: absolute; width: 6px; border-radius: 2px; background: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-lucht::before { content: ""; position: absolute; left: -4px; top: -4px; width: 14px; height: 6px; border-radius: 3px; background: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda { position: absolute; top: 10px; right: 14px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 14px; font-size: 13px; font-weight: 600; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda i { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #e6eaeb; border: 2px solid #25343a; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda i.hc-leg-over { border-color: var(--winkel-accent); background: #e8f1f7; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda i.hc-leg-lucht { width: 6px; height: 14px; border: 0; border-radius: 2px; background: var(--winkel-accent); }
@media (max-width: 640px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-legenda { top: auto; bottom: 8px; left: 14px; right: 14px; justify-content: flex-start; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf.hc-zelf-kort { padding: 0; background: transparent; color: var(--winkel-accent); align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelf.hc-zelf-kort > span > b { font-weight: 500; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-buien:has(> :nth-child(5)) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-rij > .hc-rh-weet:only-child { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-rij[data-rh-eigenrij] { margin-top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in input { width: 100%; min-width: 0; height: 100%; border: 0; padding: 0 6px 0 0; background: transparent; text-align: right; font: inherit; font-size: 20px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in input::-webkit-outer-spin-button,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in input:focus { outline: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-in:focus-within { border-color: var(--winkel-accent); }
@media (max-width: 640px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-buien:has(> :nth-child(5)) { grid-template-columns: 1fr 1fr; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-buien > :nth-child(5):last-child { grid-column: 1 / -1; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; border-radius: 10px; font-size: 15.5px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop { background: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop:hover { background: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop-rand { border: 1.5px solid var(--h-lijn2); background: #fff; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop-rand:hover { border-color: var(--ink); }
@media (min-width: 1181px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelfbouw .hc-cf-grid > .hc-l { position: sticky; top: 112px; align-self: start; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-zelfbouw .hc-grond { justify-content: flex-start; padding-left: 6px; }
@media (min-width: 1024px) and (max-width: 1359px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { white-space: normal; padding-inline: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > .h-vk-label { padding-left: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat { contain: inline-size; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { grid-template-columns: 136px repeat(var(--h-vk), minmax(max-content, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > :first-child { position: sticky; left: 0; z-index: 1; background: var(--h-vlak); white-space: normal; line-height: 1.35; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: 2px 0 0; align-self: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code { margin-top: 2px; align-self: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels > .shop-tussentegel { grid-column: 1 / -1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec { white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { white-space: normal; overflow: visible; text-overflow: clip; }
@media (max-width: 1100px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-tekst b { white-space: normal; overflow: visible; text-overflow: clip; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1199px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { display: flex; flex-direction: column; gap: 0; max-width: none; min-height: 0; padding: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { position: relative; inset: auto; height: 300px; padding-block: 12px; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam { position: static; display: block; margin: 16px 0 0; padding: 14px 16px 2px; border-radius: 12px 12px 0 0; background: #fff; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { position: static; display: block; margin: 0; padding: 0 16px 14px; border-radius: 0 0 12px 12px; background: #fff; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { position: absolute; top: 20px; right: 20px; bottom: auto; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { height: 220px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop { display: flex; flex-direction: column; height: auto; min-height: 0; overflow: visible; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-foto { position: static; width: 100%; height: 210px; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-waas { display: block; position: static; inset: auto; padding: 20px 16px 16px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-titel { position: static; margin: 0; padding: 0; color: var(--ink); font-size: 30px; line-height: 1.12; letter-spacing: -.02em; text-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-alles-over { display: none; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tf-bijschrift { display: none; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { background: transparent; }
@media (max-width: 640px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 20px; text-align: left; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > .shop-voet-merk { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > div > div[style] { align-items: flex-start; gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in a { line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-voet-jan { justify-content: flex-start; text-align: left; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer { margin-top: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs { flex-direction: column; align-items: stretch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-prijs .hc-rh-koop { width: 100%; justify-content: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hc-rh-alt img { width: 64px; height: 48px; }
}
@media (max-width: 480px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen { flex-wrap: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li:not(.is-aan), .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li:not(.is-aan) a { font-size: 0; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li:not(.is-aan) i { font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw-stappen li + li::before { width: 18px; margin-right: 8px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-download i, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-download small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-schuif-bel { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-keuzehulp-nummer { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .foto-leeg { font-size: 0; color: transparent; background: var(--h-vlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%239fb0b6' stroke-width='2.5'%3E%3Cellipse cx='32' cy='16' rx='18' ry='6'/%3E%3Cpath d='M14 16v30c0 3.3 8 6 18 6s18-2.7 18-6V16'/%3E%3Cpath d='M6 30h8M50 30h8'/%3E%3C/svg%3E") center / 64px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-berichten .site-bericht-samenvatting { display: block; -webkit-line-clamp: none; max-height: none; overflow: visible; }
@container (max-width: 259px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: 2px 0 0; align-self: flex-start; }
}
@media (min-width: 560px) and (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:not(:has(> .shop-kaart:nth-child(8):last-child)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 389px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-prijs { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 40px; min-width: 40px; height: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-voet { column-gap: 6px; }
}
@media (min-width: 1024px) and (max-width: 1345px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in > .shop-menu-item.h-menu-weg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .shop-kruimels { grid-column: 1 / -1; grid-row: 1; justify-self: stretch; width: auto; max-width: none; margin: 0; padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-berichtkop { grid-row: 2; margin-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > :is(.site-inhoud, .site-pagina) { grid-row: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-berichtkop > .site-berichtfoto { margin-inline: 0; width: 100%; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { grid-row: 4; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok:not(.soort-tekst) { margin-block: 34px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) .site-blok > section.site-cta { margin-inline: 0; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) .site-blok > section.site-cta { background: #fff; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok:not(.soort-tekst):last-child { margin-bottom: 0; }
@media (min-width: 1101px) and (max-width: 1339px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 900px) and (max-width: 1199px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-velden .klant-veld.ov-zes { grid-column: span 5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-velden .klant-veld.ov-twee { grid-column: span 3; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { right: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { bottom: 54px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder { max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder-in { max-width: var(--thema-breedte); margin-inline: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .inlog { max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-vraag > .offerte-regels { padding-inline-end: var(--nova-zij); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header { align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header h2 { line-height: 30px; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekkop { margin-top: 28px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekingang .chip { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekingang .chip small { font-size: 12.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoektegel small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekpaginas .eyebrow { font-size: 13px; }
@media (min-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-cattitelrij { grid-column: 1 / -1; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-cattitelrij { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattitelrij h1 { margin-bottom: 0; }