:root {
--strak-accent: var(--winkel-accent);
--strak-accent-ink: var(--winkel-accent-ink);
}
.winkel.terra.stramien-strak {
--nova-zij: 40px;
--hoek: 2px; --hoek-klein: 2px; --nova-r-klein: 2px; --nova-r-mini: 2px; --foto-r: 0px;
--strak-diep: color-mix(in srgb, var(--nova-inkt) 58%, #000);
--strak-link: color-mix(in srgb, var(--strak-accent) 62%, #000);
--winkel-accent: var(--nova-inkt);
--winkel-accent-ink: #fff;
--strak-veld: color-mix(in srgb, var(--nova-inkt) 22%, #fff);
--strak-smal: "Barlow Condensed", var(--winkel-letter);
--strak-groen: #178a48;
--nova-accent: var(--nova-inkt);
--nova-accent-op: #fff;
--terra-accent-diep: color-mix(in srgb, var(--nova-inkt) 80%, #000);
--terra-r-knop: 2px;
font-size: 16px;
font-variant-numeric: tabular-nums;
}
.winkel.terra.stramien-strak p:not(.cell-sub):not(.pdp-bezorg-zin):not(.pdp-bezorg-dag):not(.chat-portaal-intro):not(.shop-bericht-samenvatting) { font-size: var(--strak-p, 16px); }
.winkel.terra.stramien-strak .site-kopje {
display: inline-flex; align-items: center; gap: 10px;
font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
color: var(--nova-gedempt); line-height: 1.2; margin: 0;
}
.winkel.terra.stramien-strak .site-kopje::before { content: ""; width: 11px; height: 11px; background: var(--strak-accent); flex: none; }
.winkel.terra.stramien-strak .shop-mededeling { height: 40px; min-height: 40px; background: var(--nova-inkt); color: color-mix(in srgb, #fff 86%, var(--nova-inkt)); font-size: 14px; font-weight: 400; border: 0; }
.winkel.terra.stramien-strak .shop-mededeling-in { height: 40px; max-width: var(--site-breedte); margin: 0 auto; padding-inline: var(--nova-zij); box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; gap: 14px; }
.winkel.terra.stramien-strak .shop-mededeling-deel { display: inline-flex; align-items: center; gap: 14px; font-weight: 400; white-space: nowrap; }
.winkel.terra.stramien-strak .shop-mededeling-deel svg { display: none; }
.winkel.terra.stramien-strak .shop-mededeling-deel + .shop-mededeling-deel::before { content: ""; width: 4px; height: 4px; background: var(--strak-accent); }
.winkel.terra.stramien-strak .shop-mededeling-menu { margin-left: auto; display: flex; align-items: center; gap: 28px; }
@media (max-width: 1023px) { .winkel.terra.stramien-strak .shop-mededeling-menu { display: none; } }
.winkel.terra.stramien-strak .shop-mededeling-menu a { color: inherit; text-decoration: none; font-weight: 400; white-space: nowrap; }
.winkel.terra.stramien-strak .shop-mededeling-menu a:hover { color: #fff; }
.winkel.terra.stramien-strak .shop-mededeling-menu .shop-mededeling-tel { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 600; }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken, .winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in { height: 96px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken { border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-header-in { gap: 32px; }
.winkel.terra.stramien-strak .shop-header .logo-beeld.licht, .winkel.terra.stramien-strak .shop-header .logo-beeld.donker { height: 42px; width: auto; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek { flex: 1 1 auto; max-width: 640px; height: 54px; margin: 0 auto 0 24px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek input,
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken.zoekbalk-knop .shop-zoek input { height: 54px; border: 1.5px solid var(--strak-veld); border-radius: 2px; background: #fff; box-shadow: none; padding: 0 70px 0 18px; font-size: 16.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek input::placeholder { color: color-mix(in srgb, var(--nova-inkt) 55%, #fff); }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek input:focus { border-color: var(--nova-inkt); box-shadow: none; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-zoek > svg { display: none; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken.zoekbalk-knop .shop-zoek-knopje { right: 1.5px; top: 1.5px; transform: none; width: 54px; height: 51px; padding: 0; justify-content: center; gap: 0; border-radius: 0; background: var(--nova-inkt); color: #fff; font-size: 0; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken.zoekbalk-knop .shop-zoek-knopje svg { width: 20px; height: 20px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-kop-rechts { gap: 30px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-kop-rechts > * + * { margin-left: 0; }
.winkel.terra.stramien-strak.menu2-balk .shop-header.vorm-terra.kop-zoeken .shop-koptel { display: none; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .kop-account { width: auto; height: 44px; border: 0; border-radius: 0; background: none; display: inline-flex; align-items: center; gap: 10px; padding: 0; color: var(--nova-inkt); font-size: 16px; font-weight: 600; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .kop-account .kop-woord { display: inline; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .kop-account svg { width: 22px; height: 22px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen { height: 44px; padding: 0; gap: 10px; border: 0; border-radius: 0; background: none; color: var(--nova-inkt); font-size: 16px; font-weight: 600; box-shadow: none; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen:hover { background: none; color: var(--strak-link); }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen svg { width: 22px; height: 22px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen .wagen-woord { display: inline; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen .topbar-badge.wagen-teller { position: static; margin: 0; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 0; background: var(--strak-accent) !important; color: var(--strak-accent-ink, var(--nova-inkt)); font-size: 14px; font-weight: 600; display: inline-grid; place-items: center; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra, .winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-in { height: 60px; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra { background: #fff; border-top: 0; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-in { gap: 38px; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-kop { height: 60px; padding: 0; font-size: 17px; font-weight: 500; color: var(--nova-inkt); border-bottom: 3px solid transparent; margin-bottom: -1px; gap: 0; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-pijl { display: none; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-item:hover > .shop-menu-kop,
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-item[open] > .shop-menu-kop,
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-kop[aria-current="page"] { color: var(--nova-inkt); border-bottom-color: var(--strak-accent); }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-rechts { margin-left: auto; gap: 26px; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-cta { height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: var(--strak-link); font-size: 17px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-cta::after { content: "→"; font-weight: 600; }
}
.winkel.terra.stramien-strak .site-pagina .site-blok.soort-hero, .winkel.terra.stramien-strak .site-blok.soort-hero { max-width: none; padding-inline: 0; margin-inline: 0; }
.winkel.terra.stramien-strak .site-hero, .winkel.terra.stramien-strak .site-pagina .site-hero { border-radius: 0; margin-inline: 0; max-width: none; }
.winkel.terra.stramien-strak .site-hero-dia { border-radius: 0; }
.winkel.terra.stramien-strak .site-hero.metfoto, .winkel.terra.stramien-strak .site-hero .site-hero-dias, .winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) { height: 640px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-foto { height: 640px; width: 100%; object-fit: cover; object-position: 60% 50%; border-radius: 0; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-waas { background: linear-gradient(90deg, color-mix(in srgb, var(--strak-diep) 94%, transparent) 0%, color-mix(in srgb, var(--strak-diep) 80%, transparent) 38%, color-mix(in srgb, var(--strak-diep) 30%, transparent) 72%, color-mix(in srgb, var(--strak-diep) 10%, transparent) 100%); }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-in { max-width: var(--site-breedte); margin: 0 auto; padding: 0 var(--nova-zij); box-sizing: border-box; justify-content: center; align-items: flex-start; left: 0; right: 0; }
.winkel.terra.stramien-strak .site-hero-kopje { color: color-mix(in srgb, #fff 72%, var(--strak-accent)); }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) h1,
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-kop { font-family: var(--strak-smal); font-size: 112px; font-weight: 700; line-height: .9; letter-spacing: -.005em; text-transform: uppercase; color: #fff; margin: 26px 0 0; text-shadow: none; max-width: 900px; }
.winkel.terra.stramien-strak .site-hero-voorregel { display: block; font-weight: 300; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-tekst { max-width: 560px; --strak-p: 20px; font-size: 20px; line-height: 1.5; color: color-mix(in srgb, #fff 84%, var(--nova-inkt)); margin: 28px 0 38px; text-shadow: none; }
.winkel.terra.stramien-strak .site-hero-knoppen { gap: 14px; }
.winkel.terra.stramien-strak .site-hero-knop { height: 54px; padding: 0 28px; gap: 12px; border-radius: 2px; background: var(--strak-accent); color: var(--strak-accent-ink, var(--nova-inkt)) !important; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-strak .site-hero-knop svg { display: none; }
.winkel.terra.stramien-strak .site-hero-knop::after { content: "→"; }
.winkel.terra.stramien-strak .site-hero-pijllink { height: 54px; padding: 0 28px; border: 1.5px solid color-mix(in srgb, #fff 70%, transparent); border-radius: 2px; color: #fff; font-size: 17px; font-weight: 600; gap: 0; box-sizing: border-box; }
.winkel.terra.stramien-strak .site-hero-pijllink svg { display: none; }
.winkel.terra.stramien-strak .site-hero-pijllink:hover { color: #fff; border-color: #fff; }
.winkel.terra.stramien-strak .site-pagina { gap: 0; }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section { margin-block: 0 56px; }
.winkel.terra.stramien-strak .site-pagina:has(> .site-blok.soort-hero:first-child) { padding-top: 0; }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-hero { padding: 0; margin: 0; }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-voordelen.cijfers,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-categorien,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-producten,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-merken,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-snel,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-stappen.naast { margin-bottom: 0; padding-inline: var(--nova-zij); box-sizing: border-box; }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-categorien,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-producten,
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-merken { padding-block: 96px; }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-snel { padding-block: 88px; }
.winkel.terra.stramien-strak .site-pagina > .site-blok.opm-vlak-grijs > section,
.winkel.terra.stramien-strak .site-pagina > .site-blok.opm-vlak-donker > section { padding-block: 88px; }
.winkel.terra.stramien-strak .site-pagina > .site-blok.opm-vlak-donker > section.site-stappen.naast { padding-block: 104px 0; }
.winkel.terra.stramien-strak .site-pagina > .site-blok.soort-voordelen:has(> .cijfers) { border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-pagina > .site-blok > section.site-voordelen.cijfers { padding-block: 0; border-bottom: 0; }
.winkel.terra.stramien-strak .site-rijkop { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin: 0 0 40px; }
.winkel.terra.stramien-strak .site-rijkop-titel { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.winkel.terra.stramien-strak .site-pagina .site-rijkop h2, .winkel.terra.stramien-strak .site-rijkop h2,
.winkel.terra.stramien-strak .site-snel h2, .winkel.terra.stramien-strak .site-merken h2 { font-family: var(--strak-smal); font-size: 52px; font-weight: 600; line-height: 1; letter-spacing: -.005em; text-transform: uppercase; color: var(--nova-inkt); margin: 0; }
.winkel.terra.stramien-strak .site-rijknop { display: inline-flex; align-items: center; gap: 8px; height: auto; padding: 0; border: 0; background: none; color: var(--strak-link); font-size: 16px; font-weight: 600; white-space: nowrap; text-decoration: none; }
.winkel.terra.stramien-strak .site-rijknop::after { content: "→"; width: auto; height: auto; background: none; clip-path: none; }
.winkel.terra.stramien-strak .site-voordelen.cijfers { padding: 0; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordelen-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; flex: 1 1 auto; width: 100%; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel { display: flex; flex-direction: column; gap: 4px; padding: 36px 0 36px 32px; border: 0; border-left: 1px solid var(--nova-lijn); border-radius: 0; background: none; text-align: left; box-shadow: none; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel:first-child { border-left: 0; padding-left: 0; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel b { font-family: var(--strak-smal); font-size: 58px; font-weight: 600; line-height: 1; color: var(--nova-inkt); letter-spacing: -.005em; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel span { font-size: 16px; font-weight: 500; color: var(--nova-gedempt); line-height: 1.4; }
.winkel.terra.stramien-strak .site-categorien .site-categorien-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; }
.winkel.terra.stramien-strak .site-categorie { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 300px; padding: 0; background: var(--nova-vlak); border: 0; border-radius: 0; box-shadow: none; overflow: hidden; text-decoration: none; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .site-categorie:hover { background: color-mix(in srgb, var(--nova-vlak) 88%, var(--nova-inkt)); }
.winkel.terra.stramien-strak .site-categoriefoto { display: block; width: 100%; height: 190px; padding: 22px 26px 0; box-sizing: border-box; background: none; border-radius: 0; aspect-ratio: auto; }
.winkel.terra.stramien-strak .site-categoriefoto img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; mix-blend-mode: multiply; }
.winkel.terra.stramien-strak .site-categorienaam { display: block; padding: 0 24px 26px; text-align: left; }
.winkel.terra.stramien-strak .site-categorienaam b { display: inline-flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 600; line-height: 1.2; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-strak .site-categorienaam b::after { content: "→"; color: var(--strak-link); font-size: 18px; }
.winkel.terra.stramien-strak .site-categorienaam small { display: block; margin-top: 4px; font-size: 14.5px; font-weight: 400; color: var(--nova-gedempt); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-strak .site-categoriepijl, .winkel.terra.stramien-strak .site-categorieknop-pijl { display: none; }
.winkel.terra.stramien-strak .site-blok.opm-vlak-donker { background: var(--strak-diep); }
.winkel.terra.stramien-strak .site-stappen.naast { padding: 104px 0 0; }
.winkel.terra.stramien-strak .site-blok.opm-vlak-donker > section.site-stappen.naast { padding-block: 104px 0; }
.winkel.terra.stramien-strak .site-stappen-kop { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: end; padding-bottom: 56px; }
.winkel.terra.stramien-strak .site-stappen-kop h2 { font-family: var(--strak-smal); font-size: 84px; font-weight: 700; line-height: .92; text-transform: uppercase; margin: 22px 0 0; max-width: 7em; }
.winkel.terra.stramien-strak .site-stappen-kop .site-rijzin { --strak-p: 20px; font-size: 20px; line-height: 1.5; max-width: 520px; margin: 0; padding-bottom: 6px; }
.winkel.terra.stramien-strak .opm-vlak-donker .site-kopje { color: color-mix(in srgb, #fff 72%, var(--strak-accent)); }
.winkel.terra.stramien-strak .opm-vlak-donker .site-rijzin { color: color-mix(in srgb, #fff 80%, var(--nova-inkt)); }
.winkel.terra.stramien-strak .site-stappen-lijf { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: end; }
.winkel.terra.stramien-strak .site-stappen-links { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 104px; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stappen-in { display: flex; flex-direction: column; gap: 0; width: 100%; margin: 0 0 40px; padding: 0; list-style: none; border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent); counter-reset: none; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stap { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 0; padding: 20px 0; border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent); border-radius: 0; background: none; text-align: left; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stap::before { content: none; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stap-nummer { position: static; width: auto; height: auto; border-radius: 0; background: none; font-family: var(--strak-smal); font-size: 26px; font-weight: 600; line-height: 1.1; color: var(--strak-accent); display: block; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stap-tekst b { display: block; font-size: 18px; font-weight: 600; }
.winkel.terra.stramien-strak .site-stappen.naast .site-stap-tekst span { display: block; margin-top: 2px; font-size: 15.5px; line-height: 1.5; color: color-mix(in srgb, currentColor 70%, transparent); }
.winkel.terra.stramien-strak .site-stappen.naast .site-knop { height: 54px; padding: 0 28px; border-radius: 2px; background: var(--strak-accent); color: var(--strak-accent-ink, var(--nova-inkt)); font-size: 17px; font-weight: 600; display: inline-flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-strak .site-stappen.naast .site-knop::after { content: "→"; }
.winkel.terra.stramien-strak .site-stappen-foto img { display: block; width: 100%; height: auto; border-radius: 0; }
.winkel.terra.stramien-strak .site-snel { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 80px; align-items: center; }
.winkel.terra.stramien-strak .site-snel-tekst { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.winkel.terra.stramien-strak .site-snel .site-rijzin { --strak-p: 19px; font-size: 19px; line-height: 1.5; color: var(--nova-gedempt); max-width: 520px; margin: 0; }
.winkel.terra.stramien-strak .site-snel-vak { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--nova-lijn); padding: 8px 28px 28px; }
.winkel.terra.stramien-strak .site-snel-kop, .winkel.terra.stramien-strak .site-snel-regel { display: grid; grid-template-columns: minmax(0, 1fr) 80px; align-items: center; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-snel-kop { height: 46px; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak label.site-snel-kop { display: flex; }
.winkel.terra.stramien-strak .site-snel-regel { height: 52px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 17px; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .site-snel-kop span:last-child, .winkel.terra.stramien-strak .site-snel-regel span:last-child { text-align: right; }
.winkel.terra.stramien-strak .site-snel-vak textarea { margin-top: 14px; min-height: 180px; border: 1.5px solid var(--strak-veld); border-radius: 2px; padding: 14px 16px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 16px; line-height: 1.7; color: var(--nova-inkt); resize: vertical; }
.winkel.terra.stramien-strak .site-snel-vak textarea:focus { outline: none; border-color: var(--nova-inkt); }
.winkel.terra.stramien-strak .site-snel-vak .site-knop { margin-top: 24px; width: 100%; height: 54px; border-radius: 2px; background: var(--nova-inkt); color: #fff; font-size: 17px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 12px; }
.winkel.terra.stramien-strak .site-snel-vak .site-knop::after { content: "→"; }
.winkel.terra.stramien-strak .site-merken.raster .site-merken-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--nova-lijn); border-left: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-merken.raster .site-merk { height: 112px; display: grid; place-items: center; padding: 0 12px; border: 0; border-right: 1px solid var(--nova-lijn); border-bottom: 1px solid var(--nova-lijn); border-radius: 0; background: none; font-family: var(--strak-smal); font-size: 28px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: color-mix(in srgb, var(--nova-inkt) 62%, #fff); white-space: nowrap; }
.winkel.terra.stramien-strak .shop-kaart.vorm-nova.vorm-terra,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-nova.vorm-terra,
.winkel.terra.stramien-strak.kaart-rand .shop-tegels .shop-kaart.vorm-nova.vorm-terra,
.winkel.terra.stramien-strak.kaart-rand .site-producten-in .shop-kaart.vorm-nova.vorm-terra { display: flex; flex-direction: column; gap: 0; padding: 0; background: #fff; border: 1px solid var(--nova-lijn); border-radius: 0; box-shadow: none; min-width: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-nova.vorm-terra:hover { border-color: color-mix(in srgb, var(--nova-inkt) 45%, var(--nova-lijn)); box-shadow: none; transform: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra > img,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra > img,
.winkel.terra.stramien-strak .shop-tegels:not(.als-lijst) .shop-kaart.vorm-nova.vorm-terra > img,
.winkel.terra.stramien-strak.kaart-rand .shop-tegels .shop-kaart.vorm-terra > img,
.winkel.terra.stramien-strak.kaart-liggend .shop-tegels:not(.als-lijst) .shop-kaart.vorm-nova.vorm-terra > img { order: 0; width: 100%; height: 240px; aspect-ratio: auto; margin: 0; padding: 26px; box-sizing: border-box; object-fit: contain; background: #fff; border: 0; border-bottom: 1px solid var(--nova-lijn); border-radius: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .foto-leeg { order: 0; height: 240px; margin: 0; border-radius: 0; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .kaart-labels { left: 0; top: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .kaart-label, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .kaart-korting { border-radius: 0; height: 30px; padding: 0 12px; font-size: 14px; font-weight: 600; letter-spacing: .02em; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .kaart-tand, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-hartvorm, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-sterren { display: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-titel,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-titel { order: 1; margin: 20px 20px 0; min-height: 44px; font-size: 17px; font-weight: 600; line-height: 1.3; color: var(--nova-inkt); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-transform: none; letter-spacing: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-code { order: 2; margin: 6px 20px 0; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-specs,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-specs { order: 3; display: block; margin: 8px 20px 0; min-height: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-spec { display: inline; height: auto; padding: 0; border: 0; border-radius: 0; background: none; font: inherit; color: inherit; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-spec::before { content: none; }
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-spec + .nova-spec::before,
.winkel.terra.stramien-strak .site-producten-in .shop-kaart.vorm-terra .nova-spec + .nova-spec::before,
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-spec + .nova-spec::before { content: "·"; display: inline; width: auto; height: auto; margin: 0 .45em; background: none; -webkit-mask: none; mask: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chiprij { order: 4; margin: 8px 20px 0; min-height: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chip { height: auto; padding: 0; border: 0; border-radius: 0; background: none; gap: 8px; font-size: 15px; font-weight: 500; color: var(--strak-groen); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chip svg { display: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chip::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chip.nova-chip--nee, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chip.nova-chip--wacht { color: #a8570b; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-voet,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-voet { order: 5; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: auto 0 0; padding: 18px 20px 20px; border: 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-prijsvak { display: flex; flex-direction: column; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-prijs { font-size: 25px; font-weight: 600; line-height: 1.1; color: var(--nova-inkt); letter-spacing: -.005em; display: flex; flex-direction: column; align-items: flex-start; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-prijs .btw-inline { display: block; margin: 2px 0 0; font-size: 13.5px; font-weight: 400; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-tweedeprijs { display: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-inlogprijs { font-size: 15px; font-weight: 600; color: var(--strak-link); }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-inlogprijs::after { content: " →"; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen { margin: 0 0 0 auto; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen button, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen a,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-knoppen button, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-knoppen a { width: 48px; height: 48px; min-width: 48px; padding: 0; border: 0; border-radius: 0; background: var(--nova-inkt); color: #fff; box-shadow: none; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen button:hover, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen a:hover { background: color-mix(in srgb, var(--nova-inkt) 80%, #000); }
.winkel.terra.stramien-strak .site-producten-in, .winkel.terra.stramien-strak .shop-tegels:not(.als-lijst) { gap: 24px; }
.winkel.terra.stramien-strak .site-producten:not(.carrousel) .site-producten-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.stramien-strak .shop-footer.vorm-terra, .winkel.terra.stramien-strak.voet-donker-aan .shop-footer { background: var(--strak-diep); color: color-mix(in srgb, #fff 72%, var(--strak-diep)); font-size: 15.5px; border-top: 0; }
.winkel.terra.stramien-strak .shop-footer .shop-footer-in { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 48px; padding-top: 72px; padding-bottom: 56px; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-logo { height: 38px; width: auto; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkregel { margin: 20px 0 0; max-width: 340px; line-height: 1.6; color: inherit; --strak-p: 15.5px; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkadres { margin: 12px 0 0; color: inherit; --strak-p: 15.5px; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkcontact { margin-top: 12px; gap: 6px; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkcontact a { color: #fff; font-weight: 600; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-kolomkop, .winkel.terra.stramien-strak .shop-footer .shop-voet-kop { font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #fff; margin: 0 0 18px; }
.winkel.terra.stramien-strak .shop-footer a { color: inherit; text-decoration: none; }
.winkel.terra.stramien-strak .shop-footer a:hover { color: #fff; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-naam { display: none; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-kolomkop { color: #fff !important; font-weight: 600 !important; margin-bottom: 18px !important; }
.winkel.terra.stramien-strak .shop-footer .shop-footer-in > div > div[style] { gap: 10px !important; }
.winkel.terra.stramien-strak .shop-footer .shop-menu-kop-tekst { color: inherit; font-weight: 400; }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom { display: contents; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > * { order: 8; min-width: 0; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-kruimels { order: 1; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-catnaast,
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-catkop,
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-cattitelrij,
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-cattekst { order: 2; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-subtabs,
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-subtegels { order: 3; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-zijbalk { order: 4; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-lijstbalk { order: 5; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-tegels { order: 6; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-lijstkolom > .shop-bladerbalk { order: 7; }
}
.winkel.terra.stramien-strak .shop-kruimels { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 28px 0 0; font-size: 15px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-kruimels a { color: var(--nova-gedempt); text-decoration: none; }
.winkel.terra.stramien-strak .shop-kruimels a:last-of-type { color: var(--nova-inkt); font-weight: 500; }
.winkel.terra.stramien-strak .shop-kruimels > span { color: color-mix(in srgb, var(--nova-gedempt) 55%, #fff); }
.winkel.terra.stramien-strak .shop-kruimels .kruimel-terug { display: none; }
.winkel.terra.stramien-strak .shop-kruimels .kruimel-terug + span { display: none; }
.winkel.terra.stramien-strak .shop-kruimels .shop-terugnaar { margin-left: auto; border: 0; background: none; padding: 0; color: var(--strak-link); font-weight: 600; }
.winkel.terra.stramien-strak .shop-catnaast .shop-lijsttitel { font-family: var(--strak-smal); font-size: 72px; font-weight: 600; line-height: .95; letter-spacing: -.005em; text-transform: uppercase; color: var(--nova-inkt); margin: 16px 0 0; }
.winkel.terra.stramien-strak .shop-catnaast .shop-cattekst { --strak-p: 18px; font-size: 18px; line-height: 1.5; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-catnaast-foto { border-radius: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-zijbalk { margin: 28px 0 0; padding: 0; border: 0; background: none; position: static; width: auto; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filterblad-kop { display: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filterkaart { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filtervorm { display: contents; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-catgroep,
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filtergroep { position: relative; flex: none; margin: 0; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-catgroep-kop { height: 48px; display: inline-flex; align-items: center; gap: 10px; padding: 0 16px; margin: 0; border: 1.5px solid var(--strak-veld); border-radius: 2px; background: #fff; font-size: 16px; font-weight: 500; color: var(--nova-inkt); cursor: pointer; list-style: none; white-space: nowrap; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-catgroep-kop::-webkit-details-marker { display: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-catgroep-kop .chevron { width: 16px; height: 16px; opacity: .6; transition: transform .15s; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven details[open] > .shop-catgroep-kop .chevron { transform: rotate(180deg); }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filtergroep:has(input:checked) > .shop-catgroep-kop,
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filtergroep:has(select option:checked:not([value=""])) > .shop-catgroep-kop { background: var(--nova-inkt); border-color: var(--nova-inkt); color: #fff; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-catgroep, .shop-filtergroep)[open] > :not(summary) { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 280px; max-height: 380px; overflow: auto; padding: 16px; background: #fff; border: 1px solid var(--nova-lijn); border-radius: 2px; box-shadow: 0 10px 28px color-mix(in srgb, var(--nova-inkt) 14%, transparent); }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filterknoppen { display: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-pdp { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 72px; gap: 0 72px; margin-top: 32px; }
}
@media (min-width: 1504px) {
.winkel.terra.stramien-strak .shop-pdp { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 72px; }
}
.winkel.terra.stramien-strak .shop-pdp-beeld, .winkel.terra.stramien-strak .pdp-hoofdfoto { border-radius: 0; }
.winkel.terra.stramien-strak .shop-pdp-beeld .pdp-strook img, .winkel.terra.stramien-strak .pdp-strook img { border-radius: 0; }
.winkel.terra.stramien-strak .shop-pdp-info h1, .winkel.terra.stramien-strak .pdp-titelregel h1 { font-size: 38px; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; color: var(--nova-inkt); text-wrap: balance; }
.winkel.terra.stramien-strak .pdp-kort { --strak-p: 16.5px; font-size: 16.5px; line-height: 1.6; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .pdp-koopblok, .winkel.terra.stramien-strak .pdp-koopblok-vlak { border-radius: 0; }
.winkel.terra.stramien-strak .pdp-koopblok-vlak { background: none; padding: 28px 0 0; border-top: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .pdp-prijs-bedrag { font-family: var(--strak-smal); font-size: 60px; font-weight: 600; line-height: 1; letter-spacing: -.005em; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .pdp-koop, .winkel.terra.stramien-strak .pdp-koopregel .pdp-koop { border-radius: 2px; background: var(--nova-inkt); color: #fff; font-size: 17px; font-weight: 600; }
.winkel.terra.stramien-strak .pdp-koop:hover { background: color-mix(in srgb, var(--nova-inkt) 80%, #000); }
.winkel.terra.stramien-strak .pdp-inlogprijs { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 24px 0 0; border: 0; border-top: 1px solid var(--nova-lijn); border-radius: 0; background: none; }
.winkel.terra.stramien-strak .pdp-koopblok .pdp-inlogprijs { border-top: 0; padding-top: 0; }
.winkel.terra.stramien-strak .pdp-inlogprijs b { font-family: var(--strak-smal); font-size: 30px; font-weight: 600; line-height: 1.05; text-transform: uppercase; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .pdp-inlogprijs span { font-size: 16px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .pdp-inlogprijs .pdp-inlogknop { margin-top: 16px; width: 100%; min-height: 56px; border-radius: 2px; background: var(--nova-inkt); color: #fff; font-size: 17px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.winkel.terra.stramien-strak .pdp-knop-licht { height: 48px; padding: 0 18px; border: 1.5px solid var(--strak-veld); border-radius: 2px; background: #fff; color: var(--nova-inkt); font-weight: 600; }
.winkel.terra.stramien-strak .pdp-knop-licht:hover { border-color: var(--nova-inkt); }
@media (max-width: 1023px) {
.winkel.terra.stramien-strak { --nova-zij: 20px; }
.winkel.terra.stramien-strak .shop-main { background: #fff; }
.winkel.terra.stramien-strak .site-hero.metfoto, .winkel.terra.stramien-strak .site-hero .site-hero-dias, .winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) { height: auto; min-height: 480px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-foto { position: absolute; inset: 0; height: 100%; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-in { position: relative; inset: auto; height: auto; min-height: 480px; box-sizing: border-box; padding: 200px var(--nova-zij) 32px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-waas { background: linear-gradient(180deg, color-mix(in srgb, var(--strak-diep) 30%, transparent) 0%, color-mix(in srgb, var(--strak-diep) 92%, transparent) 72%); }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-in { justify-content: flex-end; padding-bottom: 28px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) h1 { font-size: 64px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-tekst { font-size: 17px; margin: 18px 0 24px; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordelen-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel { padding: 20px 0 20px 16px; border-top: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel:nth-child(odd) { border-left: 0; padding-left: 0; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel:nth-child(-n+2) { border-top: 0; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel b { font-size: 40px; }
.winkel.terra.stramien-strak .site-voordelen.cijfers .site-voordeel span { font-size: 14.5px; }
.winkel.terra.stramien-strak .site-rijkop { flex-wrap: wrap; margin-bottom: 24px; gap: 12px; }
.winkel.terra.stramien-strak .site-pagina .site-rijkop h2, .winkel.terra.stramien-strak .site-rijkop h2,
.winkel.terra.stramien-strak .site-snel h2, .winkel.terra.stramien-strak .site-merken h2 { font-size: 36px; }
.winkel.terra.stramien-strak .site-categorien .site-categorien-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-strak .site-categorie { height: 230px; }
.winkel.terra.stramien-strak .site-categoriefoto { height: 140px; padding: 16px 16px 0; }
.winkel.terra.stramien-strak .site-categorienaam { padding: 0 14px 16px; }
.winkel.terra.stramien-strak .site-categorienaam b { font-size: 16px; white-space: normal; }
.winkel.terra.stramien-strak .site-categorienaam small { font-size: 13px; }
.winkel.terra.stramien-strak .site-blok.opm-vlak-donker > section.site-stappen.naast { padding-block: 56px 0; }
.winkel.terra.stramien-strak .site-stappen-kop, .winkel.terra.stramien-strak .site-stappen-lijf { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.winkel.terra.stramien-strak .site-stappen-kop h2 { font-size: 52px; }
.winkel.terra.stramien-strak .site-stappen-kop .site-rijzin { font-size: 17px; }
.winkel.terra.stramien-strak .site-stappen-links { padding-bottom: 32px; }
.winkel.terra.stramien-strak .site-snel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.winkel.terra.stramien-strak .site-snel-vak { padding: 6px 18px 20px; }
.winkel.terra.stramien-strak .site-merken.raster .site-merken-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-strak .site-merken.raster .site-merk { height: 76px; font-size: 22px; }
.winkel.terra.stramien-strak .site-producten:not(.carrousel) .site-producten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-strak .shop-footer .shop-footer-in { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 48px; padding-bottom: 32px; }
.winkel.terra.stramien-strak .shop-catnaast .shop-lijsttitel { font-size: 44px; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-strak { --nova-zij: 16px; }
.winkel.terra.stramien-strak .shop-mededeling { font-size: 13px; }
.winkel.terra.stramien-strak .shop-mededeling-in { justify-content: center; }
.winkel.terra.stramien-strak .shop-mededeling-deel + .shop-mededeling-deel { display: none; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-in { padding-top: 170px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) h1 { font-size: 50px; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto:not(.kaart):not(.paneel) .site-hero-tekst { font-size: 16px; }
.winkel.terra.stramien-strak .site-hero-knop, .winkel.terra.stramien-strak .site-hero-pijllink { height: 50px; padding: 0 18px; font-size: 16px; }
.winkel.terra.stramien-strak .site-kopje { font-size: 12px; letter-spacing: .14em; }
.winkel.terra.stramien-strak .site-stappen-kop h2 { font-size: 44px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra > img, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra > img,
.winkel.terra.stramien-strak .shop-tegels:not(.als-lijst) .shop-kaart.vorm-nova.vorm-terra > img { height: 170px; padding: 14px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-titel, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-titel { margin: 12px 12px 0; font-size: 14.5px; min-height: 38px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-code { margin: 4px 12px 0; font-size: 12.5px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-specs, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-specs { margin: 6px 12px 0; font-size: 12px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-chiprij { margin: 6px 12px 0; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-voet, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-voet { padding: 12px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-prijs { font-size: 19px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-inlogprijs { font-size: 13.5px; }
.winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen button, .winkel.terra.stramien-strak .shop-kaart.vorm-terra .nova-knoppen a,
.winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-knoppen button, .winkel.terra.stramien-strak .shop-tegels .shop-kaart.vorm-terra .nova-knoppen a { width: 40px; height: 40px; min-width: 40px; }
}
.winkel.terra.stramien-strak .shop-main h1 { font-family: var(--strak-smal); font-size: 48px; font-weight: 600; text-transform: uppercase; letter-spacing: -.005em; line-height: 1; }
.winkel.terra.stramien-strak .shop-main .shop-pdp-info h1, .winkel.terra.stramien-strak .shop-main .pdp-titelregel h1 { font-family: var(--winkel-letter); font-size: 38px; text-transform: none; line-height: 1.15; }
.winkel.terra.stramien-strak .shop-main input:not([type=checkbox]):not([type=radio]):not([type=range]), .winkel.terra.stramien-strak .shop-main select, .winkel.terra.stramien-strak .shop-main textarea { border-radius: 2px; }
.winkel.terra.stramien-strak .btn-primary, .winkel.terra.stramien-strak .afr-knop, .winkel.terra.stramien-strak .inlog-knop { border-radius: 2px; }
.winkel.terra.stramien-strak .site-pagina .site-tekst h2, .winkel.terra.stramien-strak .site-pagina .site-tekstfoto h2 { font-family: var(--strak-smal); font-weight: 600; text-transform: uppercase; font-size: 36px; line-height: 1.05; }
@media (max-width: 600px) {
.winkel.terra.stramien-strak .site-categorien .site-categorien-in { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-categorie { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 14px; height: auto; min-height: 84px; padding: 10px 0; background: #fff; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-categorie:hover { background: #fff; }
.winkel.terra.stramien-strak .site-categoriefoto { width: 72px; height: 62px; padding: 6px; background: var(--nova-vlak); }
.winkel.terra.stramien-strak .site-categorienaam { padding: 0; }
.winkel.terra.stramien-strak .site-categorienaam b { display: flex; justify-content: space-between; font-size: 17px; white-space: normal; }
.winkel.terra.stramien-strak .site-categorienaam small { white-space: normal; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-strak .shop-footer, .winkel.terra.stramien-strak .shop-footer .shop-footer-in, .winkel.terra.stramien-strak .shop-footer .shop-footer-in > * { text-align: left; }
.winkel.terra.stramien-strak .shop-footer .shop-footer-in > div > div[style] { align-items: flex-start; }
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkcontact { align-items: flex-start; }
}
.winkel.terra.stramien-strak .shop-footer .shop-voet-merkregel, .winkel.terra.stramien-strak .shop-footer .shop-voet-merkadres { color: color-mix(in srgb, #fff 72%, transparent); }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven details:not([open]) > .shop-catgroep-kop .chevron { transform: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven details[open] > .shop-catgroep-kop .chevron { transform: rotate(180deg); }
}
.winkel.terra.stramien-strak .shop-lijstbalk .shop-telling { font-size: 16px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .site-pagina .site-formulier h2, .winkel.terra.stramien-strak .site-pagina .site-contactkaart h2 { font-family: var(--strak-smal); font-weight: 600; text-transform: uppercase; font-size: 40px; line-height: 1.05; letter-spacing: -.005em; }
.winkel.terra.stramien-strak .site-pagina .site-gegevenskaart { border-radius: 0; }
.winkel.terra.stramien-strak .shop-pdp-info > .pdp-bovenregel { order: -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0 0 16px; padding: 0; border: 0; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden::before { content: ""; width: 11px; height: 11px; background: var(--strak-accent); flex: none; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden a { color: var(--nova-gedempt); text-decoration: none; font-size: 13px; font-weight: 600; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden a + a::before { content: "/"; margin-right: 10px; color: color-mix(in srgb, var(--nova-gedempt) 55%, #fff); }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-artikelnr { font-size: 15px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-artikelnr b { color: var(--nova-inkt); font-weight: 600; }
.winkel.terra.stramien-strak .site-pagina > .site-blok:is(.soort-hero, .opm-vlak-donker, .opm-vlak-grijs) + .site-blok:not(.opm-vlak-donker):not(.opm-vlak-grijs) > section:not(.site-voordelen):not(.site-categorien):not(.site-producten):not(.site-merken):not(.site-snel) { margin-top: 64px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-strak .shop-main .shop-pdp-info h1, .winkel.terra.stramien-strak .shop-main .pdp-titelregel h1 { font-size: 30px; }
}
@media (max-width: 600px) {
.winkel.terra.stramien-strak .shop-main .shop-pdp-info h1, .winkel.terra.stramien-strak .shop-main .pdp-titelregel h1 { font-size: 26px; }
.winkel.terra.stramien-strak .shop-main h1 { font-size: 36px; }
.winkel.terra.stramien-strak .shop-catnaast .shop-lijsttitel { font-size: 40px; }
}
.winkel.terra.stramien-strak .klant-kop { margin: 40px 0 16px; }
.winkel.terra.stramien-strak .klant-knop { border-radius: 2px; background: var(--nova-inkt); color: #fff; font-size: 15px; font-weight: 600; }
.winkel.terra.stramien-strak .klant-knop.licht { background: #fff; color: var(--nova-inkt); border: 1.5px solid var(--strak-veld); }
.winkel.terra.stramien-strak .klant-tegelrij { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.winkel.terra.stramien-strak .klant-tegelrij.shop-tegels:not(.als-lijst) .shop-kaart.vorm-nova.vorm-terra > img { height: 150px; padding: 16px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .foto-leeg { height: 150px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .nova-titel { margin: 12px 12px 0; font-size: 14.5px; min-height: 38px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .nova-specs { margin: 6px 12px 0; font-size: 12px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .nova-voet { padding: 12px; gap: 8px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .nova-prijs { font-size: 17px; }
.winkel.terra.stramien-strak .klant-tegelrij .shop-kaart.vorm-terra .nova-knoppen button { width: 38px; height: 38px; min-width: 38px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra .kop-hulp { border: 0; background: none; padding: 0 4px; height: auto; font-size: 16px; font-weight: 500; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-header.vorm-terra .kop-hulp:hover { color: var(--strak-link); }
.winkel.terra.stramien-strak .klant-srij { grid-template-columns: minmax(0, 1fr) auto 24px; grid-template-areas: "sku aantal weg" "naam prijs prijs"; column-gap: 12px; row-gap: 8px; padding: 14px 0; }
.winkel.terra.stramien-strak .klant-srij > .klant-zoekvak { grid-area: sku; }
.winkel.terra.stramien-strak .klant-srij > .klant-stepper { grid-area: aantal; }
.winkel.terra.stramien-strak .klant-srij > .klant-snaam { grid-area: naam; white-space: normal; font-size: 14.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .klant-srij > .klant-bedrag { grid-area: prijs; font-size: 15px; }
.winkel.terra.stramien-strak .klant-srij > .klant-x { grid-area: weg; justify-self: end; }
.winkel.terra.stramien-strak .klant-srij > .klant-snaam > .klant-flets { display: none; }
.winkel.terra.stramien-strak .klant-invoer { border-radius: 2px; font-size: 15px; }
.winkel.terra.stramien-strak .klant-lijstvak { border-radius: 2px; font-size: 15px; }
.winkel.terra.stramien-strak .shop-pdp-info > .pdp-bovenregel { display: contents; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden { order: -1; margin: 0 0 14px; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden a:not(:last-child) { display: none; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-paden a + a::before { content: none; }
.winkel.terra.stramien-strak .shop-pdp-info .pdp-bovenregel .pdp-artikelnr { order: 3; margin: 12px 0 0; }
.winkel.terra.stramien-strak .pdp-titelregel .pdp-hart, .winkel.terra.stramien-strak .shop-pdp-info .pdp-hart { border-radius: 2px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-strak .shop-header.vorm-terra .shop-zoek-knop, .winkel.terra.stramien-strak .shop-header.vorm-terra .kop-account { border-radius: 2px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen { position: relative; padding: 0; gap: 0; justify-content: center; border-radius: 2px; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen svg { width: 20px; height: 20px; flex: none; }
.winkel.terra.stramien-strak .shop-header.vorm-terra.kop-zoeken .shop-wagen .topbar-badge.wagen-teller { position: absolute; top: -6px; right: -6px; margin: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 0; background: var(--strak-accent) !important; color: var(--strak-accent-ink, var(--nova-inkt)); font-size: 12px; font-weight: 700; display: inline-grid; place-items: center; }
.winkel.terra.stramien-strak .shop-menu-kop { border-radius: 2px !important; }
.winkel.terra.stramien-strak .klant-tabs a, .winkel.terra.stramien-strak .klant-tabs-knop, .winkel.terra.stramien-strak .klant-uit .ghost { border-radius: 2px; }
.winkel.terra.stramien-strak .shop-onderbalk-badge { border-radius: 0; background: var(--strak-accent); color: var(--strak-accent-ink, var(--nova-inkt)); }
.winkel.terra.stramien-strak .shop-onderbalk-tab.accent { color: var(--strak-link); }
}
.winkel.terra.stramien-strak .site-hero-knoppen { align-items: stretch; }
.winkel.terra.stramien-strak .site-hero-dia.metfoto .site-hero-knoppen .site-hero-knop, .winkel.terra.stramien-strak .site-hero-knoppen .site-hero-knop { margin: 0; }
.winkel.terra.stramien-strak.voet-donker-aan .shop-footer a:hover { color: var(--strak-accent) !important; }
.winkel.terra.stramien-strak :is(.shop-select, .pdp-wens, .pdp-knop-licht, .site-nu, .inlog-knop, .shop-leeg-knoppen a, .shop-niet-gevonden-links a, .shop-niet-gevonden-zoek input, .shop-niet-gevonden-zoek .btn-primary, .wagen-leeg-knop, .shop-catvak, .site-rubriek, .shop-balk-filterknop, .site-deelknop, .teller, .ghost, .afr-keuze, .afr-pm) { border-radius: 2px !important; }
.winkel.terra.stramien-strak .site-team.met-kaarten .site-teamlid { border-radius: 0; box-shadow: none; border: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-team.met-kaarten .site-teamfoto { background: var(--nova-vlak); }
.winkel.terra.stramien-strak .site-team.met-kaarten .site-teamkop { border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .site-team.met-kaarten .site-teamnaam { font-size: 20px; font-weight: 600; }
.winkel.terra.stramien-strak .site-teamprofiel, .winkel.terra.stramien-strak .site-teammail svg { border-radius: 2px; background: var(--nova-vlak); }
.winkel.terra.stramien-strak .site-bericht { border-radius: 0; border-color: var(--nova-lijn); }
.winkel.terra.stramien-strak .site-boom:has(~ .site-pagina > .soort-berichten) { display: none; }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .inlog { max-width: none; margin: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; }
}
.winkel.terra.stramien-strak .shop-main.site-main > .site-paginakop { margin-top: 56px; }
.winkel.terra.stramien-strak .shop-main.site-main > .site-boom:not(:has(~ .site-pagina > .soort-berichten)) + .site-paginakop { margin-top: 20px; }
@media (max-width: 600px) { .winkel.terra.stramien-strak .shop-main.site-main > .site-paginakop { margin-top: 32px; } }
.winkel.terra.stramien-strak .site-contactkaart-in { padding: 0; box-shadow: none; border: 1px solid var(--nova-lijn); border-radius: 0; }
.winkel.terra.stramien-strak .site-contactfotovak { border-radius: 0; }
.winkel.terra.stramien-strak .site-blok.opm-breedte-smal > section { margin-left: max(0px, calc((100% - var(--site-breedte)) / 2)); margin-right: auto; }
.winkel.terra.stramien-strak .site-tekst h3 { font-size: 21px; font-weight: 600; line-height: 1.3; color: var(--nova-inkt); margin: 40px 0 12px; }
.winkel.terra.stramien-strak .site-tekst h3:first-child { margin-top: 0; }
.winkel.terra.stramien-strak .site-tekst ul { margin: 0 0 16px; padding-left: 22px; max-width: none; font-size: 16px; }
.winkel.terra.stramien-strak .site-tekst li { margin: 0 0 8px; line-height: 1.6; }
.winkel.terra.stramien-strak .site-tekst li::marker { color: var(--strak-accent); }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-menu-item.heeft-kolommen:not(.heeft-paneel) .shop-menu-paneel { border-top: 1px solid var(--nova-lijn); border-bottom: 1px solid var(--nova-lijn); border-radius: 0; box-shadow: 0 18px 32px rgba(16, 32, 42, .08); }
.winkel.terra.stramien-strak .shop-menu-paneel-in { padding: 36px var(--nova-zij) 28px; gap: 32px 48px; }
.winkel.terra.stramien-strak .shop-menu-kolom { gap: 0; }
.winkel.terra.stramien-strak .shop-menu-kolomkop { margin: 0 0 8px; padding: 0 0 12px; border-bottom: 1px solid var(--nova-lijn); font-size: 17px; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-menu-sublink { padding: 7px 0; font-size: 15.5px; line-height: 1.35; color: color-mix(in srgb, var(--nova-inkt) 82%, #fff); }
.winkel.terra.stramien-strak .shop-menu-kolomkop:hover, .winkel.terra.stramien-strak .shop-menu-sublink:hover { color: var(--strak-link); text-decoration: none; }
.winkel.terra.stramien-strak .shop-menu-paneel-voet { padding: 0 var(--nova-zij) 30px; }
.winkel.terra.stramien-strak .shop-menu-paneel-voet .shop-menu-alles { display: inline-flex; align-items: center; gap: 10px; width: auto; padding-top: 0; border-top: 0; font-size: 16px; font-weight: 600; color: var(--strak-link); }
.winkel.terra.stramien-strak .shop-menu-paneel-voet .shop-menu-alles::after { content: "→"; color: inherit; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-strak .shop-lade { inset: 0; top: 0; }
.winkel.terra.stramien-strak .shop-lade-vlak { padding: 0 16px calc(var(--onderbalk-h, 66px) + 24px); }
.winkel.terra.stramien-strak .shop-lade-vlak > .shop-lade-kop,
.winkel.terra.stramien-strak .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { display: flex; position: sticky; top: 0; z-index: 2; height: 64px; margin: 0 0 8px; padding: 0; background: #fff; border-bottom: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .shop-lade-titel { font-family: var(--strak-smal); font-size: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: .01em; }
.winkel.terra.stramien-strak .shop-lade-kop .shop-lade-sluit { display: inline-grid; place-items: center; margin-left: auto; width: 44px; height: 44px; padding: 0; border: 1px solid var(--strak-veld); border-radius: 2px; background: #fff; color: var(--nova-inkt); font-size: 32px; font-weight: 300; line-height: 1; }
.winkel.terra.stramien-strak:has(#shop-lade:not([hidden])) .chat-widget { display: none; }
.winkel.terra.stramien-strak.met-onderbalk { padding-bottom: 0; }
.winkel.terra.stramien-strak.met-onderbalk .shop-footer { padding-bottom: var(--onderbalk-h, 66px); }
.winkel.terra.stramien-strak .shop-kruimels { padding-left: 0; padding-right: 0; }
}
.winkel.terra.stramien-strak .afr-totalen { column-gap: 0; }
.winkel.terra.stramien-strak .afr-totalen dd { padding-left: 12px; }
.winkel.terra.stramien-strak .afr-totalen .tot { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.winkel.terra.stramien-strak .afr-totalen dd.tot { padding-left: 12px; }
.winkel.terra.stramien-strak .afr-voet { width: 100%; box-sizing: border-box; }
@media (max-width: 767px) {
.winkel.terra.stramien-strak .afr-logo .logo-beeld { height: 28px; }
.winkel.terra.stramien-strak .afr-kop-in { gap: 12px; }
.winkel.terra.stramien-strak .afr-stappen { gap: 6px; justify-content: flex-end; }
.winkel.terra.stramien-strak .afr-stappen li + li::before { content: none; }
}
@media (max-width: 559px) {
.winkel.terra.stramien-strak .wagen-titel { padding-inline: 0; }
}
.winkel.terra.stramien-strak input[type=file] { font: inherit; font-size: 15px; color: var(--nova-gedempt); }
.winkel.terra.stramien-strak input[type=file]::file-selector-button { margin-right: 14px; height: 44px; padding: 0 18px; border: 1.5px solid var(--nova-inkt); border-radius: 2px; background: #fff; color: var(--nova-inkt); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.winkel.terra.stramien-strak input[type=file]::file-selector-button:hover { background: var(--nova-vlak); }
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-in { gap: 24px; }
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-kop,
.winkel.terra.stramien-strak.kop-zoeken-aan .shop-menu.vorm-terra .shop-menu-cta { font-size: 16px; }
.winkel.terra.stramien-strak .site-categorienaam b { font-size: 19px; white-space: normal; }
}
.winkel.terra.stramien-strak .shop-zoekkop { margin-top: 40px; }
.winkel.terra.stramien-strak .shop-zoekingang { gap: 8px; }
.winkel.terra.stramien-strak .shop-zoekingang .chip { height: 36px; padding: 0 14px; border: 1px solid var(--strak-veld); border-radius: 2px; background: #fff; color: var(--nova-inkt); font-size: 14px; font-weight: 600; }
.winkel.terra.stramien-strak .shop-zoekingang .chip small { margin-left: 6px; color: var(--nova-gedempt); font-weight: 400; }
.winkel.terra.stramien-strak .shop-zoekingang .chip:hover { border-color: var(--nova-inkt); }
@media (max-width: 1023px) { .winkel.terra.stramien-strak .shop-zoekkop { margin-top: 20px; } }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-filtermeer, .shop-cat-meer) { position: static; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-filtermeer, .shop-cat-meer) > summary { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 6px 0 2px; list-style: none; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--strak-link); }
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-filtermeer, .shop-cat-meer) > summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-catgroep[open] > .shop-cat { min-width: 320px; max-height: 440px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-filterlijst, .shop-filtermeer) { display: grid; gap: 4px; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filterregel { gap: 12px; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filterregel .shop-catvak { margin: 0; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-filternaam { margin-left: 0; font-size: 15px; color: var(--nova-inkt); }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven :is(.shop-catgroep, .shop-filtergroep)[open] > .naar-links { left: auto; right: 0; }
}
.winkel.terra.stramien-strak .shop-subtabs a.aan { border-bottom-color: var(--strak-accent); }
@media (min-width: 1024px) {
.winkel.terra.stramien-strak .shop-lijst.filters-boven > .shop-zijbalk { margin: 24px 0 24px; }
.winkel.terra.stramien-strak .shop-lijst.filters-boven .shop-lijstbalk { margin: 0 0 28px; padding-top: 20px; }
}
.winkel.terra.stramien-strak .shop-weergave { gap: 0; border: 1px solid var(--strak-veld); border-radius: 2px; }
.winkel.terra.stramien-strak .shop-weergave button:first-child { width: 44px; height: 40px; border: 0; border-radius: 0; background: #fff; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-weergave button:last-child { width: 44px; height: 40px; border: 0; border-left: 1px solid var(--strak-veld); border-radius: 0; background: #fff; color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-weergave button.aan:first-child, .winkel.terra.stramien-strak .shop-weergave button.aan:last-child { background: var(--nova-inkt); color: #fff; }
.winkel.terra.stramien-strak .shop-weergave button:not(.aan):hover { background: var(--nova-vlak); color: var(--nova-inkt); }
.winkel.terra.stramien-strak .shop-weergave svg rect { rx: 0; ry: 0; }
.winkel.terra.stramien-strak .shop-weergave button:focus { outline: none; }
.winkel.terra.stramien-strak .shop-weergave button:focus-visible { outline: 2px solid var(--strak-accent); outline-offset: 2px; position: relative; z-index: 1; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst { display: block; border-top: 1px solid var(--nova-lijn); }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra { display: grid; grid-template-columns: 80px minmax(0, 1fr) minmax(200px, auto); grid-template-areas: "foto titel voet" "foto code voet" "foto specs voet" "foto chip voet"; grid-template-rows: auto auto auto auto; align-content: center; column-gap: 24px; align-items: start; min-height: 0; margin: 0; padding: 16px; border: 0; border-bottom: 1px solid var(--nova-lijn); border-radius: 0; background: #fff; box-shadow: none; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra:hover { background: var(--nova-vlak); border-color: var(--nova-lijn); }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra > img,
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .foto-leeg { grid-area: foto; align-self: start; width: 80px; height: 80px; margin: 0; padding: 6px; box-sizing: border-box; object-fit: contain; background: #fff; border: 1px solid var(--nova-lijn); border-radius: 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-titel { grid-area: titel; margin: 0; min-height: 0; font-size: 17px; line-height: 1.3; -webkit-line-clamp: 2; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-code { grid-area: code; display: block; margin: 4px 0 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-specs { grid-area: specs; margin: 6px 0 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-chiprij { grid-area: chip; margin: 6px 0 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-voet { grid-area: voet; align-self: center; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 16px; margin: 0; padding: 0; border: 0; text-align: right; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-prijs { align-items: flex-end; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-knoppen { margin: 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .kaart-labels { left: 16px; top: 16px; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .kaart-label,
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .kaart-korting { height: 22px; padding: 0 6px; font-size: 12px; }
@media (max-width: 600px) {
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra { grid-template-columns: 72px minmax(0, 1fr); grid-template-areas: "foto titel" "foto code" "foto specs" "foto chip" "foto voet"; grid-template-rows: auto auto auto auto auto; column-gap: 14px; padding: 14px 0; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra > img,
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .foto-leeg { align-self: start; width: 72px; height: 72px; padding: 4px; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-titel { font-size: 15px; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-voet { justify-content: space-between; margin-top: 10px; text-align: left; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .nova-prijs { align-items: flex-start; }
.winkel.terra.stramien-strak .shop-lijst .shop-tegels.als-lijst .shop-kaart.vorm-nova.vorm-terra .kaart-labels { left: 0; top: 14px; }
}