.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) {
--g-donker: var(--donker-vlak, var(--ink));
--g-donker-2: var(--donker-vlak-2, color-mix(in srgb, var(--g-donker) 93%, #fff));
--g-accent: var(--winkel-accent);
--g-accent-ink: var(--winkel-accent-ink, #fff);
--g-accent-tekst: color-mix(in srgb, var(--winkel-accent) 78%, #000);
--g-zacht: color-mix(in srgb, var(--ink) 72%, #fff);
--g-lijn: var(--line);
--g-lijn-2: color-mix(in srgb, var(--line) 55%, #fff);
--g-vlak: var(--wash2);
--g-op-donker: color-mix(in srgb, #fff 80%, var(--g-donker));
--g-groen: #1e7a3b;
--g-stip-groen: #2fa552;
--g-kop: var(--kop-letter, "Archivo"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--g-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--g-breed: var(--thema-breedte, 1296px);
--g-hoek: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
--g-hoek-k: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
--g-pijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
--g-vink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
--hoek: 0px;
--hoek-klein: 0px;
--foto-hoek: 0px;
font-family: var(--winkel-letter-keuze, var(--winkel-letter, system-ui)), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-variation-settings: normal;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-main { overflow-x: clip; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(h1, h2, h3, .nova-titel, .site-rijkop h2) { font-family: inherit; font-stretch: 100%; letter-spacing: normal; hyphens: manual; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-rijkop h2, .site-voordelen > h2, .site-berichten > h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-kaartregels > h2, .site-gegevenskaarten h2, .shop-lijsttitel, .shop-catkop-titel, .site-paginakop, .hlp-titel, .site-hero h1, .site-hero-kop) {
font-family: var(--g-kop);
font-weight: 700;
font-stretch: 100%;
text-transform: uppercase;
letter-spacing: -.01em;
color: var(--ink);
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-rijkop h2, .site-voordelen > h2, .site-berichten > h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-kaartregels > h2, .site-gegevenskaarten h2) { margin: 14px 0 0; font-size: 40px; line-height: 44px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-rijzin { margin-top: 12px; font-size: 17px; line-height: 26px; color: var(--g-zacht); max-width: 640px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-rijkop h2, .site-voordelen > h2, .site-berichten > h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-kaartregels > h2, .site-gegevenskaarten h2) { margin: 10px 0 0; font-size: 24px; line-height: 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-rijzin { font-size: 15px; line-height: 23px; color: var(--g-zacht); }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-kopje, .site-hero-oog) {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
font-family: inherit;
font-size: 13px;
line-height: 16px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--g-accent-tekst);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-kopje, .site-hero-oog)::before { content: ""; flex: none; width: 24px; height: 3px; background: currentColor; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kopje { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.shop-main, .shop-footer) .btn-primary, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-knop {
border: 0;
border-radius: 0;
box-shadow: none;
clip-path: var(--g-hoek-k);
background: var(--g-accent);
color: var(--g-accent-ink);
font-weight: 600;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.shop-main, .shop-footer) .btn-primary:hover { background: color-mix(in srgb, var(--g-accent) 88%, #000); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-main .btn-primary:not(.small) { min-height: 52px; padding-inline: 26px; font-size: 16px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-inhoud-kopknop, .site-rijknop, .site-rijlink) {
display: inline-flex;
align-items: center;
gap: 8px;
height: auto;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
color: var(--ink);
font-size: 15px;
line-height: 20px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-inhoud-kopknop, .site-rijknop, .site-rijlink)::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--g-accent); -webkit-mask: var(--g-pijl) center / contain no-repeat; mask: var(--g-pijl) center / contain no-repeat; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.site-inhoud-kopknop, .site-rijknop, .site-rijlink):hover { color: var(--g-accent-tekst); background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker :is(.site-inhoud-kopknop, .site-rijknop, .site-rijlink) { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-rijkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling { background: var(--g-donker); color: color-mix(in srgb, #fff 86%, var(--g-donker)); border-bottom: 0; font-size: 13px; font-weight: 500; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-in { min-height: 40px; height: 40px; gap: 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-deel { gap: 8px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-deel svg { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-deel b { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-deel:nth-child(4) { padding-left: 0; border-left: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-link { color: #fff; font-size: 13px; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-link + .shop-mededeling-link { margin-left: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-mededeling-link:hover { color: color-mix(in srgb, var(--g-accent) 60%, #fff); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header { position: relative; background: var(--card, #fff); border-bottom: 0; box-shadow: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header-in { min-height: 96px; gap: 40px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek {
flex: 1 1 auto;
max-width: none;
height: 56px;
padding: 0;
background: var(--g-vlak);
border: 0;
border-radius: 0;
box-shadow: none;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek:focus-within { background: var(--card, #fff); border: 0; box-shadow: inset 0 0 0 1.5px var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek > svg:first-child { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek input { height: 56px; padding: 0 16px 0 20px; font-size: 15px; color: var(--ink); background: transparent; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek input::placeholder { color: var(--g-zacht); opacity: 1; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek-ga {
display: grid;
place-items: center;
position: static;
flex: none;
width: 56px;
height: 56px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: var(--g-donker);
color: #fff;
clip-path: var(--g-hoek-k);
transform: none;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek-ga svg { width: 20px; height: 20px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek-knopje { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kop-rechts { gap: 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kop-rechts > :is(.shop-koptel, .shop-btw) { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header :is(.kop-account, .shop-wagen) {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
width: auto;
min-width: 0;
height: auto;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: var(--ink);
font: inherit;
font-size: 13px;
line-height: 16px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header :is(.kop-account, .shop-wagen) svg { width: 22px; height: 22px; flex: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header :is(.kop-account, .shop-wagen):hover { color: var(--g-accent-tekst); background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .kop-account .kop-woord, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-wagen .wagen-woord { display: block; font-size: 13px; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-wagen.h-wagen-vol .wagen-woord { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-wagen .h-wagen-bedrag { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-wagen.h-wagen-vol .wagen-teller {
display: block;
position: absolute;
left: calc(50% + 2px);
top: -8px;
min-width: 20px;
height: 20px;
padding: 0 5px;
border-radius: 10px;
background: var(--g-accent) !important;
color: var(--g-accent-ink);
font-size: 13px;
line-height: 20px;
font-weight: 700;
text-align: center;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu { background: var(--card, #fff); border-top: 1px solid var(--g-lijn-2); border-bottom: 1px solid var(--g-lijn); box-shadow: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-in { min-height: 64px; gap: 32px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-paneelknop {
display: inline-flex;
align-items: center;
gap: 12px;
height: 44px;
padding: 0 26px 0 18px;
border: 0;
border-radius: 0;
background: var(--g-donker);
color: #fff;
font-size: 15px;
font-weight: 600;
clip-path: var(--g-hoek-k);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-paneelknop:hover { background: var(--g-donker-2); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-paneelknop[aria-expanded="true"] { background: var(--g-accent); border-color: var(--g-accent); color: var(--g-accent-ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-kop, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .h-menu-rechts .shop-menu-kop { font-size: 15px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-kop:hover, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .h-menu-rechts .shop-menu-kop:hover { color: var(--g-accent-tekst); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-item.hier > .shop-menu-kop, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-kop.h-hier { color: var(--ink); box-shadow: inset 0 -3px 0 var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-menu-rechts { gap: 28px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero .site-hero-dias, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel { border-radius: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-hero > .site-hero { position: relative; padding: 0; margin: 0; max-width: none; background: var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero .site-hero-dias { position: relative; background: var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel { position: relative; display: block; min-height: 600px; background: var(--g-donker); overflow: hidden; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-foto { position: absolute; inset: 0 0 0 auto; width: 62%; height: 100%; object-fit: cover; object-position: 58% 46%; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 52%;
z-index: 1;
background: var(--g-donker);
clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-waas {
display: block;
position: absolute;
inset: 0 auto 0 44.44%;
width: 20.83%;
z-index: 2;
background: rgba(255, 255, 255, .1);
clip-path: polygon(45% 0, 100% 0, 55% 100%, 0 100%);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero:has(.site-hero-dia.paneel)::after {
content: "";
position: absolute;
left: 48.61%;
top: 43.33%;
bottom: 0;
width: 17.36%;
z-index: 3;
background: color-mix(in srgb, var(--g-donker) 50%, transparent);
clip-path: polygon(30.8% 0, 100% 0, 69.2% 100%, 0 100%);
pointer-events: none;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel::after {
content: "";
position: absolute;
inset: 0 auto 0 43.13%;
width: 10.21%;
z-index: 4;
background: var(--g-accent);
clip-path: polygon(91.84% 0, 100% 0, 8.16% 100%, 0 100%);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-in {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 0;
max-width: none;
min-height: 600px;
padding: 60px 0 128px max(var(--nova-zij), calc((100% - var(--g-breed)) / 2));
color: #fff;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-in > * { max-width: 600px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-oog { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel h1, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-kop {
margin: 20px 0 0;
font-size: 56px;
line-height: 58px;
font-weight: 700;
letter-spacing: -.015em;
color: var(--g-accent);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-voorregel { display: block; font-weight: 700; color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-tekst { margin: 22px 0 0; max-width: 560px; font-size: 19px; line-height: 30px; color: color-mix(in srgb, #fff 80%, var(--g-donker)); text-shadow: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-knoppen { display: flex; gap: 16px; margin-top: 32px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-knop {
display: inline-flex;
align-items: center;
gap: 10px;
height: 52px;
padding: 0 26px;
background: var(--g-accent) !important;
color: var(--g-accent-ink) !important;
font-size: 16px;
font-weight: 600;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-knop svg { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-knop::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--g-pijl) center / contain no-repeat; mask: var(--g-pijl) center / contain no-repeat; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-pijllink {
display: inline-flex;
align-items: center;
height: 52px;
padding: 0 24px;
border: 0;
box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7);
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-pijllink svg { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-pijllink:hover { color: #fff; box-shadow: inset 0 0 0 1.5px #fff; background: rgba(255, 255, 255, .08); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-usps { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-hero + .site-blok.soort-snelbestellen { position: relative; z-index: 6; margin-top: -176px; padding-top: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordelen-in { gap: 24px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; row-gap: 2px; align-items: start; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel-icoon { grid-row: 1 / span 2; display: block; width: 28px; height: 28px; margin: 0; padding: 0; border-radius: 0; background: none; color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel-icoon svg { width: 28px; height: 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel > b { font-size: 16px; line-height: 22px; font-weight: 700; color: var(--ink); letter-spacing: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel > span:not(.site-voordeel-icoon) { font-size: 14px; line-height: 21px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-snelbestellen + .site-blok.soort-voordelen { margin-top: -48px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-snelbestellen + .site-blok.soort-voordelen > .site-voordelen { padding-top: 0; padding-bottom: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-grijs { background: var(--g-vlak); box-shadow: 0 0 0 100vmax var(--g-vlak); clip-path: inset(0 -100vmax); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-grijs > section { background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker { background: var(--g-donker); box-shadow: 0 0 0 100vmax var(--g-donker); clip-path: inset(0 -100vmax); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker :is(.site-rijkop h2, h2, h3) { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-rijzin { color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-in { gap: 20px; filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--g-donker) 8%, transparent)); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-kaart {
position: relative;
display: grid;
grid-template-columns: 116px minmax(0, 1fr);
gap: 20px;
align-items: center;
min-height: 156px;
padding: 20px 52px 20px 20px;
background: var(--card, #fff);
border: 0;
border-radius: 0;
box-shadow: none;
clip-path: var(--g-hoek);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-foto { width: 116px; height: 104px; margin: 0; background: none; border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-foto img { width: 116px; height: 104px; object-fit: contain; border-radius: 0; mix-blend-mode: multiply; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-tekst { display: flex; flex-direction: column; gap: 2px; padding: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-titel { margin: 0; font-family: var(--g-kop); font-size: 18px; line-height: 23px; font-weight: 700; text-transform: uppercase; letter-spacing: .01em; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-zin { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-punten { margin: 8px 0 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-punt { display: block; padding: 0; font-size: 14px; line-height: 20px; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-vink { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-inhoud-pijllink { position: static; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-inhoud-pijllink::after { content: ""; position: absolute; inset: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-inhoud-pijllink svg { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-inhoud-pijltekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-in { gap: 24px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-kaart { position: relative; display: flex; flex-direction: column; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: var(--g-vlak); clip-path: var(--g-hoek); overflow: hidden; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-kaart { background: var(--g-donker-2); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-foto { margin: 0; border-radius: 0; aspect-ratio: 2 / 1; height: auto; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-foto img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 22px 24px 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-titel { margin: 0; font-family: var(--g-kop); font-size: 20px; line-height: 26px; font-weight: 700; text-transform: uppercase; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-zin { margin: 0 0 12px; font-size: 15px; line-height: 22px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-titel { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-zin { color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels .site-inhoud-pijllink { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font-size: 15px; font-weight: 600; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels .site-inhoud-pijllink svg { order: 2; color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels .site-inhoud-pijltekst { color: inherit; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels .site-inhoud-pijllink { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-inhoud-pijllink::after { content: ""; position: absolute; inset: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) {
display: grid;
grid-template-columns: minmax(0, 1fr) 160px;
gap: 16px;
align-items: center;
min-height: 248px;
padding: 32px 24px 32px 32px;
background: var(--g-vlak);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-foto { order: 2; position: static; width: 160px; height: 160px; aspect-ratio: auto; background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-foto img { width: 160px; height: 160px; object-fit: contain; mix-blend-mode: multiply; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-label {
position: absolute;
inset: 0 0 auto auto;
display: flex;
align-items: center;
height: 32px;
padding: 0 14px;
border-radius: 0;
background: var(--g-accent);
color: var(--g-accent-ink);
font-size: 13px;
line-height: 16px;
font-weight: 700;
letter-spacing: .02em;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-tekst { padding: 0; gap: 6px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-kopje { margin: 0 0 6px; font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-titel { font-family: inherit; text-transform: none; font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-zin { margin: 0 0 14px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 0 0 20px; border: 1px solid var(--g-lijn); border-radius: 0; box-shadow: none; background: var(--card, #fff); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova::after {
content: "";
position: absolute;
right: -1px;
bottom: -1px;
width: 20px;
height: 20px;
background: linear-gradient(to top left, var(--bg, #fff) calc(50% - 1px), var(--g-lijn) calc(50% - 1px), var(--g-lijn) calc(50% + 1px), transparent calc(50% + 1px));
pointer-events: none;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova > img { order: 1; width: 100%; height: 192px; aspect-ratio: auto; margin: 0 0 10px; padding: 18px; object-fit: contain; border-radius: 0; background: var(--card, #fff); border-bottom: 1px solid var(--g-lijn-2); transform: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova:hover > img { transform: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova > :is(.nova-titel, .nova-chiprij, .nova-specs, .shop-kaart-spec, .nova-voet) { margin-inline: 18px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-titel { order: 3; margin-top: 0; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--ink); min-height: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chiprij { order: 5; margin-top: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart :is(.nova-specs, .shop-kaart-spec) { order: 6; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-voet { order: 7; display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: auto; padding-top: 10px; border-top: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart :is(.nova-code, .kaart-tand, .nova-hart, .nova-hartvorm) { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip { display: inline-flex; align-items: flex-start; gap: 8px; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: var(--g-groen); font-size: 13px; line-height: 18px; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip svg { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip::before, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--g-stip-groen); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip:is(.nova-chip--wacht, .nova-chip--bijna) { color: #9a4a00; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip:is(.nova-chip--wacht, .nova-chip--bijna)::before { background: #f08c00; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip.nova-chip--nee { color: #b42318; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-chip.nova-chip--nee::before { background: #d92d20; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip { display: inline-flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--g-groen); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip:is(.is-wacht, .is-bijna) { color: #9a4a00; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip:is(.is-wacht, .is-bijna)::before { background: #f08c00; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip.is-nee { color: #b42318; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .g-stip.is-nee::before { background: #d92d20; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-specs { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst .shop-kaart .nova-specs { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 6px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst .shop-kaart .nova-spec { flex: none; width: auto; max-width: 100%; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-spec { display: inline-flex; align-items: center; height: 26px; padding: 0 9px; border: 0; border-radius: 0; background: var(--g-vlak); color: var(--ink); font-size: 13px; font-weight: 600; white-space: nowrap; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-spec::before { content: none; display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-prijsvak { display: flex; flex-direction: column; gap: 2px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-prijs { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; font-size: 22px; line-height: 28px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-prijs s { font-size: 14px; font-weight: 500; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-tweedeprijs { font-size: 13px; line-height: 18px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-knoppen { display: flex; gap: 8px; width: 100%; margin: 0; justify-self: stretch; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-inwagen { flex: none; display: grid; place-items: center; width: 48px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--g-accent); color: var(--g-accent-ink); clip-path: var(--g-hoek-k); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .nova-inwagen:hover { background: color-mix(in srgb, var(--g-accent) 88%, #000); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart .kaart-labels { top: 12px; left: 12px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart :is(.kaart-korting, .kaart-label) { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 0; background: var(--g-accent); color: var(--g-accent-ink); font-size: 13px; line-height: 16px; font-weight: 700; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten:not(.carrousel) .site-producten-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chips { gap: 8px; margin: -8px 0 28px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chip { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border: 0; border-radius: 0; background: var(--g-vlak); color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chip:hover { background: color-mix(in srgb, var(--g-vlak) 80%, var(--ink)); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chip.aan { background: var(--g-donker); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers > div:last-child { border-top: 3px solid var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart { padding: 32px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenswaarde { font-family: var(--g-kop); font-size: 60px; line-height: 62px; font-weight: 700; letter-spacing: -.02em; color: var(--g-donker); white-space: nowrap; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskop { font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--g-accent-tekst); }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-merkenraster-in { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 16px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-merkenraster-merk { display: grid; place-items: center; height: 92px; padding: 18px; border: 0; border-radius: 0; background: var(--card, #fff); clip-path: var(--g-hoek-k); font-family: var(--g-kop); font-size: 16px; font-weight: 700; color: var(--ink); text-align: center; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto { border-radius: 0; background: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto-foto { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto .h-tf-feiten { display: flex; flex-direction: column; gap: 0; margin: 20px 0 24px; padding: 0; border: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto .h-tf-feiten > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--g-lijn); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto .h-tf-feiten dt { order: 1; margin: 0; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-tekstfoto .h-tf-feiten dd { order: 2; margin: 0; font-size: 15px; line-height: 22px; font-weight: 400; color: var(--g-zacht); font-variant-numeric: tabular-nums; white-space: nowrap; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-berichten-in { gap: 24px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht { border: 0; border-radius: 0; background: var(--card, #fff); clip-path: var(--g-hoek); box-shadow: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-foto { border-radius: 0; aspect-ratio: 16 / 9; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-foto img { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-rubriek { border-radius: 0; background: var(--g-vlak); color: var(--ink); font-size: 13px; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-tekst { padding: 22px 24px 30px; gap: 12px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-naam { font-size: 20px; line-height: 27px; font-weight: 700; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-samenvatting { font-size: 15px; line-height: 23px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht .cell-sub { font-size: 13px; line-height: 18px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-vraag-regel { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-vraag-regel summary { font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 { --ap3-inkt: var(--ink); --ap3-sub: var(--g-zacht); --ap3-lijn: var(--g-lijn); --ap3-vlak: var(--g-vlak); --ap3-accent: var(--g-accent); --ap3-hoek: 0px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-groep { font-size: 15px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-kop { font-family: var(--g-kop); font-size: 28px; line-height: 32px; font-weight: 700; text-transform: uppercase; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-rechts .ap3-kop { font-family: inherit; font-size: 13px; line-height: 16px; letter-spacing: .12em; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-cat { font-size: 16px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-cat small { font-size: 13px; color: var(--g-zacht); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-alles { color: var(--ink); font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-hulp { padding: 18px; border: 0; border-radius: 0; background: var(--g-donker); color: #fff; clip-path: var(--g-hoek-k); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-hulp b { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-hulp p { color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-hulplink { color: #fff; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-hulplink svg { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-kaart { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-foto { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-sku { font-family: var(--g-mono); font-size: 13px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .ap3 .ap3-wagen { border-radius: 0; background: var(--g-accent); color: var(--g-accent-ink); clip-path: var(--g-hoek-k); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .zl3 .zl3-kop { font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer { background: var(--g-donker); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer .shop-voet-kolomkop { font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer a { color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer a:hover { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer .shop-voet-merkregel, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-footer .shop-voet-merkadres { color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-voet-onder { border-top: 1px solid rgba(255, 255, 255, .14); background: var(--g-donker); color: color-mix(in srgb, #fff 70%, var(--g-donker)); }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijst { grid-template-rows: repeat(7, auto) fit-content(120px) 1fr fit-content(120px) auto; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijsttitel, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-catkop-titel, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-paginakop { font-size: 56px; line-height: 58px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijsttitel, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-catkop-titel, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-paginakop { font-size: 32px; line-height: 36px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kruimels { font-size: 14px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-terugnaar { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterlijst { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; width: auto; min-height: 34px; height: auto; padding: 0 11px; border: 1px solid var(--g-lijn); border-radius: 0; background: var(--card, #fff); cursor: pointer; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel .shop-catvak { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel .shop-filternaam { flex: none; font-size: 14px; line-height: 18px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel .shop-filteraantal { margin: 0; padding: 0; font-size: 13px; font-weight: 500; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel:has(input:checked) { background: var(--g-donker); border-color: var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel:has(input:checked) :is(.shop-filternaam, .shop-filteraantal) { color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-filterregel:has(input:focus-visible) { outline: 2px solid var(--g-accent); outline-offset: 2px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-zijbalk .shop-catgroep-kop { font-size: 15px; font-weight: 700; color: var(--ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-select { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijstbalk .shop-weergave { order: 9; display: flex; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijstbalk .shop-weergave button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--g-lijn); border-radius: 0; background: var(--card, #fff); color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-lijstbalk .shop-weergave button.aan { background: var(--g-donker); border-color: var(--g-donker); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-blader :is(a, span.nu) { display: grid; place-items: center; min-width: 40px; height: 40px; border: 1px solid var(--g-lijn); border-radius: 0; font-size: 15px; font-weight: 600; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-blader span.nu { background: var(--g-donker); border-color: var(--g-donker); color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst { display: flex; flex-direction: column; gap: 0; grid-template-columns: none; border-top: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart.vorm-nova {
display: grid;
grid-template-columns: 96px minmax(0, 1fr) 148px 164px 160px;
grid-template-rows: repeat(4, auto);
column-gap: 20px;
row-gap: 6px;
align-content: center;
align-items: center;
min-height: 0;
padding: 20px;
border: 0;
border-bottom: 1px solid var(--g-lijn);
background: var(--card, #fff);
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart.vorm-nova::after { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > img { grid-column: 1; grid-row: 1 / span 4; width: 96px; height: 80px; margin: 0; padding: 0; border: 0; object-fit: contain; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > :is(.nova-titel, .nova-chiprij, .nova-specs, .shop-kaart-spec, .nova-voet) { margin-inline: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > .nova-titel { grid-column: 2; grid-row: 2; font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > :is(.nova-specs, .shop-kaart-spec) { grid-column: 2; grid-row: 4; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > .nova-chiprij { grid-column: 3; grid-row: 1 / span 4; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > .nova-voet { display: contents; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart .nova-prijsvak { grid-column: 4; grid-row: 1 / span 4; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart .nova-knoppen { grid-column: 5; grid-row: 1 / span 4; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart .kaart-labels { position: absolute; top: 14px; left: 14px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart.vorm-nova {
grid-template-columns: 80px minmax(0, 1fr);
grid-template-rows: none;
grid-template-areas: "foto merk" "foto titel" "foto codes" "foto stip" "foto specs" "prijs prijs" "koop koop";
column-gap: 14px;
row-gap: 4px;
padding: 16px 0;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > img { grid-area: foto; align-self: start; width: 80px; height: 72px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > .nova-titel { grid-area: titel; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > .nova-chiprij { grid-area: stip; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart > :is(.nova-specs, .shop-kaart-spec) { grid-area: specs; margin-top: 4px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart .nova-prijsvak { grid-area: prijs; margin-top: 10px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-kaart .nova-knoppen { grid-area: koop; margin-top: 4px; }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels .shop-tussentegel { border-radius: 0; clip-path: var(--g-hoek); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tussentegel .shop-tussentegel-knop { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 26px; border: 0; border-radius: 0; background: var(--g-accent); color: var(--g-accent-ink); font-size: 16px; font-weight: 600; text-decoration: none; white-space: nowrap; clip-path: var(--g-hoek-k); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tussentegel .shop-tussentegel-knop svg { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tussentegel .shop-tussentegel-knop::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--g-pijl) center / contain no-repeat; mask: var(--g-pijl) center / contain no-repeat; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tussentegel .shop-tussentegel-label { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tussentegel .shop-tussentegel-label::before { content: ""; flex: none; width: 24px; height: 3px; background: currentColor; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel {
position: relative;
display: grid;
grid-template-columns: 300px minmax(0, 1fr) auto;
grid-template-rows: auto auto auto;
column-gap: 32px;
row-gap: 8px;
align-content: center;
min-height: 180px;
margin: 24px 0;
padding: 0 32px 0 0;
background: var(--g-donker);
color: #fff;
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel::after { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-foto { position: static; grid-column: 1; grid-row: 1 / span 3; width: 300px; height: 100%; min-height: 180px; object-fit: cover; transform: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-label { grid-column: 2; grid-row: 1; align-self: end; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-titel { grid-column: 2; grid-row: 2; margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-tekst { grid-column: 2; grid-row: 3; align-self: start; margin: 0; font-size: 15px; line-height: 23px; color: var(--g-op-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-knoppen { grid-column: 3; grid-row: 1 / span 3; align-self: center; margin: 0; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 8px; padding: 0 0 20px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel .shop-tussentegel-foto { grid-row: auto; width: 100%; height: 160px; min-height: 0; margin-bottom: 8px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-tegels.als-lijst > .shop-tussentegel :is(.shop-tussentegel-label, .shop-tussentegel-titel, .shop-tussentegel-tekst, .shop-tussentegel-knoppen) { grid-column: 1; grid-row: auto; margin-inline: 16px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-boven { gap: 40px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-koop { gap: 20px; padding: 32px; background: var(--g-vlak); clip-path: var(--g-hoek); }
}
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-gal-i, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-gal img { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-kicker { font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--g-accent-tekst); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-titel { margin: 0; font-size: 32px; line-height: 38px; letter-spacing: -.005em; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-prijs { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin: 0; padding: 20px 24px 0; background: var(--card, #fff); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-prijs b { font-size: 40px; line-height: 46px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-prijs > span { font-size: 14px; color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-doe { gap: 12px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-teller { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-knop.pdp-koop { height: 52px; border-radius: 0; background: var(--g-accent); color: var(--g-accent-ink); clip-path: var(--g-hoek-k); font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-knop.pdp-koop:hover { background: color-mix(in srgb, var(--g-accent) 88%, #000); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-voorraad { font-size: 15px; font-weight: 600; color: var(--g-groen); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-koop { display: flex; flex-direction: column; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-koop > :is(.hlp-lev, .hlp-jan) { order: 2; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-lev { padding-top: 18px; border-top: 1px solid var(--g-lijn); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-lev-i svg { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-tabs a { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-pm { display: flex; flex-direction: column; gap: 24px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-specs > div { border-color: var(--g-lijn); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-specs dt { color: var(--g-zacht); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-specs dd { font-weight: 600; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlw-titel { font-family: var(--g-kop); font-weight: 700; text-transform: uppercase; letter-spacing: -.01em; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlw-ov-kop { font-family: var(--g-kop); font-weight: 700; text-transform: uppercase; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) :is(.hlw-foto, .hlw-ov, .hlw-keuze, .hlw-codevorm input, .hlw-codevorm button, .afr-sectie, .afr-keuze, .afr-sub, .afr-pm, .afr-bestelling, .afr-bestelling img) { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-main :is(input:not([type="radio"]):not([type="checkbox"]), select, textarea) { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-main .teller:not(.g-teller) { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-main .teller:not(.g-teller) :is(button, input) { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlw-afrekenen { border-radius: 0; clip-path: var(--g-hoek-k); background: var(--g-accent); color: var(--g-accent-ink); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlw-afrekenen:hover { background: color-mix(in srgb, var(--g-accent) 88%, #000); }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-rijkop { flex-direction: column; align-items: flex-start; gap: 8px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-header .shop-zoek-ga { border-radius: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-hero > .site-hero { padding: 0; margin: 0; max-width: none; background: var(--g-donker); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel { position: relative; display: block; min-height: 340px; background: var(--g-donker); overflow: hidden; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-waas { display: block; position: absolute; inset: 0; left: 0; z-index: 1; background: linear-gradient(0deg, color-mix(in srgb, var(--g-donker) 94%, transparent) 0%, color-mix(in srgb, var(--g-donker) 55%, transparent) 45%, transparent 75%); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-in { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px; min-height: 340px; max-width: none; padding: 24px var(--nova-zij) 56px; background: none; color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-oog { color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel h1, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-kop { margin: 6px 0 0; font-size: 20px; line-height: 24px; font-weight: 700; color: var(--g-accent); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel .site-hero-voorregel { display: block; margin-bottom: 6px; font-size: 32px; line-height: 34px; color: #fff; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-hero-dia.paneel :is(.site-hero-tekst, .site-hero-knoppen, .site-hero-usps) { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-hero + .site-blok.soort-snelbestellen { margin-top: -62px; padding-inline: var(--nova-zij); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordelen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-voordelen.los.per-4 .site-voordeel-icoon { grid-row: auto; margin-bottom: 4px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-snelbestellen + .site-blok.soort-voordelen { margin-top: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.soort-snelbestellen + .site-blok.soort-voordelen > .site-voordelen { padding-top: 8px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels:not(.is-compact) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) { grid-template-columns: minmax(0, 1fr) 112px; min-height: 0; padding: 28px 16px 24px 20px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-foto, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels-kaart.is-metfoto:has(.site-kaartregels-label) .site-kaartregels-foto img { width: 112px; height: 112px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; filter: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-kaart { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-height: 0; padding: 14px; clip-path: var(--g-hoek-k); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-foto, .winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-foto img { width: 100%; height: 84px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-foto { margin-bottom: 10px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-titel { font-family: inherit; font-size: 15px; line-height: 20px; text-transform: none; letter-spacing: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact .site-kaartregels-zin { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-kaartregels.is-compact :is(.site-kaartregels-punten, .site-inhoud-pijllink svg) { display: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten:not(.carrousel) .site-producten-in { display: flex; gap: 12px; margin: 0 calc(-1 * var(--nova-zij)); padding: 0 var(--nova-zij) 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten:not(.carrousel) .site-producten-in > .shop-kaart { flex: 0 0 224px; scroll-snap-align: start; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova > img { height: 150px; padding: 12px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .shop-kaart.vorm-nova > :is(.nova-titel, .nova-chiprij, .nova-specs, .shop-kaart-spec, .nova-voet) { margin-inline: 14px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chips { flex-wrap: nowrap; overflow-x: auto; margin: -4px calc(-1 * var(--nova-zij)) 16px; padding: 0 var(--nova-zij); scrollbar-width: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-producten .site-chip { flex: none; height: 36px; padding: 0 14px; font-size: 14px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-in { grid-template-columns: minmax(0, 1fr); gap: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-kaart { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 28px 12px 0; background: none; clip-path: none; border-bottom: 1px solid rgba(255, 255, 255, .14); overflow: visible; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-foto { width: 88px; height: 60px; aspect-ratio: auto; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-tekst { gap: 2px; padding: 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-titel { font-family: inherit; font-size: 16px; line-height: 21px; text-transform: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-kaartregels-zin { margin: 0; font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-inhoud-pijltekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-blok.opm-vlak-donker .site-kaartregels:not(.is-compact) .site-inhoud-pijllink svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart { padding-top: 20px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenswaarde { font-size: 34px; line-height: 38px; white-space: normal; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskop { font-size: 13px; letter-spacing: .06em; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-merkenraster-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-merkenraster-merk { height: 64px; padding: 8px; font-size: 14px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-berichten-in { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-tekst { padding: 16px 18px 22px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .site-bericht-naam { font-size: 17px; line-height: 23px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-koop { gap: 14px; padding: 0; background: none; clip-path: none; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-titel { font-size: 24px; line-height: 29px; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-prijs { background: var(--g-vlak); padding: 14px 16px 0; }
.winkel.terra.stramien-helder.helder-grip:is(.helder-grip, #grip) .hlp-prijs b { font-size: 32px; line-height: 36px; }
}