.winkel.terra.stramien-helder:is(.stramien-helder, #helder) {
--h-inkt2: #3f525b;
--h-inkt3: #62747c;
--h-lijn2: #c6d1d5;
--h-vlak: #eef2f3;
--h-vlak2: #e3e9eb;
--h-leisteen: #4c6971;
--h-leisteen3: #2a3f45;
--h-knop2: #0a5c8b;
--h-groen: #3f8a22;
--h-let: #9a5300;
--h-let-licht: #fff4e2;
--h-blauw-licht: #eef6fb;
font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-variation-settings: "wdth" 100;
-webkit-font-smoothing: antialiased;
color: var(--ink);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(h1, h2, h3, .nova-titel, .site-rijkop h2) {
font-family: "Instrument Sans", system-ui, sans-serif;
font-stretch: 92%;
letter-spacing: -0.02em;
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) h1 { font-weight: 600; letter-spacing: -0.028em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) h2 { font-weight: 600; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling {
background: #fff;
color: var(--h-inkt2);
border-bottom: 1px solid var(--line);
font-size: 14px;
font-weight: 400;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in {
justify-content: flex-start;
gap: 30px;
min-height: 40px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel svg { color: var(--winkel-accent); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header { border-bottom: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header-in { min-height: 92px; gap: 36px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek {
background: var(--h-vlak);
border: 1.5px solid transparent;
border-radius: 10px;
height: 50px;
max-width: 560px;
box-shadow: none;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek:focus-within {
background: #fff;
border-color: var(--winkel-accent);
box-shadow: 0 0 0 4px rgba(13, 111, 166, .12);
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek input { background: transparent; font-size: 16px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoek-knopje { display: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel { gap: 12px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst b { font-size: 15.5px; font-weight: 600; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst small { font-size: 13px; color: var(--h-inkt3); letter-spacing: 0; text-transform: none; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen {
background: transparent;
color: var(--ink);
border: 0;
box-shadow: none;
padding: 0 4px;
font-weight: 500;
font-size: 15.5px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen:hover { background: var(--h-vlak); } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-wagen .wagen-teller {
background: var(--winkel-accent) !important;
color: #fff;
font-weight: 600;
font-size: 13px;
min-width: 20px;
} }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .kop-account { font-weight: 500; font-size: 15.5px; border: 0; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-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) .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; --banner-plek: 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) { --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); 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); }
.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; }
.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: clamp(28px, 9vw, 38px); overflow-wrap: break-word; }
.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-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) .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-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) .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; } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { display: grid; grid-template-columns: 260px 260px minmax(0, 1fr); column-gap: 48px; row-gap: 0; align-items: start;
grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "lijn lijn lijn" "zij balk balk" "zij tegels tegels"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catkop { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > * { grid-column: 2 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kruimels { margin: 28px 0 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-kruimels { grid-area: kruimel; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-foto { grid-area: foto; width: 100%; height: 300px; object-fit: cover; border-radius: 14px; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-titel { grid-area: titel; align-self: end; position: static; margin: 20px 0 20px; padding: 0; color: var(--ink); font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -0.028em; font-stretch: 92%; text-shadow: none; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-alles-over { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst { grid-area: tekst; align-self: start; margin: 0; padding: 0; max-width: 520px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in { max-height: none; font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in h2 { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst .pdp-meer { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst.gevouwen .shop-cattekst-in::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { content: ""; grid-area: lijn; height: 1px; margin: 40px calc(-1 * var(--nova-zij)) 32px; background: var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk { grid-area: zij; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { grid-area: balk; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels { grid-area: tegels; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop.donker::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-filterkaart { border: 0; box-shadow: none; background: none; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catgroep { display: none; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-waas { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > h3:first-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst.gevouwen .shop-cattekst-in { max-height: none; overflow: visible; display: block; -webkit-line-clamp: unset; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in p { margin: 0; font-size: 18.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk { margin: 0; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { border-top: 0; margin: 0 0 24px; padding: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-getal + .nova-titel { -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:where(.is-maatladder):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:where(.is-maatladder):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) .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) { display: none; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien-in { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 190px; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child { grid-column: 1 / -1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child .site-categorienaam b { font-size: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam b { font-size: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam small { font-size: 13px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel { grid-template-columns: minmax(0, 1fr); padding-top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-tekst { max-width: 900px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-knoppen:empty, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.zonder-artikel .site-koopkop-usps:empty { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-foto { max-height: 520px; object-fit: cover; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta { width: auto; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); padding: 44px 48px; border-radius: 18px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 40px; align-items: center; padding: 0; max-width: none; text-align: left; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in h2 { grid-column: 1; font-size: 30px; letter-spacing: -0.02em; margin: 0 0 8px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in p { grid-column: 1; font-size: 16.5px; line-height: 1.55; color: var(--h-inkt2); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in .site-knop { grid-column: 2; grid-row: 1 / span 2; height: 50px; padding: 0 24px; border-radius: 10px; }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in { grid-template-columns: 1fr; row-gap: 14px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-cta-in .site-knop { grid-column: 1; grid-row: auto; justify-self: start; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-cta { padding: 28px 22px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-paginakop { max-width: var(--site-breedte); margin: 0 auto; padding: 40px var(--nova-zij) 4px; font-size: clamp(32px, 3.6vw, 52px); line-height: 1.05; letter-spacing: -0.028em; font-weight: 600; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-foto { border-radius: 14px; overflow: hidden; display: block; position: relative; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht img { height: auto; aspect-ratio: 416 / 272; object-fit: cover; width: 100%; border-radius: 14px; transition: transform .5s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht:hover img { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-rubriek { background: #fff; color: var(--winkel-accent); font-weight: 600; border-radius: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-tekst { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-naam { padding: 14px 0 6px; font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-samenvatting { padding: 0 0 6px; font-size: 15px; line-height: 1.5; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht .cell-sub { padding: 0; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot img { aspect-ratio: 16 / 9; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot .site-bericht-naam { font-size: 30px; line-height: 1.15; letter-spacing: -0.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rubriekknop { border-radius: 20px; height: 40px; padding: 0 16px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rubriekknop.aan { background: var(--ink); border-color: var(--ink); color: #fff; }
@media (max-width: 800px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht.groot { grid-template-columns: 1fr; gap: 12px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-foto { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekst > p:only-child { font-size: 18px; line-height: 1.6; color: var(--h-inkt2); max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .h-kaart-getal { order: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { z-index: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-koopkaart-naam, .site-koopkaart-zin, .site-koopkaart-prijs) { z-index: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud { margin: 26px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-rij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 6px; border: 1.5px solid var(--h-lijn2); border-radius: 10px; background: #fff; color: var(--ink); text-align: center; text-decoration: none; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus b { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus small { font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus:hover { border-color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-keus.h-aan { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud + .h-vorm { margin-top: 22px; }
@media (max-width: 500px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-inhoud-rij { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@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; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel-kop b { font-size: 19px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-kop b { display: inline-flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-kop b::before { content: ""; width: 30px; height: 30px; border-radius: 50%; background: var(--h-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 14.4px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel-telling { padding: 16px 0 14px; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.wagen-paneel-links a, .wagen-paneel-leeg-knop) { padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .wagen-paneel.h-toegevoegd .wagen-paneel-links a { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen .site-knop { display: inline-flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px; font-weight: 600; font-size: 15.5px; text-decoration: none; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-lade-knoppen .site-knop-licht { background: #fff; color: var(--ink); border: 1.5px solid var(--h-lijn2); font: inherit; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-links { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header > i { display: flex; flex: 0 0 30px; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; background: var(--ink); color: #fff; font-style: normal; font-weight: 600; font-size: 15px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header h2 { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-bestelling { background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 26px 50px -34px rgba(19, 35, 43, .55); padding: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-bestelling > h3 { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-knop { height: 56px; border-radius: 12px; font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-intro h1 { font-size: 40px; letter-spacing: -0.028em; font-stretch: 92%; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-stappen li.aan i { background: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 0 0 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links { display: flex; flex-direction: column; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .h-rijkopje { margin: 0 0 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links h2 { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .site-rijzin { margin: 14px 0 0; max-width: 760px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-rijkop .site-rijknop { flex: 0 0 auto; padding-bottom: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-met-rijkop > .site-rijzin { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok { margin-top: -6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-knop::after { content: " \2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { display: block; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span::before { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-perliter { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .shop-kaart.h-aan > img { border-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .shop-kaart.h-aan .h-kaart-getal { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak.h-met-perliter > :not(:first-child):not(.h-kaart-perliter) { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak .klein, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijsvak small { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kaart-perliter { display: block; font-size: 13.5px; font-weight: 400; color: var(--h-inkt3); margin-top: 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 44px; height: 44px; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L20.5 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code { display: block; order: 11; margin: -22px 0 0; align-self: flex-end; font-size: 13px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip { padding: 0; background: none; color: var(--h-groen); font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam { padding: 18px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam b { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorie:first-child .site-categorienaam b { font-size: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorienaam small { font-size: 13.5px; font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs) { background: var(--h-vlak); padding-block: 88px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs { background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :not(.catland-blokken) > .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-in { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:not(:has(> .site-inhoud)) > .site-pagina > .site-blok > .site-tekstfoto.vlak-grijs.foto-links:not(.tot-de-rand) .site-tekstfoto-in { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto { position: relative; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-foto { width: 100%; aspect-ratio: 1080 / 820; height: auto; max-height: none; object-fit: cover; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in h2 { font-size: 36px; line-height: 1.1; letter-spacing: -0.025em; margin: 0 0 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > .site-knop::after { content: " \2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.05fr; grid-template-rows: 300px 300px; gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel { position: relative; overflow: hidden; border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel:first-of-type { grid-row: 1 / span 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, rgba(19, 35, 43, .75)); pointer-events: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers { grid-column: 4; grid-row: 1 / span 2; order: 99; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 28px; border-radius: 14px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer { display: flex; flex-direction: column; padding-bottom: 20px; border-bottom: 1px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer b { font-size: 44px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-sterren { color: #f0a500; letter-spacing: 2px; font-size: 15px; margin: 6px 0 2px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers > p { margin: 0; font-size: 14.5px; color: var(--h-inkt2); line-height: 1.5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-banner-vak { padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner { width: auto; margin-inline: 0; border-radius: 0; min-height: 520px; padding: 88px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in { max-width: 600px; display: flex; flex-direction: column; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { color: #9fd2ef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-kop { font-size: 36px; line-height: 1.1; letter-spacing: -0.025em; font-weight: 600; font-stretch: 92%; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-regel { margin-top: 14px; font-size: 17px; line-height: 1.55; color: #dbe6ea; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { display: inline-flex; align-items: center; height: 48px; padding: 0 22px; margin: 28px 10px 0 0; border-radius: 8px; background: #fff; color: var(--ink); font-weight: 600; font-size: 15.5px; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop:not(.site-banner-knop2)::after { content: "\00a0\2192"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop2 { background: rgba(255, 255, 255, .08); color: #fff; border: 1.5px solid rgba(255, 255, 255, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) { flex-flow: row wrap; align-content: center; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) .site-banner-in { flex: 0 0 100%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: rotate(45deg); margin-right: 6px; transition: transform .2s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel[open] summary::after { transform: rotate(-135deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { display: flex; align-items: center; justify-content: space-between; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::-webkit-details-marker { display: none; }
@media (max-width: 900px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { flex-direction: column; align-items: flex-start; gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 200px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel:first-of-type { grid-column: 1 / -1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfers { grid-column: 1 / -1; grid-row: auto; flex-direction: row; flex-wrap: wrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner { min-height: 0; padding: 56px 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after { content: "\2192"; clip-path: none; background: none; width: auto; height: auto; border: 0; transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-knop::before { content: "\2192"; clip-path: none; background: none; width: auto; height: auto; border: 0; transform: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .btw-inline { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: 150px 230px minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok { margin-top: -28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs) { padding-block: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in h2 { max-width: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > p, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in .site-tekst { max-width: 640px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merkadres { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder-in { min-height: 64px; padding-block: 18px; }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "tabs tabs tabs" "lijn lijn lijn" "boven boven boven" "populair populair populair" "zij balk balk" "zij tegels tegels" "zij blader blader" "onder onder onder"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-catblokken-boven) { grid-template-areas: "kruimel kruimel kruimel" "titel titel foto" "tekst tekst foto" "tabs tabs tabs" "lijn lijn lijn" "boven boven boven" "populair populair populair" "zij balk balk" "zij tegels tegels" "zij blader blader" "onder onder onder"; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-tabs { grid-area: tabs; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catblokken-onder { grid-area: onder; padding-top: 72px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { margin-top: 28px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels .winkel-tussentegel, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels .shop-tussentegel { border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vergelijk-groep:has(> .h-vk) > .site-vergelijk-in { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { display: grid; grid-template-columns: 170px repeat(var(--h-vk), minmax(0, 1fr)); overflow-x: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij { display: contents; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { padding: 12px 8px; border-bottom: 1px solid var(--line); font-size: 14.5px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > * { border-bottom: 0; padding-bottom: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-label { color: var(--h-inkt2); display: flex; align-items: center; gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat b { font-size: 14.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-cel.h-aan, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan { background: var(--h-blauw-licht); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan b { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-prijzen b { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlp { --hlp-inkt: var(--ink); --hlp-lijn: var(--line); --hlp-knop: var(--winkel-accent); color: var(--hlp-inkt); }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header { height: auto; min-height: 92px; } }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu { height: auto; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .hlw { color: var(--ink); }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-populair { grid-area: populair; margin: 0 0 48px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-blader { grid-area: blader; margin-top: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-populair .shop-tegels { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 24px 0 0; font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad .kruimel-terug svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad a { color: var(--h-inkt3); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad a:hover { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad > span[aria-hidden] { color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad [aria-current] { color: var(--ink); font-weight: 500; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop.h-hier { color: var(--winkel-accent); box-shadow: inset 0 -2px 0 var(--winkel-accent); } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier { display: grid; grid-template-columns: 420px minmax(0, 1fr); column-gap: 72px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > :not(.site-formulier-in) { grid-column: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > .site-formulier-in { grid-column: 2; grid-row: 1 / span 6; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > h2 { margin: 0 0 14px; font-size: 38px; line-height: 1.08; font-weight: 600; letter-spacing: -.025em; font-stretch: 92%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > p { margin: 0; font-size: 18px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; border-top: 0; max-width: none; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 14px 16px; border: 0; border-radius: 12px; background: var(--h-vlak); font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-tegel:hover { background: var(--h-vlak2); color: var(--ink); }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-snelstart-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { width: min(var(--thema-breedte, 1296px), calc(100% - 2 * var(--nova-zij))); margin-inline: auto; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto) { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto):hover { border-color: var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart:not(.metfoto) .site-kaart-in::before { content: ""; display: block; width: 22px; height: 22px; margin-bottom: 14px; background: var(--winkel-accent); -webkit-mask: var(--h-kaart-icoon, none) center / contain no-repeat; mask: var(--h-kaart-icoon, none) center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href^="tel:"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href*="wa.me"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.4 7.4L3 21l2.1-5.5A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart[href^="mailto:"] { --h-kaart-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in label { font-size: 14px; font-weight: 600; color: var(--ink); }
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code { margin: 4px 0 0; align-self: flex-start; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen { position: relative; gap: 9px; font-size: 15.5px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen svg { width: 22px; height: 22px; stroke-width: 1.8; flex: 0 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-wagen .wagen-teller { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .kop-account svg { width: 22px; height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .kop-account { font-size: 15.5px; font-weight: 500; gap: 9px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst small { font-weight: 400; font-size: 13px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::before { content: none; display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button svg { display: block; width: 21px; height: 21px; stroke-width: 1.9; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button::after { content: none; display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 46px; min-width: 46px; height: 46px; place-items: center; padding: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { min-height: 40px; height: 40px; gap: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-deel { font-size: 14px; font-weight: 400; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header-in { gap: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel { gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst { line-height: 1.25; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-koptel-tekst b { font-size: 15.5px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { gap: 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-paneelknop { margin-left: -14px; padding: 0 16px 0 14px; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-kop { font-size: 15.5px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 32px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-titel { display: flex; align-items: flex-end; min-height: 56px; margin: 16px 0 0; font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { margin-top: 4px; font-size: 14.5px; font-weight: 400; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-voet { margin: 12px 0 10px; padding-top: 12px; border-top: 1px solid var(--line); align-items: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .h-kaart-perliter { margin-top: 4px; font-size: 13.5px; line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-prijs { line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 46px; min-width: 46px; height: 46px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip { font-size: 14px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) { row-gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-titel { margin-top: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-voet { margin: 16px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-chiprij { margin-top: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-chiprij .nova-chip { height: 22px; line-height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code { margin-top: -22px; line-height: 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) > img { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .shop-kaart-spec { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart > .nova-voet.h-voet-gelijk > :first-child { align-self: flex-start; }
.winkel.terra.stramien-helder:not(.helder-grip):is(.stramien-helder, #helder) .shop-kaart > .nova-voet:not(.h-voet-gelijk) > .nova-prijsvak:has(> .nova-prijs > .nova-opaanvraag) { align-self: center; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer { padding-top: 0; margin-top: 120px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; gap: 48px; padding: 72px var(--nova-zij) 60px; max-width: var(--site-breedte); margin-inline: auto; align-items: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer-in > * { margin: 0; padding: 0; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-logo { height: 60px; max-height: none; width: auto; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-merkregel { margin: 18px 0 22px; max-width: 330px; font-size: 15px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop { margin: 0 0 16px; font-size: 16px; font-weight: 600; line-height: 26px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop + div { display: flex; flex-direction: column; gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop + div > a { display: block; padding: 0; margin: 0; font-size: 15px; line-height: 24px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-kolomkop + div > a:hover { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in { gap: 28px; padding-top: 20px; padding-bottom: 24px; font-size: 13.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { order: 2; display: flex; gap: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks > a:last-child { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder-in .shop-betaallogos { order: 3; margin-left: auto; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in .shop-voet-kolomkop + div[style] { gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-merkregel { margin: 18px 0 22px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-logo { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in { justify-content: flex-start; padding-top: 20px; padding-bottom: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in .shop-betaallogos { margin-left: auto; margin-right: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-merk .shop-voet-merkregel { line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in { align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-betaallogos { padding: 0; height: 22px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-betaallogo-beeld { height: 22px; width: auto; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onder .shop-voet-onder-in .shop-betaallogos { padding: 0; height: 22px; min-height: 0; align-items: center; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-rijkop h2, .site-vraag-kop h2, .site-tekstfoto-in h2, .site-banner-kop) { font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; font-stretch: 92%; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst { align-self: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst .site-kopje { font-size: 14.5px; line-height: 1.6; margin-bottom: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-tekst h1 { font-size: 54px; line-height: 1.03; letter-spacing: -0.032em; font-stretch: 90%; margin: 0 0 22px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-zin { font-size: 18.5px; line-height: 1.55; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen { margin-top: 30px; gap: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps { display: flex; gap: 26px; margin: 30px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 0; font-size: 14.5px; line-height: 1.6; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li b { color: var(--ink); font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto img { height: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs b { font-size: 22px; line-height: 1.15; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs svg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: var(--h-bewijs-kleur, var(--winkel-accent)); -webkit-mask: var(--h-bewijs-icoon) center / contain no-repeat; mask: var(--h-bewijs-icoon) center / contain no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs-ster { --h-bewijs-kleur: #f2a51a; --h-bewijs-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3L2.9 9.5l6.3-.9z'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li.h-bewijs-winkel { --h-bewijs-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 4.5 4h15L21 9.5M3 9.5h18M3 9.5V20h18V9.5M9 20v-6h6v6'/%3E%3C/svg%3E"); }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop .site-koopkop-tekst { gap: 0; row-gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto { height: 560px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto img { height: 100%; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken { padding: 22px 26px; column-gap: 32px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-kop h2 { font-size: 18px; line-height: 1.4; letter-spacing: -0.01em; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-kop p { font-size: 14px; line-height: 1.4; color: var(--h-inkt3); margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-vlak { grid-template-columns: 200px 290px minmax(0, 1fr); column-gap: 16px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok .site-kopje { font-size: 14.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-usps li { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .site-reken-getal b { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken .site-reken-regel-prijs { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { left: 24px; right: 24px; bottom: 20px; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam b { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorie:first-child .site-categorienaam b { font-size: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam small { font-size: 14.5px; color: #e3ecef; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal { font-size: 17px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span:first-child { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span { font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:not(:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child)) .h-kaart-getal { font-size: 24px; line-height: 1.1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-cijfer b { font-size: 52px; line-height: 1; letter-spacing: -0.03em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten .h-kaart-label { font-size: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten .site-kaart.metfoto .site-kaart-in b { font-size: 20px; line-height: 1.3; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { font-size: 17.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .site-knop { font-size: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-knoppen .site-knop { font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.soort-samen, .shop-lijst, .hlp) .h-kaart-getal { font-size: 24px; line-height: 1.1; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina { gap: 104px; padding-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-rekenblok { margin-top: -76px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-rekenblok .site-reken { margin-top: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok > section { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-tekstfoto:has(> .site-tekstfoto.vlak-grijs) { padding-top: 104px; padding-bottom: 104px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner:has(.site-banner-knop2) .site-banner-in { flex: 0 0 100%; max-width: none; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in > * { max-width: 600px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { display: block; margin: 0 0 12px; color: #a9d6f2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .site-banner-kop { display: block; margin: 0 0 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .site-banner-regel { display: block; margin: 0; font-size: 18px; line-height: 1.55; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop { gap: 10px; margin: 30px 12px 0 0; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop:not(.site-banner-knop2)::after { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-knop2 { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .45); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-vak .site-banner:has(.site-banner-knop2) { justify-content: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-banner-in .h-rijkopje { line-height: 1.6; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling-in { min-height: 39px; height: 39px; padding-block: 0; line-height: 22.4px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { min-height: 54px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .logo-beeld { height: 56px; width: auto; max-height: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kop-rechts { gap: 30px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kop-rechts > .shop-wagen { margin-left: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken { padding: 22px 26px; border-radius: 14px; box-shadow: 0 20px 40px -32px rgba(19, 35, 43, .45); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-vlak { grid-template-rows: 1fr auto; row-gap: 0; align-items: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-veld { gap: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-veld > span:first-child { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { margin: 0; padding: 0 0 0 18px; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal b { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regels { margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel { position: relative; display: flex; flex-direction: column; padding: 0 136px 0 0; line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-prijs { padding-left: 18px; border-left: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst b { line-height: 1.3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-prijs { line-height: 1.3; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-knop { position: absolute; right: 0; bottom: 0; display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 22px; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-knop::after, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-knop-pijl::after { content: ""; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel { gap: 0; align-items: stretch; justify-content: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-regel-tekst { display: block; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { align-self: end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-getal { display: inline; }
}
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.soort-rekenblok .site-reken-uit { font-size: 13.5px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok :is(.h-rijkopje, .site-kopje) { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-kop-links .h-rijkopje, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten > .site-kopje { margin: 0 0 12px; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijkop.h-rijkop { margin: 0 0 40px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-rijkop .site-rijknop { gap: 7px; padding: 0; margin-bottom: 4px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-rijknop::after { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: currentColor; -webkit-mask: var(--h-pijl2) center / 16px no-repeat; mask: var(--h-pijl2) center / 16px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam { display: flex; flex-direction: column; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-categorien .site-categorienaam > * { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-getal, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span { line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .h-kaart-spec span + span { margin-top: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-getal { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-titel { margin: 0; min-height: 0; font-size: 16px; font-weight: 500; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec { margin: 0; font-size: 14.5px; font-weight: 400; line-height: 1.6; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .h-kaart-spec span { font: inherit; color: inherit; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip { height: 22px; line-height: 22px; font-size: 14px; font-weight: 500; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip::before { width: 8px; height: 8px; margin-right: 8px; background: #46a12a; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: -26px 0 0; line-height: 22px; align-self: flex-end; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-chiprij .nova-chip::before { margin-right: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-titel { letter-spacing: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto { width: 100%; min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart .site-koopkaart-foto img { width: 100%; min-width: 0; object-position: center top; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { bottom: 22px; height: 73.4px; background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam { bottom: 56.9px; margin: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { bottom: 38px; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { bottom: 37.6px; margin: 0; line-height: 1.15; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs b { display: block; letter-spacing: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto:first-child img { inset: 0; height: 100%; object-fit: cover; object-position: 50% 50%; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .h-kaart-label { font-size: 13.5px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-knop { margin: 0; gap: 10px; border: 1.5px solid transparent; font-size: 16px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:not(:has(> :nth-child(3))) > .site-kaart.metfoto .site-kaart-knop::before { content: ""; width: 18px; height: 18px; flex: 0 0 18px; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-specs { margin-top: 4px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-spec { min-height: 0; padding: 0; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:not(:has(> .h-kaart-getal)) .nova-spec { height: auto; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegels-in { grid-template-columns: 420px repeat(2, minmax(0, 1fr)) 300px; gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .site-fototegel::after { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer { gap: 4px; padding-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer .h-sterren { margin: 0; font-size: 16px; line-height: 16px; letter-spacing: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-fototegels.mozaiek .h-cijfer small { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) > img { aspect-ratio: 416 / 273; height: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) .site-kaart-in { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten-in:has(> :nth-child(3)) > .site-kaart.metfoto:has(.h-kaart-label) .h-kaart-label { line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-pijl-omlaag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
@media (min-width: 901px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag.twee-kolommen { grid-template-columns: 420px minmax(0, 1fr); column-gap: 72px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .h-rijkopje { margin: 0 0 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop h2 { margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop p { margin: 14px 0 24px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-kop .site-knop { margin: 0; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary { gap: 20px; padding: 21px 0; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel summary::after { content: ""; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-pijl-omlaag) center / 20px no-repeat; mask: var(--h-pijl-omlaag) center / 20px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-regel[open] summary::after { transform: rotate(180deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag-antwoord { max-width: 78ch; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-vraag .site-vraag-regel summary::after { background: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop { font-weight: 600; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .h-voet-score { margin-top: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .h-voet-score b { font-weight: 700; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-kolomkop { font-weight: 600 !important; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) main.site-main { padding-bottom: 0; } }
@media (min-width: 1000px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst { grid-template-columns: 260px 220px minmax(0, 1fr); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-kruimels { margin: 0 0 28px; padding: 24px 0 0; min-height: 0; font-size: 14px; line-height: 22px; gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-catkop-foto { border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-catkop-titel, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-lijsttitel { margin: 0 0 16px; padding-right: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst { padding-right: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst-in, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst .shop-cattekst-in p { font-size: 19px; line-height: 1.55; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst::before { margin: 28px calc(-1 * var(--nova-zij)) 32px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { align-items: center; font-size: 15.5px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-telling { font-size: 15.5px; line-height: 1.6; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-weergave { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .h-sorteer-op { margin-left: auto; font-size: 15.5px; color: var(--h-inkt2); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-select { height: 42px; padding: 0 38px 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterkaart { border: 0; padding: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtervorm { margin: 0; padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep { margin: 0 0 22px; padding: 0 0 22px; border: 0; border-bottom: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; padding: 0; font-size: 16px; font-weight: 600; line-height: 1.6; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary::after { content: ""; flex: 0 0 18px; width: 18px; height: 18px; border: 0; transform: none; background: var(--ink); -webkit-mask: var(--h-pijl-omlaag) center / 18px no-repeat; mask: var(--h-pijl-omlaag) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep:not([open]) > summary { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep:not([open]) > summary::after { transform: rotate(-90deg); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterlijst { display: flex; flex-direction: column; gap: 0; margin: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel { display: flex; align-items: flex-start; gap: 12px; min-height: 0; height: auto; padding: 5px 0; font-size: 15.5px; line-height: 1.45; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-catvak { flex: 0 0 22px; width: 22px; height: 22px; margin: 1px 0 0; border: 2px solid var(--h-lijn2); border-radius: 6px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel input:checked + .shop-catvak { border-color: var(--winkel-accent); background: var(--winkel-accent) var(--h-vink) center / 14px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filternaam { flex: 1 1 auto; margin: 0; font-size: 15.5px; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal { margin-left: auto; padding-top: 1px; font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) { --h-vink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtervorm { border: 0; border-radius: 0; box-shadow: none; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filtergroep > summary .chevron { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal::before, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zijbalk .shop-filterregel .shop-filteraantal::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) { position: relative; grid-column: auto; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px; min-height: 100%; margin: 0; padding: 24px; border: 0; border-radius: 12px; overflow: hidden; background: var(--ink); color: #fff; line-height: 1.35; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19, 35, 43, .1), rgba(19, 35, 43, .82)); pointer-events: none; }
.over .shop-tussentegel-foto { transform: scale(1.03); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) > :not(.shop-tussentegel-foto) { position: relative; z-index: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-titel { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-tekst { margin: 0 0 8px; max-width: none; font-size: 15px; line-height: 1.35; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-knoppen { display: flex; margin: 0; padding: 0; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-link { display: inline-flex; flex-direction: row-reverse; align-items: center; gap: 8px; padding: 0; font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tussentegel:has(> .shop-tussentegel-foto) .shop-tussentegel-link svg { width: 16px; height: 16px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main { padding-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-catblokken-onder { margin: 0; padding-top: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken > .site-blok > section { padding-inline: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { grid-template-columns: 190px repeat(var(--h-vk), minmax(0, 1fr)); border-top: 1px solid var(--line); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { padding: 13px 10px; font-size: 15px; line-height: 1.6; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > .h-vk-label { padding-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > * { padding: 14px 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-kop > .h-vk-maat.h-aan { border-radius: 10px 10px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat b { font-size: 16px; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-cel.h-aan, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat.h-aan { background: #eef6fb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen { display: grid; grid-template-columns: 360px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 64px; padding: 48px; border-radius: 16px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-rijzin { grid-column: 1; grid-row: 1; margin: 0 0 12px; font-size: 14.5px; font-weight: 600; line-height: 1.6; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2 { grid-column: 1; grid-row: 2; align-self: start; margin: 0; font-size: 38px; line-height: 1.08; letter-spacing: -0.025em; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap::before, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap-nummer { order: -1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 0 6px; padding: 0; border-radius: 50%; background: var(--ink); color: #fff; font-size: 16px; font-weight: 600; line-height: 1; position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap > b { margin: 0; padding: 0; font-size: 18px; font-weight: 600; line-height: 1.6; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen .site-stap > span:not(.site-stap-nummer) { margin: 0; padding: 0; font-size: 15.5px; line-height: 1.6; color: var(--h-inkt2); }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-veld, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-kop { min-width: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken select { width: 100%; min-width: 0; max-width: 100%; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk { flex-wrap: wrap; row-gap: 10px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .h-sorteer-op { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstbalk .shop-select { min-width: max-content; max-width: 100%; margin-left: auto; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 28px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-rijzin, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-column: 1; grid-row: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > h2 { font-size: 30px; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-stappen > .site-stappen-in { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-nul { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk-tab > span { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.topbar-badge, .shop-onderbalk-badge) { font-size: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-bericht-rubriek, .site-rubriek, .site-auteurrol, .site-auteurblok-kop, .cell-sub) { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reactie-nav small, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-bericht-nav small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) form label { font-size: max(13px, 1em); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-vergelijk-naam, .site-vergelijk-prijs, .site-buur) small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.kaart-label, .kaart-korting), .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .nova-prijs s { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart { padding-block: 0; padding-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { display: grid; grid-template-columns: 96px minmax(0, 1fr) minmax(0, 420px); align-items: center; gap: 28px; margin: 0; padding: 28px 32px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto { display: block; width: 96px; height: 96px; margin: 0; overflow: visible; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto img { display: block; width: 96px; height: 96px; margin: 0; border-radius: 50%; object-fit: cover; object-position: 50% 20%; background: var(--h-vlak); filter: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst { padding: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst h2 { margin: 0 0 6px; font-size: 26px; line-height: 1.2; letter-spacing: -0.015em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-form { padding: 0; }
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { grid-template-columns: 64px minmax(0, 1fr); gap: 16px 18px; padding: 22px 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-foto img { width: 64px; height: 64px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-tekst h2 { font-size: 21px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-form { grid-column: 1 / -1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen .site-stap-nummer { color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen.lijn .site-stap > span:not(.site-stap-nummer) { font-size: 15.5px; line-height: 1.55; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-stappen.lijn .site-stap > b { font-size: 17px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-terugbel.kaart .site-terugbel-in { max-width: none; width: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-zoekniets) :is(.shop-cattitelrij, .h-tabs, .shop-lijstbalk, .shop-tegels, .shop-zijbalk, .shop-blader) { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-zoekniets)::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets { margin: 24px 0 0; padding: 28px 32px; border: 1px solid var(--line); border-style: solid; border-radius: 16px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets b { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets > span { font-size: 16px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst :is(.shop-cattitelrij, .h-tabs, .shop-lijstbalk, .shop-tegels, .shop-zijbalk, .shop-blader) { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekniets .shop-sug-opties a:not(.aan) { background: #fff; border: 1.5px solid var(--h-lijn2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) main:has(.shop-zoekniets) .shop-lijst .card.empty { display: none !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 28px; }
@media (max-width: 760px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-voet-onderlinks { justify-content: center; gap: 8px 20px; } }
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder).met-onderbalk .shop-lade { inset: 0 0 var(--onderbalk-h, 66px); top: 0; z-index: 945; overflow-y: auto; overscroll-behavior: contain; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { display: flex; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-kop .shop-lade-sluit { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 0; background: none; color: var(--ink); font-size: 30px; line-height: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lade-titel { font-size: 16px; font-weight: 600; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open) { color: var(--h-inkt3); font-weight: 400; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk:has(.is-open) .shop-onderbalk-tab.aan:not(.is-open)::before { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-onderbalk .shop-onderbalk-tab.is-open { color: var(--ink); font-weight: 600; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel-in.apg { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; max-width: none; width: auto; margin: 0; padding: 40px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)) 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-groepen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-kop { margin: 0 0 12px; font-size: 14px; font-weight: 600; letter-spacing: .01em; line-height: 1.6; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 17px; font-weight: 500; line-height: 1.6; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat small { font-size: 14px; color: var(--h-inkt3); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat:hover > span { color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-rechts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 10px; margin-bottom: 10px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-tegel small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 10px; background: var(--h-vlak); color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp > span { display: flex; flex-direction: column; line-height: 1.35; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp b { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-hulp small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat { gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .apg-cat > span { min-width: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg)::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; background: rgba(19, 35, 43, .42); pointer-events: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg)::after { content: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-paneel:not([hidden]):has(.apg) { box-shadow: 0 30px 50px -30px rgba(19, 35, 43, .5), 0 0 0 100vmax rgba(19, 35, 43, .42); clip-path: inset(0 -100vmax -100vmax -100vmax); overflow: visible; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-vak .site-banner { min-height: 620px; padding-block: 0; align-content: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-foto::before { background: linear-gradient(90deg, rgba(30, 48, 54, .9) 0, rgba(30, 48, 54, .7) 50%, rgba(30, 48, 54, .15) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in { flex: 0 0 100%; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in > * { max-width: 640px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-in .h-rijkopje { margin: 0 0 12px; font-size: 14.5px; color: #a9d6f2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child h1.site-banner-kop { max-width: 640px; margin: 0 0 18px; font-size: 52px; line-height: 1.04; letter-spacing: -.028em; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-regel { margin: 0; font-size: 19px; line-height: 1.55; color: #dfe8eb; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-knop { margin: 30px 12px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-banner:first-child .site-banner-knop2 { background: rgba(255, 255, 255, .12); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordelen-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel { display: flex; flex-direction: column; gap: 8px; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel-icoon { width: 52px; height: 52px; margin-bottom: 10px; border-radius: 12px; background: var(--h-vlak); color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel-icoon svg { width: 24px; height: 24px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel > b { font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordeel > span:not(.site-voordeel-icoon) { font-size: 15.5px; line-height: 1.55; color: var(--h-inkt2); }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-voordelen.los.per-4 .site-voordelen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier > p { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon b { font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-persoon small { font-size: 14px; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; padding: 32px; max-width: none; box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > section.site-formulier { max-width: none; padding-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-grijs > section.site-formulier { padding-block: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in label { gap: 7px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"]), select) { height: 50px; padding: 0 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 16px; font-weight: 400; color: var(--ink); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in textarea { min-height: 120px; padding: 14px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--ink); box-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input, textarea)::placeholder { color: var(--h-inkt3); opacity: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in :is(input, textarea, select):focus { border-color: var(--winkel-accent); outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 18%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen { margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen-kop { margin-bottom: 7px; padding: 0; font-size: 14px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknoppen-rij { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop { position: relative; display: inline-flex; gap: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop span { display: inline-flex; align-items: center; height: 38px; padding: 0 15px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 500; color: var(--ink); cursor: pointer; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input:checked + span { border-color: var(--ink); background: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-keuzeknop input:focus-visible + span { box-shadow: 0 0 0 3px color-mix(in srgb, var(--winkel-accent) 25%, transparent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak { position: relative; flex-direction: row; align-items: center; gap: 14px; padding: 18px; border: 1.5px dashed var(--h-lijn2); border-radius: 10px; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak::before { content: ""; flex: 0 0 24px; width: 24px; height: 24px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") center / 24px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") center / 24px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak:hover { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak:focus-within { border-color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak > span { display: flex; flex-direction: column; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak b { font-size: 16px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in .site-bestandvak small { font-size: 14px; font-weight: 400; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"] { display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 28px; border-radius: 8px; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"]::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--h-pijl) center / 18px no-repeat; mask: var(--h-pijl) center / 18px no-repeat; }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in { grid-template-columns: minmax(0, 1fr); padding: 20px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-formulier-in button[type="submit"] { justify-self: stretch; justify-content: center; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .site-tekstfoto-foto { aspect-ratio: 3 / 2; border-radius: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > h1 { margin: 0 0 16px; font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -.028em; font-stretch: 92%; text-wrap: balance; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) .site-tekstfoto-in > p { margin: 0 0 28px; font-size: 19px; line-height: 1.55; }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > h1 { font-size: 36px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto:has(> .site-tekstfoto-in > h1) { grid-template-columns: minmax(0, 1fr); gap: 24px; }  }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaarten-in { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:not(.metfoto) { padding: 28px; border-radius: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-in { gap: 4px; margin: 0; line-height: 1.45; align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:not(.metfoto) .site-kaart-in::before { width: 26px; height: 26px; margin-bottom: 12px; -webkit-mask-size: 26px; mask-size: 26px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-in b { font-size: 19px; font-weight: 600; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-zin { font-size: 17px; font-weight: 500; line-height: 1.45; color: var(--ink); overflow-wrap: anywhere; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaart-noot { margin-bottom: 16px; font-size: 14.5px; line-height: 1.45; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-knop { flex-direction: row; justify-content: center; gap: 8px; height: 40px; margin: 0; padding: 0 16px; border: 1.5px solid var(--h-lijn2); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 600; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:first-child .site-kaart-knop { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart-knop::before { width: 18px; height: 18px; border: 0; transform: none; background: currentColor; -webkit-mask: var(--h-kaart-icoon, none) center / 18px no-repeat; mask: var(--h-kaart-icoon, none) center / 18px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:hover .site-kaart-knop { border-color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:first-child:hover .site-kaart-knop { border-color: var(--h-knop2); background: var(--h-knop2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaarten:has(.site-kaart-noot) .site-kaart:hover .site-kaart-in b { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-tekstfoto.vlak-grijs:not(.foto-links)) { background: none; padding-block: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok.soort-tekstfoto:has(> .site-tekstfoto.vlak-grijs:not(.foto-links)) { padding-block: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) { width: auto; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); grid-template-columns: minmax(0, 1fr) 420px; gap: 72px; padding: 48px; border-radius: 18px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-foto { order: 2; aspect-ratio: 1; border-radius: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-in h2 { margin: 0 0 14px; font-size: 38px; line-height: 1.08; max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-in > p { margin: 0 0 24px; font-size: 19px; line-height: 1.55; }
@media (max-width: 1023px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 44px 48px; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) .site-tekstfoto-foto { width: 100%; max-width: 420px; } }
@media (max-width: 700px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok > .site-tekstfoto.vlak-grijs:not(.foto-links) { padding: 28px 22px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-voet:has(~ *) { }
@media (max-width: 1099px) {
}
@media (min-width: 761px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-zoek #shop-sug:has(> .zl3) { top: calc(100% + 14px); left: 0; right: auto; width: min(900px, calc(100vw - 2 * var(--nova-zij))) !important; --zl3-dim: 132px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug:has(> .zl3)::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-zoek #shop-sug:has(> .zl3) { overflow: visible; max-height: none; box-shadow: 0 0 0 100vmax rgba(19, 35, 43, .42); clip-path: inset(0 -100vmax -100vmax -100vmax); border-radius: 12px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3 { grid-template-columns: minmax(0, 1fr) 300px; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(19, 35, 43, .45); font-size: 15.5px; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol { padding: 18px 20px 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol + .zl3-kol { border-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden { display: flex; flex-direction: column; align-items: stretch; padding: 18px 22px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kop { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kol > .zl3-kop ~ .zl3-kop { margin-top: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art { grid-template-columns: 80px minmax(0, 1fr) auto; gap: 16px; padding: 8px; border: 0; border-radius: 8px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-kop + .zl3-art { padding-top: 8px; background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art:hover, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art.sug-aan { background: var(--h-vlak); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art img, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-geenfoto { width: 80px; height: 60px; object-fit: cover; border-radius: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-tekst { gap: 0; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-naam { font-size: 15.5px; font-weight: 600; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-sub { font-size: 14px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art-prijs { font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art:hover .zl3-art-naam, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-art.sug-aan .zl3-art-naam { text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-alles { flex-direction: row-reverse; justify-content: flex-end; gap: 8px; min-height: 0; margin: 10px 8px 0; font-size: 16px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-alles svg { width: 16px; height: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel { display: block; min-height: 0; padding: 6px 0; font-size: 15.5px; font-weight: 400; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden a.zl3-regel { font-size: 15.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel small { margin-left: 4px; font-size: 13.5px; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel:hover > span:first-child, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-regel.sug-aan > span:first-child { color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-top: auto; padding: 14px; border-radius: 10px; background: #fff; color: var(--ink); text-decoration: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden > :not(.zl3-tip):has(+ a.zl3-tip) { margin-bottom: 18px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip::before { content: ""; grid-row: 1 / span 2; width: 22px; height: 22px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 17 3l4 4L7 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E") center / 22px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17 17 3l4 4L7 21z'/%3E%3Cpath d='m7 13 2 2M10 10l2 2M13 7l2 2'/%3E%3C/svg%3E") center / 22px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip b { font-size: 15px; font-weight: 600; line-height: 1.4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip small { font-size: 13.5px; line-height: 1.4; color: var(--h-inkt2); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug a.zl3-tip:hover b { color: var(--winkel-accent); }
@media (max-width: 760px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3 { grid-template-columns: minmax(0, 1fr); border-radius: 0; } .winkel.terra.stramien-helder:is(.stramien-helder, #helder) #shop-sug .zl3-midden { padding: 16px 20px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) > li { margin: 0; padding: 18px 20px 0 0; font-size: 14px; line-height: 1.45; color: var(--h-inkt3); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) > li::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst-in > ul:last-child:has(> li > strong) strong { display: block; margin-top: 2px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: var(--ink); white-space: nowrap; }
@media (min-width: 1024px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijst:has(.shop-cattekst-in > ul:last-child > li > strong) .shop-catkop-foto { height: 480px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-blok.opm-vlak-grijs { background: var(--h-vlak); box-shadow: 0 0 0 100vmax var(--h-vlak); clip-path: inset(0 -100vmax); padding-block: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catblokken .site-blok.opm-vlak-grijs > section { background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina.shop-catblokken { display: flex; flex-direction: column; gap: 104px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a { display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px; border-radius: 10px; font-size: 15.5px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop { background: var(--ink); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop:hover { background: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop-rand { border: 1.5px solid var(--h-lijn2); background: #fff; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattekst > p.h-catknoppen > a.h-catknop-rand:hover { border-color: var(--ink); }
@media (min-width: 1024px) and (max-width: 1359px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > * { white-space: normal; padding-inline: 6px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > .h-vk-label { padding-left: 0; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-maat { contain: inline-size; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk { grid-template-columns: 136px repeat(var(--h-vk), minmax(max-content, 1fr)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-vk-rij > :first-child { position: sticky; left: 0; z-index: 1; background: var(--h-vlak); white-space: normal; line-height: 1.35; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: 2px 0 0; align-self: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code { margin-top: 2px; align-self: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-tegels > .shop-tussentegel { grid-column: 1 / -1; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .shop-kaart-spec { white-space: normal; overflow: visible; text-overflow: clip; }
@media (max-width: 1100px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-regel-tekst b { white-space: normal; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken-vlak { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1199px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop { grid-template-columns: 1fr; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart { display: flex; flex-direction: column; gap: 0; max-width: none; min-height: 0; padding: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart::before { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { position: relative; inset: auto; height: 300px; padding-block: 12px; box-sizing: border-box; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-naam { position: static; display: block; margin: 16px 0 0; padding: 14px 16px 2px; border-radius: 12px 12px 0 0; background: #fff; line-height: 1.35; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { position: static; display: block; margin: 0; padding: 0 16px 14px; border-radius: 0 0 12px 12px; background: #fff; line-height: 1.45; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { position: absolute; top: 20px; right: 20px; bottom: auto; }
}
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-foto { height: 220px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop { display: flex; flex-direction: column; height: auto; min-height: 0; overflow: visible; background: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-foto { position: static; width: 100%; height: 210px; object-fit: cover; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-waas { display: block; position: static; inset: auto; padding: 20px 16px 16px; background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop-titel { position: static; margin: 0; padding: 0; color: var(--ink); font-size: 30px; line-height: 1.12; letter-spacing: -.02em; text-shadow: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-alles-over { display: none; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kruimelpad { background: transparent; }
@media (max-width: 640px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 20px; text-align: left; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > .shop-voet-merk { grid-column: 1 / -1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in > div > div[style] { align-items: flex-start; gap: 10px !important; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-footer-in a { line-height: 1.45; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer { margin-top: 0; border-top: 1px solid var(--line); }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-download i, .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-download small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-schuif-bel { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-keuzehulp-nummer { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .foto-leeg { font-size: 0; color: transparent; background: var(--h-vlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%239fb0b6' stroke-width='2.5'%3E%3Cellipse cx='32' cy='16' rx='18' ry='6'/%3E%3Cpath d='M14 16v30c0 3.3 8 6 18 6s18-2.7 18-6V16'/%3E%3Cpath d='M6 30h8M50 30h8'/%3E%3C/svg%3E") center / 64px no-repeat; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-berichten .site-bericht-samenvatting { display: block; -webkit-line-clamp: none; max-height: none; overflow: visible; }
@container (max-width: 259px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-code,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart:not(:has(.h-kaart-getal)) .nova-code,
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.site-samen-in, .shop-tegels) > .shop-kaart:has(> .h-kaart-getal) .nova-code { margin: 2px 0 0; align-self: flex-start; }
}
@media (min-width: 560px) and (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-producten-in:not(:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 389px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-tekstfoto-in > .site-knop { padding-left: 16px; padding-right: 16px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-prijs { font-size: 19px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-knoppen button { width: 40px; min-width: 40px; height: 40px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-voet { column-gap: 6px; }
}
@media (min-width: 1024px) and (max-width: 1345px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in { gap: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-rechts { gap: 20px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in > .shop-menu-item.h-menu-weg { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-menu-in > .shop-menu-item.h-menu-meer { position: static; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer > .shop-menu-kop { cursor: pointer; list-style: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer > .shop-menu-kop::-webkit-details-marker { display: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer .shop-menu-pijl { opacity: .7; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer .shop-menu-lade { min-width: 240px; padding: 8px; border: 1px solid var(--nova-lijn); border-radius: 12px; box-shadow: 0 18px 40px -18px rgba(16, 24, 40, .35); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer .shop-menu-lade a { padding: 10px 12px; border-radius: 8px; font-size: 15px; font-weight: 500; color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .h-menu-meer .shop-menu-lade a:hover { background: var(--h-vlak); color: var(--winkel-accent); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .shop-kruimels { grid-column: 1 / -1; grid-row: 1; justify-self: stretch; width: auto; max-width: none; margin: 0; padding-inline: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-berichtkop { grid-row: 2; margin-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > :is(.site-inhoud, .site-pagina) { grid-row: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-berichtkop > .site-berichtfoto { margin-inline: 0; width: 100%; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { grid-row: 4; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina { gap: 14px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok:not(.soort-tekst) { margin-block: 34px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) .site-blok > section.site-cta { margin-inline: 0; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) .site-blok > section.site-cta { background: #fff; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok:not(.soort-tekst):last-child { margin-bottom: 0; }
@media (min-width: 1101px) and (max-width: 1339px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-reken { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 900px) and (max-width: 1199px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-velden .klant-veld.ov-zes { grid-column: span 5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-velden .klant-veld.ov-twee { grid-column: span 3; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-zin { right: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart-prijs { bottom: 54px; }
}
@media (min-width: 1200px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart.h-kaart-lang .site-koopkaart-naam { bottom: calc(56.9px + var(--h-zin-extra, 0px)); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart.h-kaart-lang::before { height: calc(73.4px + var(--h-naam-extra, 0px) + var(--h-zin-extra, 0px)); }
}
@media (min-width: 1200px) and (max-width: 1339px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkaart.h-kaart-lang .site-koopkaart-prijs { bottom: calc(54px + var(--h-zin-extra, 0px)); }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder { max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-footer .shop-voet-onder-in { max-width: var(--thema-breedte); margin-inline: auto; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .inlog { max-width: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .offerte-vraag > .offerte-regels { padding-inline-end: var(--nova-zij); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header { align-items: flex-start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .afr-sectie > header h2 { line-height: 30px; }
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekkop { margin-top: 28px; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekingang .chip { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekingang .chip small { font-size: 12.5px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoektegel small { font-size: 13px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-zoekpaginas .eyebrow { font-size: 13px; }
@media (min-width: 1000px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-cattitelrij { grid-column: 1 / -1; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > .shop-cattitelrij { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-cattitelrij h1 { margin-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker { background: var(--donker-vlak, var(--ink)); color: rgba(255, 255, 255, .9); border-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker .shop-mededeling-deel b { color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker .shop-mededeling-deel svg { color: color-mix(in srgb, var(--winkel-accent) 45%, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker .shop-mededeling-link { color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker .shop-mededeling-link:hover { color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-licht { background: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-accent { background: var(--winkel-accent); color: var(--winkel-accent-ink, #fff); border-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-accent :is(.shop-mededeling-deel b, .shop-mededeling-deel svg, .shop-mededeling-link, .shop-mededeling-link:hover) { color: var(--winkel-accent-ink, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling:is(.belofte-donker, .belofte-licht, .belofte-accent) .shop-mededeling-deel:nth-child(4) { padding-left: 0; border-left: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling:is(.belofte-donker, .belofte-licht, .belofte-accent) .shop-mededeling-in:not(:has(.shop-mededeling-link)) { justify-content: center; }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-donker { background: var(--donker-vlak, var(--ink)); color: rgba(255, 255, 255, .9); border-bottom: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-mededeling.belofte-accent { background: var(--winkel-accent); color: var(--winkel-accent-ink, #fff); border-bottom: 0; }
}
@media (min-width: 1024px) { .winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header.kop-donker :is(.shop-wagen, .kop-account, .shop-koptel, .shop-koptel-tekst b) { color: #fff; } }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header.kop-donker .shop-koptel-tekst small { color: rgba(255, 255, 255, .72); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header.kop-donker .shop-wagen:hover { background: rgba(255, 255, 255, .1); }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-footer { background: var(--donker-vlak, var(--ink)); color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-footer :is(p, li, span, small, address, div) { color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-footer :is(h2, h3, h4, b, strong, .shop-voet-kolomkop, .shop-voet-kop) { color: #fff; }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-footer a { color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-footer a:hover { color: #fff; }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) .shop-voet-onder { background: color-mix(in srgb, var(--donker-vlak, var(--ink)) 80%, #000); color: rgba(255, 255, 255, .7); border-top: 1px solid rgba(255, 255, 255, .08); }
.winkel.terra.stramien-helder.voet-donker-aan:is(.stramien-helder, #helder) :is(.shop-voet-onder a, .shop-voet-onder-in, .shop-voet-onder-in span) { color: rgba(255, 255, 255, .7); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker :is(h1, h2, h3, .site-koopkop-tekst h1) { color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker :is(.site-koopkop-zin, .site-rijzin, .site-koopkop-usps, .site-tekstfoto-in p) { color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-koopkop-usps { border-top-color: rgba(255, 255, 255, .16); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-kopje { color: color-mix(in srgb, var(--winkel-accent) 45%, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-koopkop-usps li svg { color: color-mix(in srgb, var(--winkel-accent) 45%, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-koopkop-usps :is(li, li b) { color: rgba(255, 255, 255, .82); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-koopkop-usps li.h-bewijs::before { background: color-mix(in srgb, var(--winkel-accent) 45%, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker :is(.site-koopkaart-naam, .site-koopkaart-prijs, .site-koopkaart-prijs b) { color: var(--ink); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok.opm-vlak-donker .site-koopkaart-zin { color: var(--h-inkt2); }
.winkel.terra.stramien-helder.thema-kleuren:is(.stramien-helder, #helder) {
--h-inkt2: color-mix(in srgb, var(--ink) 80%, var(--bg, #fff));
--h-inkt3: color-mix(in srgb, var(--ink) 64%, var(--bg, #fff));
--h-lijn2: color-mix(in srgb, var(--ink) 22%, var(--bg, #fff));
--h-vlak: var(--wash2, #eef2f3);
--h-vlak2: color-mix(in srgb, var(--ink) 7%, var(--wash2, #eef2f3));
--h-leisteen: color-mix(in srgb, var(--ink) 72%, var(--bg, #fff));
--h-leisteen3: var(--donker-vlak, color-mix(in srgb, var(--ink) 90%, #000));
--h-knop2: color-mix(in srgb, var(--winkel-accent) 82%, #000);
--h-blauw-licht: color-mix(in srgb, var(--winkel-accent) 7%, #fff);
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-chiprij .nova-chip:is(.nova-chip--nee, .nova-chip--wacht) { color: var(--h-let); }
@media (max-width: 1023px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header.vorm-terra .shop-header-in { padding-left: var(--nova-zij); padding-right: var(--nova-zij); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-header .shop-header-in .shop-lade-knop { width: 44px; height: 44px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-balk-filterknop { height: 44px; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels.is-twee .site-kaartregels-in { align-items: stretch; }
@media (max-width: 559px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-main:not(.site-main) { padding-inline: var(--nova-zij); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) :is(.shop-main > .shop-kruimels, .wagen-titel, .wagen-regels, .wagen-leegstand, .inlog, .shop-leeg-pagina, .afr, .wagen-telling, .afr-bestelling, .klant-tabs, .shop-lijstkolom .shop-subtegels),
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-lijstkolom > :is(.shop-kruimels, .shop-cattitelrij, .shop-cattekst, .shop-subtegels, .shop-lijsttitel) { margin-inline: calc(-1 * var(--nova-zij)); padding-inline: var(--nova-zij); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-catkop { margin-inline: calc(-1 * var(--nova-zij)); }
}
@media (max-width: 359px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .shop-kaart .nova-titel { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 4 4; }
}
@supports (grid-template-rows: subgrid) {
@media (min-width: 761px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-in:has(> .site-kaartregels-kaart.is-metfoto) { row-gap: 0; margin-bottom: -20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto { display: grid; grid-template-rows: subgrid; grid-row: span 7; row-gap: 0; margin-bottom: 20px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto > .site-kaartregels-foto { grid-row: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst { display: grid; grid-template-rows: subgrid; grid-row: 2 / span 6; row-gap: 0; align-content: start; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > * { margin-top: 12px; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > :first-child { margin-top: 0; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto .site-kaartregels-kopje { grid-row: 1; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto :is(.site-kaartregels-titel, .site-kaartregels-kop) { grid-row: 2; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto .site-kaartregels-zin { grid-row: 3; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto .site-kaartregels-lijst { grid-row: 4; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto .site-kaartregels-punten { grid-row: 5; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-kaartregels:not(.is-compact, .is-portret) .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > :is(.site-kaartregels-knop, .site-inhoud-pijllink, .site-kaartregels-knoppen) { grid-row: 6; align-self: end; justify-self: start; }
}
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-blok:has(> .site-koopkop.met-foto) { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(118deg, color-mix(in srgb, var(--donker-vlak, #133649) 80%, #000) 0%, var(--donker-vlak, #133649) 46%, color-mix(in srgb, var(--winkel-accent) 62%, var(--donker-vlak, #133649)) 100%); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop-foto { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; opacity: .14; mix-blend-mode: screen; pointer-events: none; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop .site-titel-accent { font-style: normal; color: var(--winkel-koop, var(--winkel-accent)); white-space: nowrap; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.met-foto .site-kopje { color: var(--winkel-koop, #fff); }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.met-foto .site-koopkop-knoppen .site-knop-licht { background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff; }
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.met-foto .site-koopkop-knoppen .site-knop-licht:hover { background: rgba(255, 255, 255, .08); border-color: #fff; }
@media (max-width: 700px) {
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-koopkop.met-foto .site-koopkop-knoppen .site-knop { flex: 1 1 100%; justify-content: center; }
}
.winkel.terra.stramien-helder:is(.stramien-helder, #helder) .site-pagina > .site-blok:has(> .site-koopkop.met-foto) + .site-blok:has(> .rkb-pw-balk) { position: relative; z-index: 2; }