.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;
-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: none; }
.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 { grid-area: kruimel; margin: 28px 0 32px; }
.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 + .pdp-koopvorm .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 0 16px; }
.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; }