.winkel.terra.stramien-duin:is(.stramien-duin, #duin) {
--duin-zand: #f5efe6;
--duin-zand2: #ebe1d3;
--duin-bos: #0f3d24;
--duin-bos2: #164d2f;
--duin-bos-tekst: #bfd5c5;
--duin-hout: #8b5e34;
--duin-inkt2: #5e655f;
--duin-inkt3: #7a817b;
--duin-lijn: #e6e0d6;
--duin-lijn2: #cfc8bb;
--duin-lijnzand: #e6e0d6;
--duin-hulp: url("data:image/svg+xml;utf8,<svg 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'><circle cx='12' cy='12' r='9'/><path d='M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6'/><path d='M12 17h.01'/></svg>");
--duin-vlak: #f3f6f2;
--duin-groen-l: #e3f1e6;
--duin-oker: #9a5d06;
--ink: #1b1f1c;
--nova-inkt: #1b1f1c;
--winkel-zacht: #5e655f;
--winkel-lijn: #e6e0d6;
--winkel-inkt: #1b1f1c;
--line: #e6e0d6;
--nova-lijn: #e6e0d6;
--duin-zweef: 0 14px 36px rgba(26, 35, 29, .14);
--duin-r: 8px;
--duin-rk: 12px;
--duin-rg: 16px;
--duin-pijl: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M12 5l7 7-7 7'/></svg>");
--nova-zij: 60px;
--site-breedte: 1440px;
font-size: 16px;
line-height: 26px;
-webkit-font-smoothing: antialiased;
font-variant-numeric: lining-nums;
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling { background: #fff; color: var(--duin-inkt2); border-bottom: 1px solid var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-deel svg { color: var(--winkel-accent); stroke-width: 2.2; }
@media (max-width: 1023px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-rechts { display: none; } }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling { height: 41px; min-height: 41px; font-size: 13px; line-height: 19.5px; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-in { height: 40px; max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-deel { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-deel svg { width: 16px; height: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-rechts { margin-left: auto; display: flex; align-items: center; gap: 20px; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-rechts > .shop-mededeling-tekst:first-child { display: inline-flex; align-items: center; gap: 6px; color: var(--nova-inkt); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-rechts > .shop-mededeling-tekst:first-child::before { content: ""; flex: none; width: 15px; height: 15px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-btw { display: inline-flex; align-items: center; padding: 2px; border-radius: 999px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-btw > * { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--duin-inkt2); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-btw > .aan { background: #fff; color: var(--nova-inkt); box-shadow: 0 1px 3px rgba(0, 0, 0, .13); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-btw > a:hover { color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-tekst { color: var(--duin-inkt2); font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-schakel { display: inline-flex; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-link { color: var(--duin-inkt2); font-weight: 400; opacity: 1; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-schakel .shop-mededeling-link + .shop-mededeling-link { margin-left: 10px; padding-left: 11px; border-left: 1px solid var(--duin-lijnzand); line-height: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-link.nu { color: var(--nova-inkt); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-link:hover { color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header { height: 80px; background: #fff; border-bottom: 0; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in { height: 80px; max-width: 1320px; margin: 0 auto; padding: 0; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in > a:has(> .logo-beeld) { flex: none; width: 336px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .logo-beeld { height: 38px; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek { flex: 0 1 648px; width: 648px; min-width: 280px; max-width: none; height: 46px; border-radius: 8px; background: #fff; border: 1px solid #d6d0c6; box-shadow: none; padding: 0 4px 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek:focus-within { border-color: var(--winkel-accent); box-shadow: 0 0 0 .5px var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek input { height: 44px; background: transparent; border: 0; box-shadow: none; font-size: 15px; padding: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek input::placeholder { color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek > svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-ga { display: flex; align-items: center; justify-content: center; flex: none; width: 38px; height: 38px; min-width: 38px; border-radius: 6px; background: transparent; color: var(--nova-inkt); padding: 0; font-size: 0; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-ga:hover { background: var(--duin-vlak); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-ga svg { width: 20px; height: 20px; stroke-width: 1.6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-knopje { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts { flex: none; margin-left: auto; padding-left: 24px; display: flex; align-items: center; justify-content: flex-end; gap: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-btw, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-koptel { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts > a { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: auto; min-width: 0; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--nova-inkt); font-weight: 400; font-size: 13px; line-height: 19.5px; white-space: nowrap; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts > a:hover { background: transparent; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts > a svg { width: 22px; height: 22px; color: var(--nova-inkt); stroke-width: 1.8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .kop-woord, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .wagen-woord { display: block; font-size: 13px; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts:has(> .shop-kopknop) > .kop-hulp { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts > .kop-huur::before { content: ""; width: 22px; height: 22px; background: var(--nova-inkt); -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><circle cx='8' cy='15' r='4'/><path d='m11 12 9-9M17 6l3 3M14 9l2 2'/></svg>") center / 22px no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><circle cx='8' cy='15' r='4'/><path d='m11 12 9-9M17 6l3 3M14 9l2 2'/></svg>") center / 22px no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-kopknop::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .kop-hulp::before { content: ""; width: 22px; height: 22px; background: var(--nova-inkt); -webkit-mask: var(--duin-hulp) center / 22px no-repeat; mask: var(--duin-hulp) center / 22px no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-wagen .topbar-badge.wagen-teller { position: absolute; top: -6px; right: 18px; left: auto; bottom: auto; display: grid; place-items: center; box-sizing: border-box; width: auto; min-width: 18px; height: 18px; margin: 0; padding: 0 4px; border-radius: 9px; background: var(--winkel-accent) !important; color: #fff; font-weight: 800; font-size: 13px; line-height: 1; text-align: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-wagen .topbar-badge.wagen-teller.is-leeg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu { height: 52px; background: var(--duin-zand); border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-in { height: 52px; gap: 0; justify-content: space-between; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-paneelknop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop { position: relative; height: 52px; padding: 0; font-weight: 500; font-size: 16px; color: var(--nova-inkt); background: transparent; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop.menu-accent, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .menu-accent .shop-menu-kop-tekst { color: var(--winkel-accent); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item[open] > .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop:hover, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop.actief, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop.hier { box-shadow: inset 0 -2px 0 var(--duin-bos); color: var(--nova-inkt); background: transparent; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-rechts { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu2 { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-paneel { border-radius: 0; box-shadow: 0 16px 32px rgba(26, 35, 29, .10); border: 0; border-top: 1px solid var(--duin-lijnzand); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok { padding-top: 80px; padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-hero { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-maatzoeker { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-pagina > .site-blok:last-child { padding-bottom: 80px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok > :where(section) { max-width: 1320px; margin: 0 auto; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok > section.site-hero { max-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok h2:not(:where(.okc *)), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop h2 { margin: 0; font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -.8px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok-kopje { max-width: 1320px; margin: 0 auto 10px; padding: 0; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijzin { margin: 0 0 32px; max-width: 640px; font-size: 16px; line-height: 26px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop + :not(.site-rijzin) { margin-top: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijknop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijlink { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--winkel-accent); font-weight: 700; font-size: 16px; text-decoration: none; white-space: nowrap; border: 0; background: none; padding: 0; height: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijknop::after, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijlink::after { content: ""; width: 16px; height: 16px; flex: none; clip-path: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-pagina { padding-top: 0; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-hero.site-hero, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-hero.site-hero :is(.site-hero-dias, .site-hero-dia) { height: 640px; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero { position: relative; height: 640px; border-radius: 0; overflow: hidden; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-dias, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-dia { height: 640px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-dia { position: relative; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-waas { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 38, 22, .92) 0, rgba(10, 38, 22, .8) 32%, rgba(10, 38, 22, .25) 56%, rgba(10, 38, 22, 0) 70%); opacity: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-in { position: absolute; left: max(60px, calc((100% - 1320px) / 2)); top: 0; bottom: 104px; width: 600px; max-width: calc(100% - 120px); display: flex; flex-direction: column; justify-content: center; gap: 0; padding: 0; background: none; box-shadow: none; color: #fff; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-oog { display: block; margin: 0; font-weight: 700; font-size: 15px; line-height: 20px; letter-spacing: 0; text-transform: none; color: #f2d9b0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero h1, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-kop { margin: 16px 0 0; font-weight: 800; font-size: 64px; line-height: 66px; letter-spacing: -1.8px; color: #fff; max-width: 600px; text-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-tekst { text-wrap: wrap; margin: 20px 0 0; max-width: 520px; font-size: 19px; line-height: 29px; color: #e4eee7; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knoppen { display: flex; align-items: center; gap: 12px; margin-top: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knop { margin: 0; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px; border-radius: var(--duin-r); background: var(--winkel-accent); color: #fff; font-weight: 700; font-size: 16px; line-height: 20px; text-decoration: none; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knop svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knop::after { content: ""; width: 16px; height: 16px; flex: none; clip-path: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-pijllink { margin: 0; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px; border-radius: var(--duin-r); background: #fff; color: var(--nova-inkt); font-weight: 700; font-size: 16px; line-height: 20px; text-decoration: none; border: 1.5px solid var(--duin-lijn2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-pijllink svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { position: relative; z-index: 2; margin-top: -64px; background: #fff; border-radius: var(--duin-rg); box-shadow: var(--duin-zweef); padding: 20px 24px; display: flex; align-items: center; gap: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-vorm { display: flex; align-items: center; gap: 14px; flex: none; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop { display: flex; flex-direction: column; width: 176px; flex: none; line-height: 21px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop b { font-weight: 700; font-size: 17px; line-height: 24px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop small { font-size: 14px; line-height: 20px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld { position: relative; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 14px; border-radius: var(--duin-r); background: var(--duin-vlak); width: 112px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld + .site-maatzoeker-x + .site-maatzoeker-veld { width: 140px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld input { width: 100%; min-width: 0; height: 46px; border: 0; background: transparent; padding: 0; font: inherit; font-size: 16px; color: var(--nova-inkt); outline: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld input::placeholder { color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld em { font-style: normal; font-size: 14px; color: var(--duin-inkt2); flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld:first-of-type em { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-x { font-weight: 700; font-size: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-soort select { width: 200px; height: 48px; padding: 0 40px 0 14px; border-radius: var(--duin-r); border: 1.5px solid transparent; background: var(--duin-vlak) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234e5852' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 14px center; -webkit-appearance: none; appearance: none; font: inherit; font-size: 16px; color: var(--nova-inkt); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-knop { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 24px; border-radius: var(--duin-r); background: var(--winkel-accent); color: #fff; font-weight: 700; font-size: 16px; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: none; max-width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chipskop { font-size: 14px; line-height: 20px; color: var(--duin-inkt2); white-space: nowrap; margin-right: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chip { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1.5px solid var(--duin-lijn); border-radius: 999px; background: #fff; font-weight: 600; font-size: 13px; color: var(--nova-inkt); white-space: nowrap; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chip:nth-of-type(n+4) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chip:hover { border-color: var(--winkel-accent); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { display: grid; grid-template-columns: 648px 312px 312px; grid-template-rows: 216px 216px; gap: 24px; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie { position: relative; display: block; border: 0; border-radius: var(--duin-rk); overflow: hidden; background: var(--duin-zand); aspect-ratio: auto; min-height: 0; height: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child { grid-row: span 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriefoto { position: absolute; inset: 0; height: 100%; width: 100%; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriefoto img { width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam { position: absolute; left: 0; right: 0; bottom: 0; top: auto; width: auto; transform: none; margin: 0; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px 76px 18px 20px; background: linear-gradient(180deg, rgba(10, 38, 22, 0) 0, rgba(10, 38, 22, .78) 70%); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b { font-weight: 800; font-size: 19px; line-height: 24px; color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam small { display: block; font-size: 14px; line-height: 20px; color: #e4eee7; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam { padding: 28px 96px 28px 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam b { font-size: 30px; line-height: 34px; letter-spacing: -.4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorieknop-pijl { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriepijl { position: absolute; right: 20px; bottom: 18px; width: 40px; height: 40px; border-radius: 999px; background: #fff; color: var(--nova-inkt); display: flex; align-items: center; justify-content: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categoriepijl { right: 32px; bottom: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriepijl svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriepijl::before { content: ""; width: 16px; height: 16px; flex: none; clip-path: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart { position: relative; display: flex; flex-direction: column; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart:hover { box-shadow: none; transform: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart > img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .foto-leeg { order: 0; width: 100%; height: auto; aspect-ratio: 6 / 5; object-fit: cover; border-radius: var(--duin-rk); background: var(--duin-zand); margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-tand { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs { order: 1; margin: 16px 0 0; display: block; font-size: 14px; line-height: 20px; color: var(--duin-inkt2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-spec { display: inline; padding: 0; border: 0; background: none; font-size: 14px; color: var(--duin-inkt2); font-weight: 400; height: auto; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-spec:first-child { color: var(--nova-inkt); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-spec + .nova-spec::before { content: ", "; display: inline; width: auto; height: auto; margin: 0; background: none; -webkit-mask: none; mask: none; clip-path: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel { order: 2; margin: 4px 0 0; font-weight: 700; font-size: 17px; line-height: 23px; color: var(--nova-inkt); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs + .nova-titel { margin-top: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart:not(:has(.nova-specs)) .nova-titel { margin-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-code { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-voet { order: 3; margin-top: 12px; display: block; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijsvak { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { display: flex; align-items: baseline; gap: 6px; font-weight: 800; font-size: 22px; line-height: 26px; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .btw-inline { font-weight: 400; font-size: 14px; line-height: 20px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .nova-vanaf { order: -1; display: inline; margin: 0; font-weight: 400; font-size: 14px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-tweedeprijs { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-hartvorm, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-knoppen { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chiprij { order: 4; margin: 10px 0 0; display: flex; min-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip { display: inline-flex; align-items: center; gap: 8px; height: auto; padding: 0; border: 0; background: none; font-weight: 700; font-size: 14px; line-height: 20px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip::before { content: ""; width: 9px; height: 9px; border-radius: 999px; background: currentColor; flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip.nova-chip--nee { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip.nova-chip--bijna { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto { display: grid; grid-template-columns: 648px 648px; column-gap: 24px; align-items: center; padding: 0; background: none; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto:not(.foto-links) .site-tekstfoto-foto { order: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-foto { width: 648px; height: 520px; max-width: 100%; object-fit: cover; border-radius: var(--duin-rg); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in { padding: 0 0 0 48px; max-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto:not(.foto-links) .site-tekstfoto-in { padding: 0 48px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in h2 { font-size: 36px; line-height: 42px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in p { margin: 14px 0 0; font-size: 18px; line-height: 28px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regels { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; margin: 32px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel { display: flex; flex-direction: column; gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel dt { font-weight: 800; font-size: 17px; line-height: 23px; color: var(--nova-inkt); display: flex; align-items: center; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel dt::before { content: ""; width: 18px; height: 18px; flex: none; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4 4L19 7'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='m5 13 4 4L19 7'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel dd { margin: 0; font-size: 15px; line-height: 23px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-knop { display: inline-flex; align-items: center; gap: 10px; height: 48px; margin-top: 32px; padding: 0 24px; border-radius: var(--duin-r); background: var(--winkel-accent); color: #fff; font-weight: 700; font-size: 16px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in p.site-blok-kopje { margin: 0 0 10px; font-weight: 700; font-size: 14px; line-height: 20px; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-knop svg { width: 20px; height: 20px; flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel.met-icoon dt { flex-direction: column; align-items: flex-start; gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel.met-icoon dt::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel.met-icoon dt svg { width: 26px; height: 26px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-knoppen .site-knop { margin-top: 0; height: 52px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-knop-tweede { background: #fff; color: var(--nova-inkt); border: 1.5px solid var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-knop-tweede:hover { background: var(--duin-vlak); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-materiaallijsten, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.opm-vlak-grijs { margin-top: 80px; padding: 80px 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.opm-vlak-grijs + .site-blok { padding-top: 80px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-materiaallijsten + .site-blok { padding-top: 80px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in.aantal-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in.aantal-1 { grid-template-columns: minmax(0, 648px); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-kaart { display: flex; flex-direction: column; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-foto img { display: block; width: 100%; height: 260px; object-fit: cover; border-radius: var(--duin-rk); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-lijf { display: flex; flex-direction: column; flex: 1; padding-top: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-kop { margin: 0; font-weight: 700; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-zin { margin: 6px 0 0; font-size: 14px; line-height: 20px; color: var(--duin-inkt2); min-height: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-regels { list-style: none; margin: 14px 0 0; padding: 0; border-top: 1px solid var(--duin-lijn2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-regels li { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 38px; padding: 8px 0; border-bottom: 1px solid var(--duin-lijn2); font-size: 14px; line-height: 20px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-naam b { font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-bedrag { white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-voet { margin-top: auto; padding-top: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-totaal { display: flex; flex-direction: column; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-totaal small { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-totaal b { font-weight: 800; font-size: 22px; line-height: 28px; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: var(--duin-r); background: var(--duin-groen-l); color: #0a5e2c; font-weight: 700; font-size: 14px; border: 0; white-space: nowrap; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop:hover { background: #d3e9d8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><circle cx='8' cy='21' r='1'/><circle cx='19' cy='21' r='1'/><path d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><circle cx='8' cy='21' r='1'/><circle cx='19' cy='21' r='1'/><path d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart { display: flex; flex-direction: column; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--nova-inkt); text-decoration: none; min-height: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart img { width: 100%; height: 240px; object-fit: cover; border-radius: var(--duin-rk); margin: 0; position: static; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-in { display: flex; flex-direction: column; gap: 8px; padding: 18px 0 0; background: none; position: static; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-in b { order: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-zin { order: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-kopje { order: 3; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knop { order: 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knop svg, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knop::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-in b { font-weight: 700; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-zin { font-size: 15px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knop { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--winkel-accent); font-weight: 700; font-size: 16px; border: 0; background: none; padding: 0; height: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knop::after { content: ""; width: 16px; height: 16px; flex: none; clip-path: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht { display: flex; flex-direction: column; border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-foto { position: relative; display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-foto img { width: 100%; height: 240px; aspect-ratio: auto; object-fit: cover; border-radius: var(--duin-rk); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-rubriek { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 6px; background: rgba(255, 255, 255, .94); color: var(--nova-inkt); font-weight: 700; font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-tekst { display: flex; flex-direction: column; gap: 8px; padding: 18px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-naam { font-weight: 700; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-samenvatting { font-size: 15px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht .cell-sub { font-size: 13px; color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer { background: var(--duin-zand); color: var(--nova-inkt); margin-top: 0; padding: 0; border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-naam { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven { background: #fff; border-top: 1px solid var(--duin-lijnzand); border-bottom: 1px solid var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven .shop-voet-merk { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in { max-width: 1320px; margin: 0 auto; padding: 0; min-height: 160px; display: grid; grid-template-columns: 336px repeat(4, minmax(0, 1fr)); column-gap: 24px; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto { align-self: end; display: flex; align-items: flex-end; height: 160px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto img { display: block; height: 148px; width: auto; max-width: 312px; object-fit: contain; object-position: 0 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal { display: flex; flex-direction: column; align-items: flex-start; gap: 0; color: var(--nova-inkt); text-decoration: none; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal svg { width: 22px; height: 22px; color: var(--nova-inkt); stroke-width: 1.5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal b { display: block; margin-top: 10px; font-weight: 700; font-size: 15px; line-height: 20px; color: var(--nova-inkt); overflow-wrap: anywhere; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal span { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); overflow-wrap: anywhere; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 6px 1px 0; border-radius: 999px; background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer a.shop-voet-vak.soort-kanaal:hover b { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in { max-width: 1320px; margin: 0 auto; padding: 56px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.met-vakken { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 56px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-voet-kolomkop { font-weight: 700 !important; font-size: 15px; line-height: 20px; margin-bottom: 10px !important; color: var(--nova-inkt) !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-footer-in > div > div + div { gap: 0 !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-footer-in a { display: flex; align-items: center; min-height: 32px; font-size: 15px; color: var(--duin-inkt2) !important; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-footer-in a:hover { color: var(--nova-inkt) !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder { max-width: none; margin: 0; padding: 0; border-top: 1px solid var(--duin-lijnzand); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in { max-width: 1320px; margin: 0 auto; min-height: 56px; padding: 16px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 24px; row-gap: 12px; color: var(--duin-inkt3); font-size: 13px; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in > span:first-child { margin-right: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder .shop-betaallogos { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; min-height: 0; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder :is(.betaalmerk, .betaalmerk-woord) { height: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onderlinks { display: flex; gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder a { color: var(--duin-inkt2) !important; font-weight: 500; font-size: 13px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder a:hover { color: var(--nova-inkt) !important; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; padding: 24px 0; min-height: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.met-vakken { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; padding: 32px 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok > .pdp-voorraad { order: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok > .pdp-uitleg-compleet { order: 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet { box-shadow: none; clip-path: none; gap: 0; margin: 0; padding: 0; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); overflow: hidden; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet .pdp-uitleg-kop { margin: 0; padding: 14px 18px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet .pdp-uitleg-titel { margin: 0; font-weight: 800; font-size: 15px; line-height: 20px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-vorm { gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-lijst { display: flex; flex-direction: column; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item { display: grid; grid-template-columns: 22px 64px minmax(0, 1fr) auto; column-gap: 14px; align-items: center; padding: 12px 18px; border-top: 1px solid var(--duin-lijn); border-radius: 0; background: #fff; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item:has(input:checked) { background: var(--duin-groen-l); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-vink { width: 20px; height: 20px; accent-color: var(--winkel-accent); margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-foto img { width: 64px; height: 48px; object-fit: cover; border-radius: 6px; background: var(--duin-zand); display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-tekst { display: flex; flex-direction: column; line-height: 20px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-rol { font-size: 12px; font-weight: 700; color: var(--duin-hout); text-transform: none; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-naam { font-weight: 700; font-size: 14px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-reden { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-prijs { font-weight: 700; font-size: 15px; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-voet { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; border-top: 1px solid var(--duin-lijn); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-som { margin: 0; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-totaal { display: block; font-weight: 800; font-size: 17px; line-height: 22px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-knop { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 0; border-radius: var(--duin-r); background: var(--duin-groen-l); color: #0a5e2c; font-weight: 700; font-size: 15px; white-space: nowrap; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-knop:hover { background: #d3e9d8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed + .pdp-verhaal, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal + .pdp-specblok { margin-top: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels a { color: var(--duin-inkt2); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels a:hover { color: var(--nova-inkt); text-decoration: underline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-betalen { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { max-width: 1320px; margin: 0 auto; padding: 4px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop h1 { margin: 0; font-weight: 800; font-size: 26px; line-height: 32px; letter-spacing: -.4px; color: var(--nova-inkt); text-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 8px 0 0; font-size: 14px; line-height: 20px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta span + span { display: inline-flex; align-items: center; gap: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta span + span::before { content: ""; width: 1px; height: 14px; background: var(--duin-lijn2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-titelregel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-kort, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-bovenregel { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotoknop { width: 100%; height: 100%; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart .pdp-hoofdfoto { width: 100%; height: 100%; object-fit: contain; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotolabels { left: 20px; top: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotolabel { height: 28px; padding: 0 12px; border-radius: 999px; background: var(--duin-bos); color: #fff; font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop2 { margin: 0 0 12px; font-weight: 800; font-size: 28px; line-height: 34px; letter-spacing: -.4px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 23px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-teken { width: 22px; height: 22px; margin-top: 1px; flex: none; border-radius: 999px; background: var(--winkel-accent); font-size: 0; position: relative; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-teken::after { content: ""; position: absolute; inset: 5px; background: #fff; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><path d='M12 6v12M6 12h12'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><path d='M12 6v12M6 12h12'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst li.min .pdp-goed-teken { background: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst li.min .pdp-goed-teken::after { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><path d='M6 12h12'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'><path d='M6 12h12'/></svg>"); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal .pdp-verhaal-tekst { max-height: none; overflow: visible; -webkit-mask: none; mask: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal .pdp-meer { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst p, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst li { font-size: 16px; line-height: 26px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst h2, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst h3 { margin: 24px 0 8px; font-weight: 700; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specblok h2 { margin: 0 0 12px; font-weight: 800; font-size: 28px; line-height: 34px; letter-spacing: -.4px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-spectabel { margin: 0; border-top: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel { display: grid; grid-template-columns: 240px minmax(0, 1fr); column-gap: 16px; align-items: center; min-height: 44px; padding: 10px 0; border-bottom: 1px solid var(--duin-lijn); font-size: 15px; line-height: 22px; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dt { color: var(--duin-inkt2); font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dd { margin: 0; color: var(--nova-inkt); font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat { margin: 28px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat h3 { margin: 0 0 12px; font-weight: 700; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-rol { overflow-x: auto; border-top: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel th, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel td { padding: 10px 16px 10px 0; border-bottom: 1px solid var(--duin-lijn); background: none; text-align: left; vertical-align: top; white-space: nowrap; font-size: 15px; line-height: 22px; letter-spacing: normal; text-transform: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel thead th { font-size: 14px; line-height: 21px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tbody th { font-weight: 400; color: var(--duin-inkt2); white-space: normal; min-width: 120px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel td { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tbody tr:hover td { background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel .pdp-permaat-leeg { font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-noot { margin: 10px 0 0; font-size: 14px; line-height: 21px; color: var(--duin-inkt2); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-rol { overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tbody, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tr, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel th, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel td { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tr { padding: 12px 0; border-bottom: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel tbody th { padding: 0 0 6px; border: 0; min-width: 0; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel td { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); column-gap: 16px; padding: 2px 0; border: 0; white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-permaat-tabel td::before { content: attr(data-kop); font-weight: 400; color: var(--duin-inkt2); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok.pdp-koopblok-vlak { background: none; padding: 0; border: 0; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-prijsvak { padding: 0 0 16px; border-bottom: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-prijs { display: flex; align-items: baseline; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-prijs-bedrag { font-weight: 800; font-size: 36px; line-height: 40px; letter-spacing: -.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-prijs .klein { font-size: 14px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-tweedeprijs { margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--duin-lijn); font-size: 15px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering { display: flex; align-items: center; gap: 10px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering::before { content: ""; width: 18px; height: 18px; flex: none; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel { margin-top: 16px; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-kop { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--duin-inkt2); padding: 0 0 8px; border-bottom: 1px solid var(--duin-lijn); background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-rij { min-height: 56px; border-bottom: 1px solid var(--duin-lijn); background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-rij.met-aantal { box-shadow: inset 3px 0 0 var(--winkel-accent); background: var(--duin-groen-l); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-naam { font-weight: 600; font-size: 15px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-prijs { font-size: 15px; color: var(--nova-inkt); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering { font-size: 14px; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-voet { padding-top: 16px; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koop { height: 52px; border-radius: var(--duin-r); font-weight: 700; font-size: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-alles-over-link { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst-in { font-size: 16px; line-height: 26px; color: var(--duin-inkt2); max-height: none; -webkit-mask: none; mask: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst .pdp-meer { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-select { height: 44px; padding: 0 40px 0 14px; border-radius: var(--duin-r); border: 1px solid var(--duin-lijn2); background-color: #fff; font: inherit; font-size: 15px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterkaart { border: 0; background: none; box-shadow: none; padding: 0; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catgroep { border: 0; background: none; padding: 0 0 16px; border-radius: 0; border-bottom: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catgroep-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep > summary { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0; background: none; border: 0; border-radius: 0; font-weight: 800; font-size: 15px; color: var(--nova-inkt); list-style: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cat a { display: flex; align-items: center; justify-content: space-between; min-height: 36px; padding: 0 10px; border-radius: 6px; font-size: 14px; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cat a:hover, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cat a.actief, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cat a[aria-current] { background: var(--duin-vlak); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep { border: 0; border-bottom: 1px solid var(--duin-lijn); padding: 8px 0 16px; background: none; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep label { display: flex; align-items: center; gap: 10px; min-height: 34px; font-size: 14px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtervorm { border: 0; background: none; padding: 0; box-shadow: none; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 10px; border-radius: 6px; font-size: 14px; line-height: 20px; color: var(--nova-inkt); text-decoration: none; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel > span:not(.shop-catvak) { flex: 1; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel.diep { padding-left: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel .shop-catvak { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel:hover, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel.aan, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel[aria-current] { background: var(--duin-vlak); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cataantal, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filteraantal { margin-left: auto; font-style: normal; font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterregel { display: flex; align-items: center; gap: 10px; min-height: 34px; font-size: 14px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filternaam { flex: 1; text-align: left; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels { max-width: 1320px; margin: 0 auto; height: 48px; display: flex; align-items: center; gap: 8px; padding: 0; font-size: 14px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 760px) minmax(0, 536px); column-gap: 24px; align-items: start; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-onder, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verwant { max-width: 1320px; margin-left: auto; margin-right: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(.shop-pdp) { padding-bottom: 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld { display: flex; flex-direction: column; gap: 48px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info { display: flex; flex-direction: column; gap: 22px; position: sticky; top: 24px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart { height: 500px; border: 0; border-radius: var(--duin-rg); background: var(--duin-zand); overflow: hidden; padding: 0; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst { max-width: 1320px; margin: 0 auto 96px; display: grid; grid-template-columns: 312px minmax(0, 1fr); column-gap: 24px; align-items: start; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-kruimels { grid-column: 1 / -1; grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattitelrij { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 4px 0 0; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijsttitel { margin: 0; font-weight: 800; font-size: 40px; line-height: 46px; letter-spacing: -.6px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst { grid-column: 1 / -1; grid-row: 3; margin: 10px 0 0; max-width: 720px; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-zijbalk { grid-column: 1; grid-row: 4 / span 3; margin-top: 32px; position: static; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijstbalk { grid-column: 2; grid-row: 4; margin: 32px 0 20px; padding: 0; border: 0; background: none; display: flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-telling { margin-right: auto; font-weight: 700; font-size: 15px; line-height: 22.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-telling[data-zin]::after { content: " " attr(data-zin); font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels { grid-column: 2; grid-row: 5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst) { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst)[data-per-rij="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst)[data-per-rij="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-blader { grid-column: 2; grid-row: 6; margin-top: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-kruimels { justify-content: flex-start; margin: 0; max-width: none; width: 100%; }
}
@media (min-width: 761px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave { display: inline-flex; background: var(--duin-zand); border-radius: 999px; padding: 3px; gap: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave button { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--nova-inkt); font-weight: 700; font-size: 15px; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave button svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave button.aan { background: #fff; box-shadow: 0 1px 3px rgba(27, 31, 28, .14); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave .weergave-woord { display: inline; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels .kruimel-pijl { width: 14px; height: 14px; flex: none; background: var(--duin-inkt3); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 5 7 7-7 7'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 5 7 7-7 7'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels .kruimel-nu { color: var(--nova-inkt); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-titel { display: flex; align-items: baseline; gap: 14px; margin: 8px 0 24px; font-weight: 800; font-size: 32px; line-height: 38px; letter-spacing: -.4px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-titel .wagen-aantal { font-weight: 400; font-size: 15px; letter-spacing: 0; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels { border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); overflow: hidden; background: #fff; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-kopregel { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel { padding: 16px 20px; border: 0; border-top: 1px solid var(--duin-lijn); border-radius: 0; background: #fff; box-shadow: none; align-items: center; column-gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel:first-of-type { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-foto { width: 72px; height: 56px; object-fit: cover; border-radius: var(--duin-r); background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-naam { font-weight: 700; font-size: 16px; line-height: 22px; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-naam:hover { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-kern .cell-sub { margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-stuk { font-size: 13px; line-height: 18px; color: var(--duin-inkt2); text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-stuk b { font-weight: 600; font-size: 14px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel .teller { height: 40px; border: 1.5px solid var(--duin-lijn2); border-radius: var(--duin-r); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-totaal { font-weight: 800; font-size: 17px; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-weg { width: 32px; height: 32px; border: 0; border-radius: 999px; background: none; color: var(--duin-inkt3); font-size: 20px; line-height: 1; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-weg:hover { background: var(--duin-vlak); color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling { border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); background: #fff; box-shadow: none; padding: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-kop { display: flex; align-items: baseline; justify-content: space-between; padding: 0 0 12px; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-kop h2 { margin: 0; font-weight: 800; font-size: 20px; line-height: 26px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-kop .ck-stap { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-lijf { padding: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-rij { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 0; font-size: 15px; line-height: 22px; color: var(--nova-inkt); border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-rij small { color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-totaalrij { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--duin-lijn); font-weight: 700; font-size: 17px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-totaalrij .num { font-weight: 800; font-size: 28px; line-height: 32px; letter-spacing: -.3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-voet { padding: 16px 0 0; background: none; border: 0; display: flex; flex-direction: column; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-afrekenen { display: flex; align-items: center; justify-content: center; gap: 10px; height: 52px; border-radius: var(--duin-r); background: var(--winkel-accent); color: #fff; font-weight: 700; font-size: 16px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-afrekenen::after { content: ""; width: 16px; height: 16px; flex: none; clip-path: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-betaallogos { justify-content: center; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-vraag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--nova-inkt); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(.wagen-vlak) { max-width: calc(1320px + 2 * var(--nova-zij)); margin: 0 auto; padding: 0 var(--nova-zij) 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto auto 96px 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-totaal { text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-vlak { display: grid; grid-template-columns: minmax(0, 1fr) 424px; column-gap: 24px; align-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling { position: sticky; top: 24px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling { background: #fff; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel img { background: var(--duin-zand); border-radius: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen { border-top: 1px solid var(--duin-lijn); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(.afr) { max-width: calc(1320px + 2 * var(--nova-zij)); margin: 0 auto; padding-left: var(--nova-zij); padding-right: var(--nova-zij); }
}
@media (min-width: 1024px) and (max-width: 1400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in { max-width: none; width: auto; margin-left: var(--nova-zij); margin-right: var(--nova-zij); }
}
@media (max-width: 1400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok > section:not(.site-hero), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok-kopje, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in { max-width: none; width: auto; margin-left: var(--nova-zij); margin-right: var(--nova-zij); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { grid-template-columns: 2fr 1fr 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-foto { width: 100%; }
}
@media (max-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) { --nova-zij: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in.aantal-2, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten-in { grid-template-columns: 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { margin-left: 0; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijstkolom { background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta span + span::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto .site-hero-dias, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto .site-hero-dia { height: 520px !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) { --nova-zij: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-in { gap: 16px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-deel:nth-child(n+2) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in { height: 64px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .logo-beeld { height: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok { padding-top: 56px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok h2:not(:where(.okc *)), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop h2 { font-size: 26px; line-height: 32px; letter-spacing: -.4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop { flex-direction: column; align-items: flex-start; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-dias, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-dia { height: 520px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-waas { background: linear-gradient(180deg, rgba(10, 38, 22, .15) 0, rgba(10, 38, 22, .85) 70%); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-in { left: 16px; right: 16px; width: auto; max-width: none; bottom: 88px; justify-content: flex-end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero h1 { font-size: 36px; line-height: 40px; letter-spacing: -.8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-tekst { font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knoppen { flex-direction: column; align-items: stretch; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-pijllink { justify-content: center; height: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { margin-top: -56px; padding: 16px; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-vorm { flex-wrap: wrap; width: 100%; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop { width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld + .site-maatzoeker-x + .site-maatzoeker-veld { flex: 1; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-soort, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-soort select, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-knop { width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-knop { justify-content: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 160px 160px; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child { grid-column: span 2; grid-row: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam small { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam { padding: 12px 56px 12px 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b { font-size: 16px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam { padding: 16px 64px 16px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam b { font-size: 22px; line-height: 26px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriepijl { right: 12px; bottom: 12px; width: 32px; height: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categoriepijl { right: 16px; bottom: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) { column-gap: 12px; row-gap: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel { font-size: 15px; line-height: 21px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { font-size: 18px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs { font-size: 13px; margin-top: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto { grid-template-columns: 1fr; row-gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-foto, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto:not(.foto-links) .site-tekstfoto-foto { order: 0; height: 280px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto:not(.foto-links) .site-tekstfoto-in { padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regels { grid-template-columns: 1fr; gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-materiaallijsten { margin-top: 56px; padding: 56px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-foto img { height: 200px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in { grid-template-columns: 1fr 1fr; row-gap: 32px; padding: 40px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in { grid-template-columns: 1fr; row-gap: 28px; padding: 40px 0 32px; margin: 0 var(--nova-zij); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.met-vakken { grid-template-columns: 1fr 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-merk { grid-column: span 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven .shop-voet-merk { grid-column: 1 / -1; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra .shop-kruimels.site-kruimelpad { justify-content: flex-start; margin: 16px 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra .site-berichtkop-oog { font-size: 13px; line-height: 16px; letter-spacing: .04em; color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra h1 { max-width: 980px; font-size: 44px; line-height: 52px; font-weight: 700; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra .site-berichtkop-door { font-size: 14px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra .site-berichtfoto { aspect-ratio: 1320 / 440; margin-top: 24px; border-radius: var(--duin-rg); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-pagina > .site-blok:first-child { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-pagina > .site-blok + .site-blok { padding-top: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-pagina > .site-blok:last-child { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst p, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst li { max-width: 760px; font-size: 18px; line-height: 30px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst p { margin: 0 0 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst li { margin: 0 0 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst ul, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst ol { max-width: 760px; margin: 0 0 20px; padding-left: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst h3 { margin: 40px 0 12px; font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst > h3:first-child { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst .site-tabel { max-width: 760px; margin: 8px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst table { font-size: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-cta { max-width: 872px; padding: 28px 32px; border-radius: var(--duin-rk); background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-cta h2 { margin: 0 0 6px; font-size: 24px; line-height: 32px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-cta p { max-width: 640px; margin: 0 0 18px; font-size: 16px; line-height: 26px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-berichtstaart { max-width: 872px; margin-top: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud { padding: 20px 24px; border: 1px solid var(--duin-lijnzand); border-radius: var(--duin-rk); background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-kop { margin: 0 0 4px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud ol { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel + .site-inhoud-regel { border-top: 1px solid var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel a { display: block; padding: 11px 0; font-size: 15px; line-height: 22px; font-weight: 400; color: var(--duin-inkt2); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel a::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel a svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud .site-inhoud-regel a:hover { color: var(--winkel-accent); text-decoration: none; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) { grid-template-columns: minmax(0, 872px) 424px; column-gap: 24px; justify-content: space-between; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) > .site-inhoud { top: 24px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra h1 { font-size: 30px; line-height: 36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra .site-berichtfoto { aspect-ratio: 16 / 10; border-radius: var(--duin-rk); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst p, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst li { font-size: 16px; line-height: 27px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst h3 { margin-top: 32px; font-size: 22px; line-height: 29px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-cta { padding: 22px 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-tekst { padding-inline: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kruimelpad + .site-pagina > .site-blok:first-child { padding-top: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .site-cta { padding: 40px 48px; border-radius: var(--duin-rk); background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .site-cta h2 { margin: 0 0 8px; font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .site-cta p { max-width: 640px; margin: 0 0 20px; font-size: 16px; line-height: 26px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorien-in { gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorie { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--duin-lijnzand); border-radius: var(--duin-rk); background: #fff; box-shadow: none; text-align: left; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorie:hover { border-color: var(--duin-lijn2); box-shadow: var(--duin-zweef); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categoriefoto { display: block; width: 100%; margin: 0; border-radius: 0; aspect-ratio: 3 / 2; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categoriefoto img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px 56px 22px 22px; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam b { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam small { font-size: 15px; line-height: 22px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categoriepijl { position: absolute; right: 20px; bottom: 22px; display: flex; color: var(--winkel-accent); }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .site-cta { padding: 28px 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .site-cta h2 { font-size: 24px; line-height: 31px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorien-in { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header { height: auto; background: #fff; border-bottom: 0; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in { height: auto; min-height: 56px; flex-wrap: wrap; align-items: center; gap: 0; padding: 6px 10px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-lade-knop { width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--nova-inkt); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-lade-knop svg { width: 22px; height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-knop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in > a:has(> .logo-beeld) { flex: 1 1 auto; justify-content: flex-start; min-height: 44px; margin: 0 0 0 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .logo-beeld.klein { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .logo-beeld.licht { display: block; height: 36px; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts { display: flex; align-items: center; gap: 0; margin-left: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .kop-account, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-kopknop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-koptel { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: 0; padding: 0; color: var(--nova-inkt); background: transparent; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-koptel svg { width: 22px; height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-koptel-tekst { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-wagen { position: relative; width: 44px; height: 44px; min-width: 44px; margin-left: 0; padding: 0; border: 0; background: transparent; color: var(--nova-inkt); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kop-rechts .shop-wagen svg { width: 22px; height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-wagen .wagen-teller { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--winkel-accent) !important; color: #fff; font-size: 12px; font-weight: 800; line-height: 18px; text-align: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-wagen .wagen-teller.is-leeg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header form.shop-zoek { position: relative; inset: auto; z-index: auto; display: flex; order: 10; flex: 1 0 calc(100% - 28px); align-items: center; gap: 0; max-width: none; height: 46px; margin: 6px 14px 12px; padding: 0 0 0 14px; border: 1px solid #d6d0c6; border-radius: 8px; background: #fff; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header form.shop-zoek > svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header form.shop-zoek input { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 16px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header form.shop-zoek input::placeholder { color: var(--duin-inkt3); font-size: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek .shop-zoek-terug, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek .shop-zoek-dicht { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-ga { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; padding: 0; border-radius: 6px; background: transparent; color: var(--nova-inkt); font-size: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-ga svg { width: 20px; height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek-knopje { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu { display: block; height: 44px; background: var(--duin-zand); border: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-in { display: flex; flex-wrap: nowrap; align-items: center; gap: 22px; width: max-content; height: 44px; margin: 0; padding: 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-item:not(.alleen-telefoon), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-rechts { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-item.alleen-telefoon { display: flex; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .alleen-telefoon .shop-menu-kop { display: flex; align-items: center; height: 44px; padding: 0; font-size: 15px; font-weight: 500; color: var(--nova-inkt); white-space: nowrap; text-decoration: none; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .alleen-telefoon .shop-menu-kop.menu-accent { color: var(--winkel-accent); font-weight: 700; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst { background: #fff; box-shadow: 0 -8px 28px rgba(26, 35, 29, .12); border-top: 1px solid var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-in { max-width: 1320px; gap: 16px; padding: 12px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst img { width: 56px; height: 56px; object-fit: cover; border: 0; border-radius: 8px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-naam b { font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-naam > span { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som b { font-size: 22px; font-weight: 700; color: var(--nova-inkt); font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som .klein { font-size: 13px; color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koop.klein { height: 48px; padding: 0 22px; border-radius: 8px; font-weight: 600; }
@media (max-width: 1360px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-in { padding: 12px 24px; } }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-in { gap: 12px; padding: 10px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-naam b { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som { align-items: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-naam { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som { flex: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koop.klein { padding: 0 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-samenvatting { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 648px) minmax(0, 1fr); column-gap: 48px; align-items: center; margin-bottom: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-foto { width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-foto img { width: 100%; max-width: none; height: 400px; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-tekst { padding: 0; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-naam { font-size: 32px; line-height: 40px; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-samenvatting { font-size: 17px; line-height: 28px; -webkit-line-clamp: 4; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot { grid-template-columns: 1fr; row-gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-foto img { height: 240px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-naam { font-size: 24px; line-height: 31px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-spectabel .pdp-specregel { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); column-gap: 16px; align-items: start; padding: 12px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-spectabel dt { font-size: 14px; line-height: 21px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-spectabel dd { margin: 0; font-size: 15px; line-height: 22px; text-align: left; word-break: normal; overflow-wrap: break-word; hyphens: manual; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp:has(> .shop-pdp-beeld):has(> .shop-pdp-info) { display: flex; flex-direction: column; align-items: stretch; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld > * { order: 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld > :not(dialog) { min-width: 0; max-width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld > .pdp-galerij { order: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-info { order: 2; margin-bottom: 32px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop { grid-column: 1 / -1; grid-row: 2 / 4; position: relative; height: auto; min-height: 280px; margin: 4px 0 0; border-radius: var(--duin-rg); overflow: hidden; background: var(--duin-bos); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop .shop-catkop-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop::after { content: ""; position: absolute; inset: 0; height: auto; background: linear-gradient(90deg, rgba(10, 38, 22, .9) 0, rgba(10, 38, 22, .72) 38%, rgba(10, 38, 22, .12) 72%, rgba(10, 38, 22, 0) 86%); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop .shop-alles-over { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattitelrij { position: relative; z-index: 1; align-self: end; margin: 4px 0 0; padding: 56px 48px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-lijsttitel { color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst { position: relative; z-index: 1; margin: 0; padding: 12px 48px 56px; max-width: 816px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst-in :is(p, li, a, b, strong) { color: #e4eee7; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) .shop-cattekst-in p { margin: 0; font-size: 17px; line-height: 27px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-subtegels { grid-column: 1 / -1; grid-row: 4; display: block; min-width: 0; margin: 24px 0 0; padding: 0; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-subtegels .shop-subtegel { flex: 0 0 auto; width: auto; min-width: 0; margin: 0; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-subtegels .shop-subtegel b { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair { grid-column: 1 / -1; grid-row: 5; margin: 64px 0 0; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair > .shop-tegels:not(.als-lijst) { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair .shop-blokkop { margin: 0 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair .shop-blokkop h2 { margin: 0; font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -.8px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair .shop-blokkop-lijst { margin: 96px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-zijbalk { grid-row: 6 / span 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) .shop-lijstbalk { grid-row: 6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-lijstkolom > .shop-tegels { grid-row: 7; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) .shop-blader { grid-row: 8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catblokken-onder { grid-column: 2; grid-row: 7; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-lijstkolom > .shop-catblokken-onder { grid-row: 9; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten { margin-top: 40px; padding: 32px; border-radius: var(--duin-rk); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten h2 { font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten .site-rijkop + :not(.site-rijzin) { margin-top: 24px; }
@media (max-width: 1400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten { width: auto; margin-left: 0; margin-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten > section { margin-left: 0; margin-right: 0; }
}
@media (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-materiaal-in { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop.is-terra) .site-blok.soort-materiaallijsten { padding: 24px 20px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin).afrekenen { background: #fff !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-voet { box-sizing: border-box; width: calc(100% - 120px); max-width: 1320px; margin: 0 auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-links { gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie { padding: 24px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header { align-items: center; gap: 12px; margin: 0 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header:has(p) { align-items: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header i { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 999px; background: var(--winkel-accent); color: #fff; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header:has(p) i { margin-top: -3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie h2 { font-size: 20px; line-height: 26px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-onder { padding: 8px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regels { max-height: none; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen { column-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dt.tot, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dd.tot { padding: 14px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-veilig { justify-content: flex-start; text-align: left; font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-veilig svg { flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-herinnering { display: flex; align-items: center; gap: 11px; font-size: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-herinnering input[type="checkbox"] { flex: none; width: 17px; height: 17px; margin: 0; accent-color: var(--winkel-accent); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(.afr) { padding-top: 32px; padding-bottom: 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-voet { padding: 24px 0 32px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie { padding: 0; border: 0; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-links { gap: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling { margin: 16px 0 0; border-radius: var(--duin-rk); padding: 20px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-voet { width: calc(100% - 32px); padding: 20px 0 28px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel { grid-template-columns: 72px minmax(0, 1fr) 136px 128px 32px; grid-template-rows: auto auto; column-gap: 24px; row-gap: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > :first-child { grid-column: 1; grid-row: 1 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-kern { grid-column: 2; grid-row: 1 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-aantalvorm { grid-column: 3; grid-row: 1 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-aantalvorm .teller { width: 136px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-totaal { grid-column: 4; grid-row: 1; align-self: end; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-stuk { display: block; grid-column: 4; grid-row: 2; align-self: start; text-align: right; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-stuk b { font-weight: 400; font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel > .wagen-wegvorm { grid-column: 5; grid-row: 1 / 3; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-telling-lijf { gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-rij { margin: 0; padding: 7px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-rij.wagen-totaalrij { margin-top: 12px; padding-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-kopregel + .wagen-regel { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-stuk small { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak { min-height: 300px; border: 1px solid var(--duin-lijnzand); border-radius: var(--duin-rk); background: #eef2ea; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-in { position: relative; z-index: 1; display: grid; gap: 6px; max-width: 420px; margin: 24px; padding: 22px 24px; background: rgba(255, 255, 255, .96); border-radius: var(--duin-rk); box-shadow: var(--duin-zweef); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-in > * { order: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-in b { font-weight: 700; font-size: 17px; line-height: 24px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-in > span { font-size: 15px; line-height: 22px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knoppen { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knoppen > :is(a, button) { display: inline-flex; align-items: center; justify-content: center; height: 48px; margin: 0; padding: 0 20px; border-radius: var(--duin-r); font-weight: 700; font-size: 15px; text-decoration: none; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knop { order: 0; background: var(--winkel-accent); color: #fff; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knop::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knop::after { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-knoppen > a.ghost { background: #fff; color: var(--nova-inkt); border: 1.5px solid var(--duin-lijn2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-uitleg { margin: 6px 0 0; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-vlak .site-kaart-in { margin: 12px; padding: 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel { margin: 24px 0 0; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel th { padding: 14px 16px 14px 0; background: none; border-bottom: 2px solid var(--nova-inkt); font-weight: 800; font-size: 17px; line-height: 24px; letter-spacing: 0; text-transform: none; text-align: left; color: var(--nova-inkt); vertical-align: bottom; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel td { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--duin-lijn); font-size: 15px; line-height: 22px; color: var(--nova-inkt); vertical-align: top; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel tr > :first-child { width: 22%; color: var(--duin-inkt2); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) table, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) tbody { display: block; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) tr { display: grid; grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); column-gap: 12px; row-gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(4)) tr { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)):not(:has(tr > :nth-child(4))) tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) :is(th, td) { display: block; width: auto; padding: 0; border: 0; font-size: 14px; line-height: 20px; overflow-wrap: break-word; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) tr > :first-child { grid-column: 1 / -1; width: auto; font-weight: 700; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) tr > th:first-child:empty { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) tr:first-child { border-bottom: 2px solid var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:has(tr > :nth-child(3)) th { font-size: 14px; line-height: 20px; font-weight: 800; white-space: normal; hyphens: auto; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten .site-kaart-in { flex: 1; justify-content: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten .site-kaart-knop { margin-top: auto; padding-top: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten .site-kaart-noot { order: 3; font-size: 14px; line-height: 20px; color: var(--nova-inkt); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorien-in:has(> .site-categorie:last-child:nth-child(3n)):not(:has(> .site-categorie:last-child:nth-child(4n))) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categoriefoto { height: auto; aspect-ratio: 3 / 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam { padding-right: 76px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categoriepijl { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam { padding-right: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b { overflow-wrap: break-word; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { flex-wrap: wrap; row-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .nova-vanaf { flex: 0 0 100%; display: block; line-height: 20px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-tweedeprijs { white-space: normal; overflow: visible; text-overflow: clip; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug { left: -1px !important; width: calc(min(1320px, 100vw - 120px) - 336px) !important; max-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-kol { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-artikel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-regel { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-tekst { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-naam, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-sub { overflow-wrap: anywhere; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug .mut, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug .chip, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-voorraad { font-size: 13px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart { height: auto; min-height: 0; aspect-ratio: 4 / 3; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart .pdp-hoofdfoto { max-height: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links > .pdp-strook { contain: size; align-self: stretch; flex-wrap: nowrap; margin-top: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-hulp { display: grid; margin: 8px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-kop { padding: 0 0 8px 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-rij { padding-left: 12px; padding-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-kop > :last-child { text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-voet { padding-left: 12px; padding-right: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koop:disabled { background: var(--duin-vlak); color: var(--duin-inkt3); border-color: var(--duin-vlak); box-shadow: none; cursor: not-allowed; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koop:disabled svg { opacity: .6; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { padding: 0 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop h1 { font-size: 22px; line-height: 28px; letter-spacing: -.2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta { margin-top: 6px; gap: 4px 12px; font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta > span:nth-child(n+3) { display: none; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij { margin-top: 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij > h2 { margin: 0 0 32px; font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -.8px; color: var(--nova-inkt); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij { margin-top: 56px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij > h2 { margin: 0 0 24px; font-size: 26px; line-height: 32px; letter-spacing: -.4px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst .pdp-meer:not([hidden]) { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 0; padding: 0; height: auto; border: 0; background: none; color: var(--winkel-accent); font-weight: 700; font-size: 15px; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst:not(.gevouwen) .shop-cattekst-in { display: block; -webkit-line-clamp: unset; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-paginakop + .site-pagina > .site-blok:first-child { padding-top: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-paginakop + .site-pagina > .site-blok:first-child .site-blok-kopje { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok > section:not(.site-tekst) > h2 { margin-bottom: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-tekst > h2 + :is(p, ul, ol) { margin-top: 16px; }
@media (min-width: 1025px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten-in:has(> :last-child:nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten-in:has(> :last-child:nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaarten-in:has(> :last-child:nth-child(2)) .site-kaart img { height: 320px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-voordelen-in { gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaart { gap: 4px; padding: 22px 20px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskop { font-size: 14px; line-height: 20px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenswaarde { font-weight: 800; font-size: 22px; line-height: 28px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-voordeel { border-radius: var(--duin-rk); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-voordeel > span:not(.site-voordeel-icoon), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-stap > span:not(.site-stap-nummer) { color: var(--duin-inkt2); font-size: 15px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in { max-width: none; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .breed, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-veld-uitleg { grid-column: 1 / -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > button[type="submit"] { grid-column: 1 / -1; justify-self: start; height: 52px; padding: 0 28px; border-radius: var(--duin-r); font-weight: 700; font-size: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak { position: relative; display: grid; gap: 8px; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak > span { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak > span b { order: -1; font-weight: 600; font-size: 14px; line-height: 20px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak > span small { order: 2; margin-top: -2px; font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak input[type="file"] { box-sizing: border-box; width: 100%; min-height: 56px; padding: 11px 14px; border: 1.5px dashed var(--duin-lijn2); border-radius: var(--duin-r); background: var(--duin-vlak); font: inherit; font-size: 15px; color: var(--duin-inkt2); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in input[type="file"]::file-selector-button { height: 34px; margin: 0 14px 0 0; padding: 0 16px; border: 1.5px solid var(--duin-lijn2); border-radius: var(--duin-r); background: #fff; font: inherit; font-weight: 700; font-size: 14px; color: var(--nova-inkt); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak:hover input[type="file"] { border-color: var(--winkel-accent); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > button[type="submit"] { justify-self: stretch; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop { height: 44px; padding: 0 18px; background: var(--winkel-accent); color: #fff; font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop:hover { background: var(--winkel-accent); filter: brightness(.94); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-stappen-in { column-gap: 24px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in { grid-template-columns: calc((100% - 72px) / 4) repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in:has(> .shop-voet-vak.soort-foto) { grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; row-gap: 12px; padding: 28px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto { display: block; grid-column: 1; width: 64px; height: 64px; align-self: center; border-radius: var(--duin-rk); overflow: hidden; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto img { width: 64px; height: 64px; max-width: none; object-fit: cover; object-position: 50% 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal { grid-column: 2; align-self: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal b { margin-top: 0; font-size: 17px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-kanaal { grid-column: 1 / -1; display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-kanaal svg { grid-row: 1 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-kanaal b { grid-column: 2; margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-kanaal span { grid-column: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal b, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal span { grid-column: 1 / -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.met-vakken { padding: 32px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in { flex-direction: column; align-items: flex-start; padding: 16px 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in > span:first-child { margin-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap { grid-template-columns: minmax(0, 1fr); row-gap: 0; padding: 8px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > div { border-bottom: 1px solid var(--duin-lijn2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap .shop-voet-kolomkop { display: flex; align-items: center; justify-content: space-between; min-height: 52px; margin: 0 !important; font-size: 16px; cursor: pointer; -webkit-user-select: none; user-select: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap .shop-voet-kolomkop::after { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; transition: transform .15s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > .duin-voet-open .shop-voet-kolomkop::after { transform: rotate(180deg); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > div:not(.duin-voet-open) > .shop-voet-kolomkop + div { display: none !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > .duin-voet-open > .shop-voet-kolomkop + div { padding: 0 0 12px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .shop-kruimels.site-kruimelpad { margin-left: var(--nova-zij); margin-right: var(--nova-zij); flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop .shop-kruimels.site-kruimelpad { flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-main, .site-berichtkop) > .shop-kruimels.site-kruimelpad > * { flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-main, .site-berichtkop) > .shop-kruimels.site-kruimelpad > [aria-current] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterkaart { display: flex; flex-direction: column; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterkaart > .shop-filtervorm { order: -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterkaart > .shop-catgroep { border-top: 1px solid var(--duin-lijn); border-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-cat { gap: 0; margin-top: 4px; padding: 0 0 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-catregel { margin: 0; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterregel { margin: 0; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep { margin-left: 0; margin-right: 0; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lade.duin-lade { inset: 0; top: 0; z-index: 960; overflow-y: auto; overscroll-behavior: contain; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak { padding: 0 16px 32px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak > .shop-lade-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { display: flex; align-items: center; gap: 8px; position: sticky; top: 0; z-index: 2; height: 60px; margin: 0 0 4px; padding: 0; background: #fff; border-bottom: 1px solid var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-kop .shop-lade-sluit { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0 0 0 -10px; padding: 0; border: 0; border-radius: var(--duin-r); background: transparent; color: var(--nova-inkt); font-size: 30px; line-height: 1; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak:not([data-verdieping="0"]) .shop-lade-sluit { margin: 0 0 0 auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-logo { display: flex; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-logo img { display: block; height: 36px; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-wagen { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 -10px 0 auto; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-teller { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--winkel-accent); color: #fff; font-weight: 800; font-size: 13px; line-height: 18px; text-align: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-kopje { margin: 20px 0 4px; font-weight: 600; font-size: 13px; line-height: 18px; letter-spacing: 0; text-transform: none; color: var(--duin-inkt3); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel { height: 52px; font-size: 16px; font-weight: 500; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel.menu-accent { color: var(--winkel-accent); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-bel { display: flex; align-items: center; gap: 14px; margin: 24px 0 0; padding: 16px; border-radius: var(--duin-rk); background: var(--duin-zand); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-bel svg { flex: none; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-bel span { display: flex; flex-direction: column; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-bel b { font-weight: 700; font-size: 16px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-bel small { font-size: 13px; line-height: 18px; color: var(--duin-inkt2); }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog:not(.registreer) { box-sizing: border-box; width: auto; max-width: 1320px; margin: 0 auto 96px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog:not(.registreer) > .inlog-links { padding-right: 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer { box-sizing: border-box; position: relative; width: auto; max-width: 1320px; margin: 0 auto 96px; padding-top: 48px; display: grid; grid-template-columns: minmax(0, 424px) minmax(0, 1fr); column-gap: 24px; align-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer > .registreer-rechts { padding: 0 0 0 72px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .inlog-kruimels { position: absolute; top: 0; left: 0; height: 48px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .registreer-stappen { margin-top: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .registreer-links h1 { font-weight: 800; font-size: 32px; line-height: 38px; letter-spacing: -.4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .registreer-vorm h2 { font-weight: 800; font-size: 22px; line-height: 28px; letter-spacing: -.2px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog { margin-bottom: 56px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .registreer-links h1 { font-size: 26px; line-height: 32px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card:has(> h1) { max-width: 520px !important; margin: 24px auto 96px !important; padding: 32px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card > h1 { margin: 0 0 12px; font-weight: 800; font-size: 26px !important; line-height: 32px; letter-spacing: -.3px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card > p { font-size: 15px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card a:not(.btn-primary):not(.ghost) { color: var(--winkel-accent); font-weight: 700; font-size: 14px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card a:not(.btn-primary):not(.ghost):hover { text-decoration: underline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { box-sizing: border-box; height: 44px; padding: 0 14px; border: 1.5px solid var(--duin-lijn2); border-radius: var(--duin-r); font: inherit; font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card .btn-primary { height: 48px; padding: 0 24px; border-radius: var(--duin-r); font-weight: 700; font-size: 15px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .card:has(> h1) { margin: 16px 0 56px !important; padding: 24px 20px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-zoekpaginas) { display: flex; flex-direction: column; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-zoekpaginas) > * { box-sizing: border-box; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .shop-zoekpaginas { order: 2; margin: 0 auto 96px; padding: 20px 24px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekpaginas .eyebrow { font-size: 13px; letter-spacing: .02em; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekpaginas a { font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekkop { margin-top: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekgelezen { align-items: center; gap: 10px; font-size: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekgelezen .mut { font-size: 14px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekgelezen .chip, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekingang .chip small { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekgelezen a { color: var(--winkel-accent); font-weight: 700; font-size: 14px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoekgelezen a:hover { text-decoration: underline; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .shop-zoekpaginas { margin-bottom: 56px; padding: 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-label, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-hint, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-pm small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-pm a, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-onder, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-regel small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen .tot small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-stappen li i, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-veilig, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-rij small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-levering, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-btw, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg-zin, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-rol, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-label, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .foto-leeg, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-nu, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-wagen .wagen-teller { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog label { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-label { background: var(--duin-bos); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .nova-chip.nova-chip--nee, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .nova-chip.nova-chip--bijna, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-voorraad.nee, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-voorraad.bijna { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-voorraad.ja { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-voorraad { font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-prijs { white-space: nowrap; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-prijs small { font-size: 13px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin: 12px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop:empty { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekuitleg { margin: 0; font-size: 16px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekuitleg b { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekletterlijk { color: var(--winkel-accent); font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekletterlijk:hover { text-decoration: underline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekingang { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekingang .chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border: 1.5px solid var(--duin-lijn); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekingang .chip:hover { border-color: var(--winkel-accent); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekingang .chip small { font-size: 13px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoekniets, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig { margin: 64px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-kop { margin: 0 0 20px; font-size: 26px; line-height: 32px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-lijst { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 14px 18px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); background: #fff; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-link:hover { border-color: var(--winkel-accent); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-pijl { flex: none; width: 16px; height: 16px; background: var(--winkel-accent); -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-lijst { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig { margin-top: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig-kop { font-size: 22px; line-height: 28px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg-kaart .duin-bezorg-bevestiging { font-size: 14px; line-height: 26px; font-weight: 700; color: var(--nova-inkt); white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg-kaart .pdp-bezorg-zin { white-space: normal; overflow: visible; text-overflow: clip; line-height: 19px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet .pdp-uitleg-kop { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .duin-compleet-voor { font-size: 13px; line-height: 18px; color: var(--duin-inkt2); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .duin-compleet-n { font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .duin-compleet-reken { margin: 0; padding: 12px 18px; border-top: 1px solid var(--duin-lijn); font-size: 13px; line-height: 19px; color: var(--duin-inkt2); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-knop:disabled { opacity: .5; cursor: default; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.duin-koopbalk .pdp-koop.klein:disabled { opacity: .45; cursor: default; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .duin-zoekkop { grid-column: 1 / -1; grid-row: 3; margin: 10px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .duin-ookhandig { grid-column: 2; grid-row: 7; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel { grid-column: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; padding: 28px 24px 24px; border-radius: var(--duin-rk); background: var(--duin-bos); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-label { display: inline-block; padding: 3px 8px; border-radius: 4px; background: #fff; color: var(--nova-inkt); font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-titel { font-size: 24px; line-height: 30px; font-weight: 700; color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-tekst { max-width: none; font-size: 15px; line-height: 23px; color: var(--duin-bos-tekst); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-knoppen { display: flex; flex-direction: column; align-items: stretch; gap: 10px; width: 100%; margin-top: auto; padding-top: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-link { display: inline-flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 20px; border-radius: var(--duin-r); background: var(--winkel-accent); color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-link:hover, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-knop:hover { background: #e0a012; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-link svg, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-knop svg { width: 18px; height: 18px; color: currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel { display: inline-flex; align-items: center; gap: 12px; padding: 0; border: 0; background: none; box-shadow: none; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel b { font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel small { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel .ghost { padding: 0; border: 0; background: none; font-size: 15px; font-weight: 700; color: var(--winkel-accent); }
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel { grid-column: 1 / -1; padding: 24px 20px 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels .shop-tussentegel-titel { font-size: 22px; line-height: 28px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp.pdp-plak .shop-pdp-info { position: static; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.duin-koopbalk .pdp-koopbalk-in { flex-wrap: wrap; row-gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.duin-koopbalk .pdp-koopbalk-naam { display: block; flex: 1 0 100%; order: -1; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.duin-koopbalk .pdp-koopbalk-naam > span { display: block; font-size: 13px; line-height: 18px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-ookhandig { margin-bottom: 48px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.stand-nee { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.stand-nee i { background: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekbinnen { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin: 0; font-size: 16px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekbinnen b { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok > .duin-samenkoop { order: 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop { display: flex; flex-direction: column; gap: 16px; margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-lijst { margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij { display: grid; grid-template-columns: minmax(0, 1fr) auto 128px; align-items: center; column-gap: 16px; min-height: 52px; padding: 10px 12px; border-bottom: 1px solid var(--duin-lijn); font-size: 15px; line-height: 21px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-naam { min-width: 0; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-prijs { font-weight: 700; color: var(--nova-inkt); white-space: nowrap; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij .pdp-vtabel-levering { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij .pdp-vtabel-levering i { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij .pdp-vtabel-levering.stand-nee i { background: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-zin { margin: 0; font-size: 14px; line-height: 21px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) a.duin-samenkoop-knop { display: flex; flex: none; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 52px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-pijl { flex: none; width: 18px; height: 18px; background: currentColor; transform: rotate(90deg); -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenkoop-rij .pdp-vtabel-levering { grid-column: 1 / -1; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok > .pdp-voorraad { align-items: flex-start; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekkop .shop-zoektegel .ghost { min-height: 0; box-shadow: none; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoekingang .chip::before { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .sm-pdp .sm-balk { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin).sm-balk-open { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-vst-ja { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-vst-ja i { background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-vst-bijna { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-vst-bijna i { background: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug .shop-sug-regel small { font-size: 13px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug-kolommen > .shop-sug-kol.links { order: 2; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-kern > b { font-size: 15px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-kern > small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-prijs small { font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-prijs b { font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-rij { font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-rij.totaal { font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-rij.totaal span:last-child { font-size: 17px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-rij.totaal small { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-links, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-links a, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel-leeg-knop { font-size: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-sug .shop-sug-sub { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen { margin: 24px 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-opmaat { display: inline-flex; align-items: center; gap: 6px; width: fit-content; margin-top: 6px; padding: 3px 9px; border-radius: 6px; background: #fbeedd; color: var(--duin-oker); font-weight: 600; font-size: 13px; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-opmaat svg { flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-kern > .wagen-opmaat { min-height: 26px; padding: 4px 9px; margin-right: 6px; box-sizing: border-box; vertical-align: top; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-kern > .wagen-voorraad { vertical-align: top; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-regel .wagen-opmaat { display: flex; margin-top: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen { border: 0; border-radius: 0; background: none; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep { border: 1px solid var(--duin-lijn); border-radius: var(--duin-rk); overflow: hidden; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep + .duin-wagengroep { margin-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep-kop { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 14px 20px; background: var(--duin-vlak); border-bottom: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep.is-leverancier .duin-wagengroep-kop { background: var(--duin-zand); border-bottom-color: var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep-kop h2 { margin: 0; font-weight: 600; font-size: 17px; line-height: 24px; letter-spacing: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep-kop span { font-size: 13px; line-height: 18px; color: var(--duin-inkt2); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep .wagen-regel { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep .wagen-regel + .wagen-regel { border-top: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen .wagen-terug { display: inline-flex; align-items: center; gap: 8px; margin: 20px 0 0; padding: 0; font-weight: 600; font-size: 15px; line-height: 22px; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen .wagen-terug:hover { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-voorraad.wacht { background: #fbeedd; color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-beldag { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: var(--nova-inkt); font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-beldag + .afr-sub-lbl { margin-top: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-beldag svg { flex: none; margin-top: 2px; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze + .afr-sub[data-bezorg-sub="*"] { margin-top: -4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 48px; margin: 40px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg.met-foto { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-in h1 { margin: 0; font-weight: 800; font-size: 44px; line-height: 50px; letter-spacing: -.8px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zin { max-width: 520px; margin: 14px 0 0; font-size: 18px; line-height: 28px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zoek { display: flex; align-items: center; gap: 10px; max-width: 560px; height: 52px; margin: 28px 0 0; padding: 0 6px 0 20px; border-radius: 999px; background: var(--duin-vlak); color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zoek input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font: inherit; font-size: 15px; color: var(--nova-inkt); outline: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zoek button { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border: 0; border-radius: 999px; background: var(--winkel-accent); color: #fff; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-knop { display: inline-flex; align-items: center; height: 48px; padding: 0 24px; border: 1.5px solid var(--nova-inkt); border-radius: var(--duin-r); background: #fff; color: var(--nova-inkt); font-weight: 600; font-size: 16px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-knop.is-eerste { border-color: var(--duin-groen-l); background: var(--duin-groen-l); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-foto { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--duin-rg); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-populair { margin: 80px 0 96px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-populair .site-rijkop { margin-bottom: 24px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen { margin: 16px 0 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regel .wagen-voorraad { display: inline-flex; height: auto; min-height: 26px; padding: 4px 10px; box-sizing: border-box; line-height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep-kop { padding: 12px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg.met-foto { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 24px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-in h1 { font-size: 30px; line-height: 36px; letter-spacing: -.4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zin { font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-knop { flex: 1 1 auto; justify-content: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-populair { margin: 48px 0 56px; }
}
@media (max-width: 559px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep { border-radius: 0; border-left: 0; border-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen .wagen-terug { margin: 16px 16px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-titel { padding-inline: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok h1.site-hoofdkop { margin: 0; font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -.8px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-tekst > h1.site-hoofdkop + :is(p, ul, ol) { margin-top: 16px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok h1.site-hoofdkop { font-size: 26px; line-height: 32px; letter-spacing: -.4px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten-meer { display: flex; justify-content: center; margin: 40px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten-meer[hidden] { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-meerknop { display: inline-flex; align-items: center; height: 48px; padding: 0 28px; border: 1.5px solid var(--nova-inkt); border-radius: var(--duin-r); background: #fff; color: var(--nova-inkt); font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-meerknop:hover { background: var(--duin-vlak); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 0; border: 1px solid var(--duin-lijn); border-radius: 12px; overflow: hidden; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart { display: grid; grid-template-columns: 200px minmax(0, 1fr) 220px 210px 40px; gap: 0 20px; align-items: center; padding: 14px 20px; margin: 0; border: 0; border-top: 1px solid var(--duin-lijn); border-radius: 0; background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart:first-child { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart > img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .foto-leeg, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .kaart-labels { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-specs { order: 0; grid-column: 1; grid-row: 1; margin: 0; font-weight: 800; font-size: 19px; line-height: 24px; color: var(--nova-inkt); white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-titel { order: 0; grid-column: 2; grid-row: 1; margin: 0; font-size: 16px; -webkit-line-clamp: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-voet { order: 0; grid-column: 3; grid-row: 1; margin: 0; display: block; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-prijs { justify-content: flex-end; font-size: 19px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-chiprij { order: 0; grid-column: 4; grid-row: 1; margin: 0; justify-content: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart::after { content: ""; grid-column: 5; grid-row: 1; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--duin-lijn); background: no-repeat center / 14px url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7a3a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer { grid-column: 2; grid-row: 6; margin-top: 40px; display: flex; justify-content: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) .duin-laadmeer { grid-row: 8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop { display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 24px; border: 1.5px solid var(--nova-inkt); border-radius: 8px; background: #fff; font-weight: 700; font-size: 16px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop.bezig { opacity: .6; pointer-events: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-telling { font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-blader { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs { white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-titel { display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-inwagen { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-weergave button { width: auto; min-width: 0; flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-m2 { display: inline-block; margin-top: 6px; padding: 3px 10px; border-radius: 999px; background: #e8f3ec; color: var(--duin-bos2); font-weight: 700; font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vtabel-zaag { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--duin-lijn); border-top: 0; font-size: 13px; color: var(--duin-inkt2); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vtabel-zaag a { font-weight: 800; font-size: 14px; color: #0e7a3a; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken { margin: 0 0 12px; padding: 14px 16px; border-radius: 12px; background: #e8f3ec; display: grid; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop b { font-size: 15px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop span { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij { display: grid; grid-template-columns: 1fr 16px 1fr auto; gap: 8px; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--duin-lijn2); border-radius: 8px; padding: 0 10px; height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij input { border: 0; outline: 0; width: 100%; min-width: 0; font: inherit; font-weight: 700; color: var(--nova-inkt); background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label span { font-size: 13px; color: var(--duin-inkt2); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij i { font-style: normal; text-align: center; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij button { height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--duin-groen, #0e7a3a); color: #fff; font-weight: 800; font-size: 14px; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-uit { margin: 0; font-size: 13px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-rij.duin-vreken-rijaan { background: #e8f3ec; box-shadow: inset 3px 0 0 #0e7a3a; transition: background .3s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij.is-kol-5 { grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, .85fr)) minmax(0, 1.35fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij:not(.is-kop) > .pdp-uitleg-tabel-cel.is-kleur { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-rij .pdp-vtabel-naam b { white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm a { white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item.heeft-paneel .shop-menu-paneel { border: 0; border-radius: 0 0 16px 16px; box-shadow: 0 24px 48px rgba(0, 0, 0, .18); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item.heeft-paneel .shop-menu-paneel-lazy { padding: 32px 60px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-kolommen { display: flex; gap: 36px; align-items: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-kol { flex: 0 1 324px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-kol:first-child { flex-basis: 300px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-kopje { display: block; margin: 0 0 10px; font-size: 15px; line-height: 22.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-kol > .duin-mm-kopje:not(:first-child), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-chiprij + .duin-mm-kopje, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-lijst + .duin-mm-kopje { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-rij { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--duin-lijn); border-bottom: 0; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-lijst .duin-mm-rij:last-child { border-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-rij:hover .duin-mm-naam { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-naam { display: block; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-rij em { flex: none; font-style: normal; font-size: 13px; line-height: 19.5px; font-weight: 500; color: var(--duin-inkt2); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-chiprij { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-chip { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border: 1px solid var(--duin-lijn); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-chip:hover { border-color: var(--winkel-accent); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-hulp .duin-mm-rij { align-items: center; padding: 8px 0; border-top: 1px solid var(--duin-lijn); font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-hulp .duin-mm-rij svg { flex: none; width: 16px; height: 16px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo { flex: 0 0 288px; display: grid; gap: 8px; align-content: start; padding: 0; border: 0; border-radius: 0; background: none; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo-foto { display: block; width: 100%; height: 170px; object-fit: cover; border-radius: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo b { margin-top: 6px; font-size: 17px; line-height: 25.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo p { margin: 0; font-size: 13px; line-height: 19.5px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo-teken { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 10px; background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo-meer { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo-meer::after, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-voet a::after { content: ""; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-promo:hover .duin-mm-promo-meer { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-voet { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 53px; margin: 28px -60px 0; padding: 0 60px; border-top: 1px solid var(--duin-lijn); border-radius: 0 0 16px 16px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-voet a { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-voet a:hover { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-mm-voet span { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item.heeft-paneel[open] > .shop-menu-paneel { box-shadow: 0 24px 48px rgba(0, 0, 0, .18), 0 0 0 100vmax rgba(27, 31, 28, .6); clip-path: inset(0 -100vmax -100vmax -100vmax); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item[open] > .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-item.hier > .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop.is-hier { font-weight: 700; box-shadow: inset 0 -2px 0 var(--nova-inkt); color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop:hover { box-shadow: inset 0 -2px 0 var(--nova-inkt); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorienaam.duin-hk { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk b { font-size: 19px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-prijs { font-size: 15px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk small { font-size: 13.5px; line-height: 1.45; color: var(--duin-inkt2); white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-tal { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 13.5px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorie:hover .duin-hk-tal { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorie:has(.duin-hk) .site-categoriepijl { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 980px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 28px; }
@media (max-width: 760px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in { grid-template-columns: minmax(0, 1fr); } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 2px; border: 0; border-bottom: 1px solid var(--duin-lijn); border-radius: 0; background: none; font-size: 15px; font-weight: 600; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in a:hover { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-specs { font-size: 16px; line-height: 21px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-specs .nova-spec { display: inline; white-space: normal; overflow-wrap: anywhere; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-regel { display: flex; align-items: center; justify-content: flex-start; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-tal { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-regel .shop-lade-pijl { margin-left: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-regel::after { margin-left: 4px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) [data-koopbalk-na].nog-leeg { display: none !important; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel { display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-samenvatting,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichten.uitgelicht .site-bericht.groot .site-bericht-samenvatting { display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels { flex-wrap: wrap; row-gap: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels .kruimel-nu,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels > span:not(.kruimel-pijl) { white-space: normal; overflow: visible; text-overflow: clip; min-width: 0; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .shop-kruimels.site-kruimelpad,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop .shop-kruimels.site-kruimelpad,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels { flex-wrap: wrap; overflow: visible; white-space: normal; height: auto; min-height: 40px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel { margin-bottom: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-voet { margin-top: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-tegels, .site-producten-in):not(.als-lijst) .shop-kaart .nova-prijsvak:not(:has(.nova-vanaf)) { padding-top: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs .nova-spec { white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-tegels, .site-producten-in):not(.als-lijst) .shop-kaart .nova-prijsvak { margin-top: auto; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart { grid-template-columns: minmax(0, 1fr) 150px; grid-template-rows: auto auto auto; gap: 2px 14px; align-items: start; padding: 14px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-specs { grid-column: 1; grid-row: 1; font-size: 15px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-titel { grid-column: 1; grid-row: 2; font-size: 14px; line-height: 19px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-voet { grid-column: 2; grid-row: 1 / span 2; text-align: right; height: auto; min-height: 0; max-height: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-prijs { font-size: 17px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-tweedeprijs { white-space: normal; text-wrap: balance; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-chiprij { grid-column: 1 / -1; grid-row: 3; margin-top: 6px; align-self: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart::after { grid-column: 2; grid-row: 3; justify-self: end; width: 30px; height: 30px; margin-top: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-prijsvak { margin-top: 0; padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels.als-lijst .shop-kaart .nova-knoppen { margin-top: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop { display: inline-flex; align-items: center; gap: 6px; height: 52px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--nova-inkt); font: inherit; font-size: 15px; line-height: 22.5px; font-weight: 800; box-shadow: none; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop:hover { filter: none; box-shadow: inset 0 -2px 0 var(--duin-bos); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop[aria-expanded="true"] { box-shadow: inset 0 -2px 0 var(--duin-bos); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop svg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop::before { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><rect x='4' y='4' width='6' height='6' rx='1'/><rect x='14' y='4' width='6' height='6' rx='1'/><rect x='4' y='14' width='6' height='6' rx='1'/><rect x='14' y='14' width='6' height='6' rx='1'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><rect x='4' y='4' width='6' height='6' rx='1'/><rect x='14' y='4' width='6' height='6' rx='1'/><rect x='4' y='14' width='6' height='6' rx='1'/><rect x='14' y='14' width='6' height='6' rx='1'/></svg>") center / contain no-repeat; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst { grid-template-rows: repeat(6, auto) 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-zijbalk { grid-row: 4 / span 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) { grid-template-rows: repeat(8, auto) 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-zijbalk { grid-row: 6 / span 4; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl { background: #fff; border: 1px solid var(--duin-lijn); border-radius: 12px; overflow: hidden; font-size: 17px; line-height: 1.5; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-regels { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-rij { display: grid; align-items: center; min-height: 76px; border-top: 1px solid var(--duin-lijn); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij { grid-template-columns: 96px 400px 190px 210px 150px 150px minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-rij { grid-template-columns: 170px 380px 220px 170px 190px minmax(0, 1fr); min-height: 64px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-rij > * { min-width: 0; padding-inline: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij > :first-child { padding-left: 16px; padding-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-rij > :first-child { padding-left: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) a.duin-hl-rij:hover { background: #fbf8f3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) a.duin-hl-rij:hover .duin-hl-naar i { border-color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-kop { min-height: 44px; border-top: 0; background: var(--duin-zand); font-size: 13px; line-height: 19.5px; font-weight: 800; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-kop { min-height: 64px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-foto { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-foto img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat img { display: block; width: 72px; height: 54px; border-radius: 8px; object-fit: cover; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naam b { display: block; font-size: 17px; line-height: 25.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naam span { display: block; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat { font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat small { margin-left: 4px; font-size: 13px; font-weight: 600; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-lengte { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-prijs { text-align: right; font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-prijs small { display: block; font-size: 13px; line-height: 19.5px; font-weight: 500; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-kop .duin-hl-prijs { font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-stip { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-stip::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-stip:is(.is-nee, .is-wacht) { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naar { justify-self: end; padding-right: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-naar { padding-right: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naar i { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--duin-lijn); border-radius: 50%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naar i::before { content: ""; width: 18px; height: 18px; background: var(--winkel-accent); -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-voet { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 20px; border-top: 1px solid var(--duin-lijn); background: var(--duin-zand); font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-voet { padding: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-meer { display: inline-flex; align-items: center; gap: 8px; flex: none; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-meer::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-meer.bezig { opacity: .6; pointer-events: none; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(.duin-hl) > .shop-zijbalk { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(.duin-hl) .shop-lijstbalk { grid-column: 1 / -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .duin-hl { grid-column: 1 / -1; grid-row: 5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-lijstkolom > .duin-hl { grid-row: 7; }
}
@media (max-width: 1379px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij { grid-template-columns: 88px minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, .8fr) minmax(0, .8fr) 64px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-rij { grid-template-columns: minmax(0, .8fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, .9fr) 72px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-prijs { white-space: normal; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-kop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-rij, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-rij { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: start; min-height: 0; padding: 14px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij { grid-template-columns: 64px minmax(0, 1fr) auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-rij > *, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-rij > :first-child, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-rij > :first-child { padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-maat { grid-column: 1; grid-row: 1; font-size: 17px; line-height: 25.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-naam { grid-column: 1; grid-row: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-lengte { grid-column: 1; grid-row: 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-prijs { grid-column: 2; grid-row: 1 / span 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--maat .duin-hl-voorraad { grid-column: 2; grid-row: 3; justify-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-foto { grid-column: 1; grid-row: 1 / span 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-foto img { width: 64px; height: 48px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-naam { grid-column: 2; grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-maat { grid-column: 2; grid-row: 2; font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-lengte { grid-column: 2; grid-row: 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-prijs { grid-column: 3; grid-row: 1 / span 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl--foto .duin-hl-voorraad { grid-column: 2 / -1; grid-row: 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat img { width: 56px; height: 42px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naam b { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-lengte { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-prijs { font-size: 17px; line-height: 25.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-stip { font-size: 13px; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-naar { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-voet { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(.duin-hl) .site-rijkop .site-rijknop { display: none; }
@media (max-width: 1023px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-telling[data-zin]::after { content: none; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop-tekst { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-voorraad { display: inline-flex; align-items: center; gap: 8px; flex: none; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-voorraad::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-voorraad.lev { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta { gap: 8px 16px; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta span + span { gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-meta span + span::before { height: 20px; background: var(--duin-lijn); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { padding: 0 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop h1 { font-size: 30px; line-height: 36px; letter-spacing: 0; }
}
@media (max-width: 1023px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { flex-direction: column; align-items: flex-start; gap: 8px; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini { padding: 0; border: 2px solid transparent; border-radius: 8px; background: var(--duin-zand); overflow: hidden; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini.aan, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini:hover { border-color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotolabels { left: 16px; top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotolabel { height: auto; padding: 6px 12px; border-radius: 999px; background: #fff; color: var(--nova-inkt); font-size: 13px; line-height: 19.5px; font-weight: 800; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links.met-strook { grid-template-columns: 84px minmax(0, 1fr); gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links .pdp-strook { gap: 11px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij:not(.strook-links) .pdp-mini { width: 84px; height: 84px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart { aspect-ratio: auto; height: 560px; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart .pdp-hoofdfoto { object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-fotokaart .pdp-pijl { display: none; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info { gap: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > * { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok.pdp-koopblok-vlak { margin-top: 0; gap: 18px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-prijsvak.pdp-permeter { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 0; border-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-prijsvak.gekozen-maat .duin-vanaf { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-permeter .pdp-prijs { display: inline-flex; align-items: baseline; gap: 10px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-permeter .pdp-prijs-bedrag { font-size: 40px; line-height: 40px; font-weight: 800; letter-spacing: -.4px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-permeter .pdp-prijs .klein:not(.duin-vanaf) { font-size: 15px; line-height: 22.5px; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-permeter .duin-m2 { order: 1; margin: 0; padding: 4px 10px; border-radius: 999px; background: #e8f3ec; color: #0b6230; font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-permeter .pdp-tweedeprijs:not(.duin-m2) { order: 2; flex-basis: 100%; margin: 4px 0 0; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok > .pdp-voorraad { padding: 12px 0; border-top: 0; border-bottom: 0; font-size: 13px; line-height: 19.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering { gap: 10px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering svg { width: 18px; height: 18px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-assen { margin: 0 0 18px; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-naam { display: block; margin: 0 0 8px; font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knoppen { gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop { height: 42px; padding: 0 16px; border: 1px solid var(--duin-lijn2); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { border: 2px solid var(--winkel-accent); padding: 0 15px; background: #e8f3ec; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vreken { margin: 0 0 18px; padding: 16px 18px; gap: 12px; border-radius: 12px; background: #e8f3ec; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop b { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij { grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 150px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label { height: 44px; border: 0; padding: 0 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij input { font-size: 15px; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label span { font-size: 15px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij button { height: 44px; padding: 0 12px; font-size: 17px; font-weight: 700; background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-uit { font-size: 15px; line-height: 22.5px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-rij { grid-template-columns: 96px minmax(0, 1fr) 130px 124px; column-gap: 8px; padding: 0 12px 0 16px; border-left: 1px solid var(--duin-lijn); border-right: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-kop { min-height: 40px; align-items: center; border-top: 1px solid var(--duin-lijn); border-bottom: 0; border-radius: 12px 12px 0 0; background: var(--duin-zand); font-size: 13px; line-height: 19.5px; font-weight: 800; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-kop > :last-child { text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-rij { min-height: 64px; padding-top: 0; padding-bottom: 0; align-items: center; border-top: 1px solid var(--duin-lijn); border-bottom: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-rij.met-aantal, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-rij.duin-vreken-rijaan { background: #f3f9f5; box-shadow: inset 3px 0 0 var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-naam b { font-size: 17px; line-height: 25.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-prijs b { font-size: 17px; line-height: 25.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-permeter { display: block; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-levering { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; line-height: 19.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-levering i { width: 8px; height: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-aantal .teller { width: 124px; height: 40px; padding: 0; border: 1px solid var(--duin-lijn2); border-radius: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-aantal .teller button { width: 36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-aantal .teller input { width: 48px; height: 38px; font-size: 17px; font-weight: 800; color: var(--nova-inkt); border-left: 1px solid var(--duin-lijn); border-right: 1px solid var(--duin-lijn); border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vtabel-zaag { min-height: 52px; margin: 0; padding: 0 16px; border: 1px solid var(--duin-lijn); border-radius: 0 0 12px 12px; background: #fff; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vtabel-zaag a { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-voet { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0 0; border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-som { display: grid; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-som > span:first-child { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-som b { font-size: 24px; line-height: 36px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-btw, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-som small { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-voet .pdp-koop { flex: 1 1 auto; max-width: 300px; height: 52px; font-size: 17px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .shop-usp-lijst { display: grid; gap: 6px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .shop-usp-lijst > span { position: relative; margin: 0; padding-left: 28px; font-size: 15px; line-height: 22.5px; font-weight: 400; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .shop-usp-lijst > span::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 0; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-bezorg { order: 15; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .shop-usp-lijst { order: 16; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-duin-vakmini { order: 17; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-duin-extra { order: 14; display: grid; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-extra-knop { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 18px; border: 1.5px solid var(--duin-lijn); border-radius: 8px; background: #fff; color: var(--nova-inkt); font-size: 15px; line-height: 22px; font-weight: 700; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-extra-knop::after { content: ""; flex: none; width: 7px; height: 12px; background: currentColor; clip-path: polygon(0 0, 2px 0, 7px 6px, 2px 12px, 0 12px, 5px 6px); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-extra-knop:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-koopblok > .pdp-prijsvak { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-koopblok > .pdp-voorraad { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-hulp, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg-retourregel { display: none; }
@media (min-width: 1024px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > .pdp-hulp { display: none; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini { display: flex; align-items: center; gap: 14px; padding-top: 16px; border-top: 1px solid var(--duin-lijn); font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini b { display: block; font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini-ico { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: #e8f3ec; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini-ico::before { content: ""; width: 20px; height: 20px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M4 20l4-1 11-11-3-3L5 16z'/><path d='M14 6l3 3'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M4 20l4-1 11-11-3-3L5 16z'/><path d='M14 6l3 3'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini-foto { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; object-position: 50% 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini-knop { display: inline-flex; align-items: center; gap: 8px; flex: none; margin-left: auto; height: 44px; padding: 0 16px; border: 1.5px solid var(--duin-lijn); border-radius: 8px; background: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-vakmini-knop:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg { margin: 0; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart { gap: 2px; padding: 14px 16px; border: 1px solid var(--duin-lijn); border-radius: 12px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart.soort-afhalen { order: -1; border: 2px solid var(--winkel-accent); padding: 13px 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-icoon-vlak { width: 20px; height: 20px; margin: 0 0 4px; padding: 0; background: none; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart b { font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-waarde { font-size: 17px; line-height: 25.5px; font-weight: 800; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-zin { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet .pdp-uitleg-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-voet { padding: 12px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item { grid-template-columns: 20px 56px minmax(0, 1fr) auto; column-gap: 12px; padding: 12px 16px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item:has(input:checked) { background: #f3f9f5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-foto { display: block; width: 56px; height: 42px; padding: 0; border-radius: 6px; overflow: hidden; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-foto img { width: 56px; height: 42px; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-rol { font-size: 13px; line-height: 19.5px; font-weight: 800; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-naam { font-size: 15px; line-height: 1.3; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-prijs { font-size: 15px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 0; border: 1.5px solid var(--duin-lijn2); border-radius: 4px; background: #fff; display: grid; place-items: center; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item input[type="checkbox"]:checked { border-color: var(--winkel-accent); background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item input[type="checkbox"]:checked::after { content: ""; width: 14px; height: 14px; background: #fff; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-knop { background: var(--winkel-accent); color: #fff; border-color: var(--winkel-accent); height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .duin-compleet-reken { display: none; }
@media (min-width: 1024px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld { gap: 40px; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > * + * { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop2, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specblok h2 { font-size: 24px; line-height: 28.8px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed .pdp-duin-kop2 { margin-bottom: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst li { gap: 10px; font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-teken { width: 20px; height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst li.min .pdp-goed-teken { background: #9aa19b; }
@media (max-width: 639px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-goed-lijst { grid-template-columns: 1fr; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal .pdp-duin-kop2 { margin: 0 0 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst { display: grid; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst > * { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst p, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst li { font-size: 17px; line-height: 25.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst h2, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verhaal-tekst h3 { margin: 8px 0 0; font-size: 20px; line-height: 30px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-tip { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 18px; align-items: center; padding: 20px 24px; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-tip img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: 50% 0; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-tip b { display: block; font-size: 17px; line-height: 25.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-tip p { margin: 2px 0 0; font-size: 15px; line-height: 22.5px; color: #3d443f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel { grid-template-columns: 220px minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dt, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dd { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dt { color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dd { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-specregel dd a { color: inherit; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verwant.duin-verwant { max-width: 1320px; margin: 72px auto 0; padding: 80px 0; background: var(--duin-zand); box-shadow: 0 0 0 100vmax var(--duin-zand); clip-path: inset(0 -100vmax); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(.duin-verwant) { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-rijkop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-kop { display: grid; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-blok-kopje { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-rijkop h2 { margin: 0; font-size: 36px; line-height: 41.4px; font-weight: 800; letter-spacing: -.36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-rijknop { margin: 0 0 6px; font-size: 17px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-rij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles { display: grid; align-content: space-between; justify-items: start; gap: 12px; padding: 24px; border-radius: 12px; background: #0b6230; color: #fff; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles b { font-size: 24px; line-height: 1.2; font-weight: 800; text-wrap: balance; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles > span:not(.duin-verwant-knop) { font-size: 15px; line-height: 22.5px; color: #cfe3d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-knop { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1.5px solid #fff; border-radius: 8px; background: #fff; color: var(--nova-inkt); font-size: 15px; line-height: 20px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles:hover .duin-verwant-knop { background: #e8f3ec; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-verwant.duin-verwant { margin-top: 48px; padding: 48px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-rij { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-rijkop { flex-direction: column; align-items: flex-start; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .site-rijkop h2 { font-size: 28px; line-height: 33.6px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok h2:not(:where(.okc *)), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop h2 { line-height: 41.4px; letter-spacing: -.36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok-kopje { font-size: 15px; line-height: 22.5px; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven { border-top: 1px solid var(--duin-lijn); border-bottom: 0; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in { grid-template-columns: 180px repeat(4, minmax(0, 1fr)); column-gap: 24px; align-items: start; min-height: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto { height: auto; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto img { width: 180px; height: 150px; max-width: 180px; margin-top: 24px; object-fit: cover; object-position: 50% 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal { gap: 4px; padding-bottom: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto ~ .shop-voet-vak.soort-kanaal { padding-top: 68px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.met-vakken { padding: 48px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in { min-height: 60px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal svg { color: var(--winkel-accent); margin-bottom: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal b { margin-top: 0; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal span { margin-top: 0; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-vak.soort-foto + .shop-voet-vak.soort-kanaal span::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-voet-kolomkop { font-weight: 800 !important; line-height: 22.5px; margin-bottom: 12px !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer .shop-footer-in a { display: block; min-height: 0; padding: 4px 0; font-size: 15px; line-height: 22.5px; color: #3d443f !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in { color: var(--duin-inkt2); font-size: 13px; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder-in > a[href], .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onderlinks { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini.pdp-duin-maattegel { display: grid; place-content: center; justify-items: center; gap: 0; padding: 4px; border: 0; background: var(--nova-inkt); color: #fff; font-size: 13px; line-height: 1.2; font-weight: 800; text-align: center; cursor: default; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl .pdp-duin-kop2 { margin: 0 0 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-zin { margin: 0 0 14px; font-size: 15px; line-height: 22.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-tabel { border: 1px solid var(--duin-lijn); border-radius: 12px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij { display: grid; grid-template-columns: 200px repeat(var(--duin-vgl-n, 3), minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij + .duin-vgl-rij { border-top: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij > * { padding: 11px 14px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij > * + * { border-left: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij.is-kop { background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop { position: relative; display: grid; align-content: start; gap: 2px; padding-top: 14px; padding-bottom: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop b { font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop small { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop i { position: absolute; top: 12px; right: 12px; padding: 2px 8px; border-radius: 999px; background: #e8f3ec; color: #0b6230; font-style: normal; font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-label { font-size: 13px; line-height: 22.5px; font-weight: 700; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-cel { font-size: 15px; line-height: 22.5px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-cel.is-aan { font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-link::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart > img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .foto-leeg { aspect-ratio: 4 / 3; border-radius: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .shop-kaart-spec { order: 1; margin: 14px 0 0; min-height: 19.5px; font-size: 13px; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-spec { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .shop-kaart-spec { display: block; padding: 0; border: 0; background: none; color: var(--nova-inkt); font-weight: 700; white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-specs + .nova-titel { margin-top: 2px; font-size: 17px; line-height: 22.95px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart:not(:has(.nova-specs, .shop-kaart-spec)) .nova-titel { margin-top: 35.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-titel { margin-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-voet { margin-top: auto; padding-top: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-tegels, .site-producten-in):not(.als-lijst) .shop-kaart .nova-prijsvak:not(:has(.nova-vanaf)) { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { flex-wrap: nowrap; align-items: baseline; gap: 4px; font-size: 24px; line-height: 36px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .nova-vanaf { flex: none; display: inline; width: auto; order: -1; margin: 0 2px 0 0; font-size: 13px; line-height: 19.5px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .btw-inline { font-size: 13px; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-tweedeprijs { margin-top: 0; font-size: 13px; line-height: 19.5px; white-space: normal; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chiprij { margin-top: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip::before { width: 8px; height: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst) { row-gap: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij .shop-tegels:not(.als-lijst) { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; }
@media (max-width: 1023px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-rij .shop-tegels:not(.als-lijst) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; } }
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { font-size: 20px; line-height: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart:not(:has(.nova-specs, .shop-kaart-spec)) .nova-titel { margin-top: 33.5px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as .pdp-vtabel-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as .pdp-vtabel-rij { grid-template-columns: 150px minmax(0, 1fr) 130px 124px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel:not(:has(.duin-vtabel-zaag)) .pdp-vtabel-rij:nth-last-child(1 of .pdp-vtabel-rij:not(.as-weg)) { border-bottom: 1px solid var(--duin-lijn); border-radius: 0 0 12px 12px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijknop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijlink, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-pijllink { font-size: 17px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-in { top: 0; bottom: auto; width: 700px; justify-content: flex-start; padding-top: 64px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero h1, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-kop { margin-top: 20px; max-width: 700px; font-size: 60px; line-height: 64.8px; letter-spacing: -.9px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-tekst { margin-top: 20px; max-width: 480px; font-size: 20px; line-height: 30px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-knoppen { margin-top: 28px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-oog { line-height: 23px; color: #e9d6b8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-tekst { color: #eef3ef; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-waas { background: linear-gradient(90deg, rgba(15, 61, 34, .95) 0%, rgba(15, 61, 34, .8) 34%, rgba(15, 61, 34, 0) 62%); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { border-radius: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, .12); gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-vorm { gap: 12px; }
@media (min-width: 1024px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop { width: 180px; flex: none; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop b { font-weight: 800; line-height: 26px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop small { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-soort select { background-color: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-x { width: 16px; text-align: center; font-weight: 400; font-size: 17px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chipskop { font-size: 13px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chip { height: 34px; padding: 0 12px; border: 1px solid var(--duin-lijn); font-size: 13px; font-weight: 700; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-gegevenskaarten:has(.gegevens-cijfers) { padding-top: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-gegevenskaarten:has(.gegevens-cijfers) + .site-blok { padding-top: 72px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart { display: flex; flex-direction: column; gap: 2px; min-height: 0; padding: 0 0 0 24px; border: 0; border-left: 1px solid var(--duin-lijn); border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:first-child { padding-left: 0; border-left: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenswaarde { order: -1; font-size: 36px; line-height: 40px; font-weight: 800; letter-spacing: -.36px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskop { font-size: 15px; line-height: 23px; font-weight: 400; color: var(--duin-inkt2); }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:nth-child(3n + 1) { padding-left: 0; border-left: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenswaarde { font-size: 26px; line-height: 30px; }
}
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:nth-child(n) { padding-left: 16px; border-left: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { grid-template-rows: 240px 240px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam { padding: 0 72px 18px 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b { font-size: 24px; line-height: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam b { font-size: 36px; line-height: 41px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categoriepijl { right: 20px; bottom: 18px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .73) 100%); pointer-events: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento :is(.site-categorienaam, .site-categoriepijl) { z-index: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam { background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam small { font-size: 15px; line-height: 23px; color: #f0f0ee; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-categorietegels + .site-blok.soort-snelstart { padding-top: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in a.site-snelstart-tegel { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 74px; margin: 0; padding: 16px 18px; border: 0; border-radius: 12px; background: var(--duin-zand); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel b { display: block; font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel small { display: block; font-size: 13px; line-height: 19.5px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel::after { content: ""; flex: none; width: 20px; height: 20px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; }
@media (max-width: 1023px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-in { grid-template-columns: 1fr; } }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijzin { font-size: 17px; line-height: 25.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorie:has(.duin-hk) { border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorie:has(.duin-hk):hover { box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorie:has(.duin-hk) .site-categoriefoto { aspect-ratio: auto; height: 220px; border-radius: 12px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam.duin-hk { display: grid; gap: 0; padding: 16px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorienaam.duin-hk b { font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-prijs { margin-top: 4px; font-size: 15px; line-height: 22.5px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-prijs b { font-size: 20px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk small { margin-top: 6px; min-height: 45px; font-size: 15px; line-height: 22.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-tal { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hk .duin-hk-tal svg { width: 18px; height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorie:has(.duin-hk) .site-categoriepijl { display: none; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) > :is(.site-rijkop, .site-rijzin) { grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) > .site-chips { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0 0 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) > .duin-hl { grid-column: 1 / -1; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) .site-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) .site-chip { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border: 1px solid var(--duin-lijn); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-producten:has(> .duin-hl) .site-chip.aan { background: var(--nova-inkt); border-color: var(--nova-inkt); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-foto { border-radius: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in > p:not(.site-blok-kopje) { margin-top: 16px; font-size: 20px; line-height: 30px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-in p.site-blok-kopje { margin: 0 0 8px; font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regels { margin-top: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-regel dt svg { width: 24px; height: 24px; margin-bottom: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst { max-width: 1320px; margin: 0 auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst .site-rijkop { margin: 0 0 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-in { display: grid; grid-template-columns: 648px minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-kaart { display: grid; gap: 16px; align-content: start; padding: 28px; border-radius: 12px; background: #fff; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-label { font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-kaart h3 { margin: -8px 0 0; font-size: 24px; line-height: 28.8px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl { display: grid; gap: 10px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-artikel select { width: 100%; height: 48px; padding: 0 40px 0 14px; border: 1px solid var(--duin-lijn2); border-radius: 8px; background-color: #fff; font: inherit; font-size: 17px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-rij { display: grid; grid-template-columns: 84px 20px 120px minmax(0, 1fr); gap: 10px; align-items: center; font-size: 15px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-rij > span:nth-child(2) { text-align: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-rij input, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-lengte { height: 48px; border: 0; border-radius: 8px; background: var(--duin-zand); font: inherit; font-size: 17px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-rij > input { width: 100%; padding: 0 14px; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-lengte { display: flex; align-items: center; gap: 6px; padding: 0 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-lengte input { width: 100%; min-width: 0; height: 46px; padding: 0; background: none; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-lengte em { font-style: normal; font-size: 15px; font-weight: 400; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-uit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 6px; padding: 16px 18px; border-radius: 12px; background: #e8f3ec; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-uit small { display: block; font-size: 13px; line-height: 19.5px; font-weight: 600; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-uit b { display: block; font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-som { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-open { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 17px; font-weight: 700; color: var(--winkel-accent); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-open::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-wagen { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--winkel-accent); color: #fff; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-wagen svg { width: 18px; height: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--duin-lijn); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-links b, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-tarief b { display: block; font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-links span span, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-tarief span span { display: block; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-links i { flex: none; width: 20px; height: 20px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m9 6 6 6-6 6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-links a:hover b { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-tarief > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--duin-lijn); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-tarief em { flex: none; font-style: normal; font-size: 15px; font-weight: 800; white-space: nowrap; color: var(--nova-inkt); }
@media (max-width: 1379px) { .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-in { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-in { grid-template-columns: 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-dienst-kaart { padding: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-uit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-som { flex-wrap: wrap; }
}
@media (min-width: 761px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 560px; border-radius: 12px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-foto { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-in { position: relative; align-self: center; box-sizing: border-box; width: 560px; max-width: calc(100% - 64px); margin: 32px; padding: 32px; border-radius: 12px; background: #fff; display: flex; flex-direction: column; gap: 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-in > * { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-in h2 { font-size: 32px; line-height: 36.8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regels { order: 3; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel { display: block; padding: 12px 14px; border-radius: 8px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel dt { font-size: 16px; line-height: 22px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel dd { margin: 0; font-size: 15px; line-height: 21px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-in > p:not(.site-blok-kopje) { font-size: 16px; line-height: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-knoppen { order: 5; display: flex; flex-wrap: wrap; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-knop-tweede { border-color: var(--duin-lijn); background: #fff; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-berichten-in { gap: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-bericht-foto { overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-bericht-rubriek { position: absolute; left: 0; top: calc(100% + 10px); height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--duin-hout); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-bericht-tekst { padding-top: 42px; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-bericht-naam { font-size: 20px; line-height: 26px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-bericht .cell-sub { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel dt::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel::before { content: none; display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-tekstfoto-regel dt { display: block; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .site-categorienaam.duin-hk > b { font-size: 20px; line-height: 30px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .duin-hk .duin-hk-prijs { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .duin-hk .duin-hk-prijs b { display: inline; font-size: 20px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijzin { max-width: 872px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-artikel select { -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e655f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") right 14px center / 20px no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland { max-width: 1320px; margin: 0 auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland > .shop-kruimels { height: 48px; padding: 0; gap: 2px 10px; font-size: 13px; line-height: 20px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland > .shop-kruimels a { color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland > .shop-kruimels .kruimel-nu { font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-kop { display: grid; grid-template-columns: minmax(0, 700px) minmax(0, 596px); justify-content: space-between; gap: 24px; align-items: stretch; padding: 0 0 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tekst { display: grid; gap: 14px; align-content: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tekst > .site-blok-kopje { margin: 0; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--duin-bruin, #8b5e34); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tekst > h1 { margin: 0; font-size: 44px; line-height: 66px; font-weight: 800; letter-spacing: -.44px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-intro { margin: 0; max-width: 620px; font-size: 17px; line-height: 25.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feiten { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feit { display: grid; grid-template-rows: 1fr auto; align-items: start; gap: 2px; padding: 14px 16px; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feit span { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feit b { font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-foto { margin: 0; min-height: 300px; border-radius: 12px; overflow: hidden; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-soorten { padding: 56px 0; background: var(--duin-zand); box-shadow: 0 0 0 100vmax var(--duin-zand); clip-path: inset(0 -100vmax); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-soortkop { display: grid; gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-soortkop .site-blok-kopje { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-soortkop h2 { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tel { font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegel { display: grid; grid-template-columns: 84px minmax(0, 1fr) 20px; gap: 14px; align-items: center; padding: 14px; border: 1px solid #e6e0d6; border-radius: 12px; background: #fff; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegel:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegelfoto { display: block; width: 84px; height: 63px; border-radius: 8px; overflow: hidden; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegelfoto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegeltekst { display: grid; gap: 2px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegeltekst b { font-size: 15px; line-height: 18.75px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegeltekst small { font-size: 13px; line-height: 19.5px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegel > i { width: 20px; height: 20px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland .catland-blokken { max-width: none; margin: 0; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland .catland-blokken > .site-blok:first-child { margin-top: 0; padding-top: 80px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland .catland-blokken > .site-blok.soort-cta { margin-top: 0; padding: 56px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland .catland-blokken > .site-blok.opm-vlak-grijs { box-shadow: 0 0 0 100vmax var(--duin-zand); clip-path: inset(0 -100vmax); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .duin-tipbalk { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px 24px; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .duin-tipbalk h2 { margin: 0; font-size: 17px; line-height: 25.5px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .duin-tipbalk p { max-width: none; margin: 2px 0 0; font-size: 15px; line-height: 22.5px; color: #3d443f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen { display: flex; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen .site-knop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; margin: 0; padding: 0 24px; border-radius: 8px; font-size: 17px; font-weight: 700; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen .site-knop-tweede { background: #fff; color: var(--nova-inkt); border: 1.5px solid var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen .site-knop svg { width: 20px; height: 20px; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland { padding: 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-kop { grid-template-columns: 1fr; padding-bottom: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tekst > h1 { font-size: 32px; line-height: 38px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-foto { min-height: 0; aspect-ratio: 2 / 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-soorten { padding: 40px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-cta .duin-tipbalk { grid-template-columns: 56px minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-foto { width: 56px; height: 56px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen { grid-column: 1 / -1; flex-wrap: wrap; }
}
@media (max-width: 599px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-tegels { grid-template-columns: 1fr; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-tipbalk-knoppen .site-knop { flex: 1 1 100%; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .duin-hk .duin-hk-prijs { margin-top: 6px; min-height: 45px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento) .duin-hk .duin-hk-prijs b { line-height: 30px; }
@media (max-width: 599px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feiten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feit { padding: 10px 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland-feit b { font-size: 17px; line-height: 24px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel { display: block; min-width: 0; margin: 20px 0 0; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterkaart:has(.shop-filtervorm) > .shop-catgroep { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtervorm { display: grid; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep { margin: 0; padding: 16px 18px; border: 0; border-radius: 12px; background: rgb(245 239 230 / 50%); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep > summary { height: auto; min-height: 22.5px; font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep[open] > summary { margin-bottom: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep > summary svg { width: 16px; height: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterlijst { display: grid; gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterregel { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; height: auto; min-height: 0; margin: 0; padding: 0; font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filternaam { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filteraantal { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filteraantal::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filteraantal::after { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-catvak { display: block; width: 20px; height: 20px; border: 1.5px solid #b6ad9f; border-radius: 4px; background-color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterregel:hover .shop-catvak:not(.shop-kleurvak) { border-color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterregel input:checked + .shop-catvak:not(.shop-kleurvak) { background-color: var(--winkel-accent); border-color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-kleurvak { background-color: var(--kleur, #fff); border: 1px solid rgba(0, 0, 0, .12); border-radius: 50%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-kleurvak::after { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterregel input:checked + .shop-kleurvak { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filteraantal { font-size: 13px; color: #5e655f; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .duin-snel { grid-column: 1 / -1; grid-row: 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijsttitel { font-size: 30px; line-height: 40px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst { margin: 6px 0 0; max-width: 760px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst-in, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst-in p { font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .duin-snel) > .shop-zijbalk { margin-top: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .duin-snel) .shop-lijstbalk { margin-top: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels { gap: 10px; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels a { color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kruimels .kruimel-pijl { width: 13px; height: 13px; background: #5e655f; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catlink { display: inline-flex; align-items: center; gap: 8px; font-size: 17px; line-height: 25.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catlink::after { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catlink:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .duin-catlink { grid-column: 1 / -1; grid-row: 3; justify-self: end; align-self: end; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catlink { margin-top: 12px; white-space: normal; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop { gap: 10px; font-size: 17px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop:hover { text-decoration: none; border-color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-telling { font-weight: 700; color: var(--nova-inkt); }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst { margin-bottom: 80px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijsttitel[data-kopje]::before { content: attr(data-kopje); display: block; margin-bottom: 4px; font-size: 15px; line-height: 22.5px; font-weight: 700; letter-spacing: 0; color: #8b5e34; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijsttitel { font-size: 26px; line-height: 34px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattekst, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .duin-catlink { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel { margin: 14px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk > .shop-balk-filterknop { grid-column: 1; grid-row: 1; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk > select[name="sorteer"] { grid-column: 2; grid-row: 1; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk > .shop-telling { grid-column: 1 / -1; grid-row: 2; font-size: 13px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk > :is(.shop-balk-filterknop, select[name="sorteer"]) { height: 46px; border: 1px solid #cfc8bb; border-radius: 8px; background-color: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk:has(> select[name="sorteer"] option[value=""]:checked) > select[name="sorteer"] { color: transparent; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk:has(> select[name="sorteer"] option[value=""]:checked)::after { content: "Sorteer"; position: relative; z-index: 1; grid-column: 2; grid-row: 1; align-self: center; justify-self: center; padding-right: 26px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--nova-inkt); pointer-events: none; background: no-repeat right center / 16px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b1f1c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>"); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.shop-lijst) .shop-menu { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .duin-waar { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-chip { font-size: 13px; font-weight: 700; white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-chiprij { margin-top: 4px; padding-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) { column-gap: 16px; row-gap: 20px; margin-top: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-specs { font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-titel { font-size: 15px !important; line-height: 19.5px; font-weight: 700; margin: 2px 0 0; min-height: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-tweedeprijs { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer { margin: 24px 0 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop { width: 100%; justify-content: center; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-lijst) { padding-top: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-cattitelrij { padding-top: 0; margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .shop-kaart-spec { margin-top: 8px; font-size: 13px; line-height: 19.5px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-voet { min-height: 0; padding-top: 6px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug:has(> .duin-zoeklade) { left: -1px !important; top: 115px !important; width: calc(100% + 2px) !important; max-width: none; padding: 0; border: 0; border-radius: 0 0 12px 12px; box-shadow: 0 24px 48px rgba(0, 0, 0, .18); overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek:focus-within { border-color: #cfc8bb; box-shadow: none; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade { display: grid; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-groep { padding: 14px 20px 12px; border-top: 1px solid #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-groep:first-child { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-kop { margin: 0 0 4px; padding: 0; font-size: 15px; line-height: 22.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: #8b5e34; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; padding: 7px 0; border: 0; border-radius: 0; background: none; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-geenfoto { width: 56px; height: 42px; border: 0; border-radius: 6px; object-fit: cover; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-tekst { display: grid; gap: 0; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-naam { font-size: 15px; line-height: 19.5px; font-weight: 700; color: var(--nova-inkt); white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-sub { font-size: 13px; line-height: 19.5px; color: #5e655f; white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .duin-sug-prijs { font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .duin-sug-prijs small { font-size: 13px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel:hover .shop-sug-naam { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-chip { display: inline-flex; align-items: center; gap: 4px; height: 34px; padding: 0 12px; border: 1px solid #e6e0d6; border-radius: 999px; background: #fff; font-size: 13px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-chip small { font-size: 13px; font-weight: 500; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-sug-chip:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-regel { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 7px 0; border: 0; font-size: 15px; line-height: 19.5px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-regel::after { content: ""; width: 20px; height: 20px; flex: none; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-alles { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 13px 20px; border: 0; background: var(--duin-zand); font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-alles::after { content: ""; display: block; width: 20px; height: 20px; margin: 0; flex: none; clip-path: none; background: var(--winkel-accent); -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-alles:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug:has(> .duin-zoeklade) { max-height: calc(100vh - 189px); overflow-y: auto; overscroll-behavior: contain; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen { position: relative; display: flex; align-items: center; height: 60px; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100vw; margin-left: -50vw; border-bottom: 1px solid #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; font-size: 15px; line-height: 22.5px; font-weight: 700; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li::after { content: none; display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li + li::before { content: ""; width: 44px; height: 1.5px; margin: 0 14px; background: #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.aan, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.klaar { color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li i { display: grid; place-items: center; width: 26px; height: 26px; border: 1.5px solid #c9c1b3; border-radius: 50%; background: none; font-style: normal; font-size: 13px; font-weight: 800; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.aan i { border-color: var(--winkel-accent); color: var(--winkel-accent); background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.klaar i { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel { margin: 20px 0 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel .wagen-titel { display: block; margin: 0; font-size: 36px; line-height: 54px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel p { margin: 6px 0 0; font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak { display: grid; grid-template-columns: minmax(0, 1fr) 424px; gap: 24px; align-items: start; margin-bottom: 80px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .wagen-regels { display: grid; gap: 20px; margin: 0; padding: 0; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep { margin: 0; border: 1px solid #e6e0d6; border-radius: 12px; overflow: hidden; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep + .duin-wagengroep { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 50px; padding: 14px 20px; border: 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop h2 { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; line-height: 22.5px; font-weight: 700; letter-spacing: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop h2::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep:is(.is-leverancier, .is-centraal) .duin-wagengroep-kop h2::before { background: #9a5d06; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop small { font-size: 13px; line-height: 19.5px; color: #5e655f; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel { display: grid; grid-template-columns: 88px minmax(0, 1fr) 124px 124px 96px 24px; grid-template-rows: auto; column-gap: 16px; align-items: center; margin: 0; padding: 16px 20px; border: 0; border-top: 1px solid #e6e0d6; border-radius: 0; background: none; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop + .duin-wagenregel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .is-los > .duin-wagenregel:first-child { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel > * { grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-fotolink, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel > .wagen-foto { grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-foto { display: block; width: 88px; height: 66px; padding: 0; border: 0; border-radius: 8px; background: var(--duin-zand); object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-kern { grid-column: 2; min-width: 0; display: grid; gap: 0; justify-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-naam { font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-naam:hover { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .cell-sub { margin: 0; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-opmaat { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 2px 10px; border-radius: 12px; background: #e8f3ec; color: #0b6230; font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-aantalvorm { grid-column: 3; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller { display: grid; grid-template-columns: 36px 48px 36px; width: 124px; height: 40px; padding: 0; border: 1px solid #cfc8bb; border-radius: 8px; background: #fff; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller button { width: 36px; height: 38px; padding: 0; border: 0; background: none; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller input { width: 48px; height: 38px; padding: 0; border: 0; border-left: 1px solid #e6e0d6; border-right: 1px solid #e6e0d6; border-radius: 0; font-size: 17px; font-weight: 800; text-align: center; color: var(--nova-inkt); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-stuk { grid-column: 4; display: block; font-size: 13px; line-height: 19.5px; color: #5e655f; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-totaal { grid-column: 5; font-size: 17px; line-height: 25.5px; font-weight: 800; color: var(--nova-inkt); text-align: right; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-wegvorm { grid-column: 6; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-weg { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: none; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-weg:hover { color: #b42318; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder .wagen-terug { display: inline-flex; margin: 0; font-size: 17px; line-height: 25.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder .wagen-terug:hover { text-decoration: underline; text-underline-offset: 3px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder > span { font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder > span a { color: inherit; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling { position: sticky; top: 16px; display: grid; gap: 14px; margin: 0; padding: 24px; border: 0; border-radius: 12px; background: var(--duin-zand); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling-kop { margin: 0; font-size: 24px; line-height: 28.8px; font-weight: 800; letter-spacing: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuzes { display: grid; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px 14px; border: 1px solid #e6e0d6; border-radius: 10px; background: #fff; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze:hover { border-color: #b6ad9f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze.aan { padding: 11px 13px; border: 2px solid var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze i { width: 20px; height: 20px; border: 1.5px solid #b6ad9f; border-radius: 50%; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze.aan i { border: 6px solid var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze span { display: grid; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze b { font-size: 15px; line-height: 22.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze small { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuze em { font-style: normal; font-size: 15px; line-height: 22.5px; font-weight: 800; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-telling-lijf { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-rij { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 0; border: 0; font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-rij > span:first-child { color: #5e655f; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-rij > .num { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-totaalrij { margin-top: 4px; padding-top: 12px; border-top: 1px solid #ece3d5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-totaalrij > span:first-child { font-size: 17px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-totaalrij > .num { font-size: 32px; line-height: 48px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenbtw { margin-top: -6px; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-telling-voet { display: grid; gap: 12px; margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-afrekenen { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 52px; padding: 0 24px; border-radius: 8px; font-size: 17px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .wagen-afrekenen::after { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling .betaalmerken-wagen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenkorting > summary { cursor: pointer; font-size: 13px; line-height: 19.5px; color: #5e655f; text-decoration: underline; text-underline-offset: 3px; list-style: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenkorting > summary::-webkit-details-marker { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenkorting[open] > summary { margin-bottom: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .wagen-plakbalk { display: none; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak { grid-template-columns: minmax(0, 1fr); margin-bottom: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentelling { position: static; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop { flex-wrap: wrap; padding: 12px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel .wagen-titel { font-size: 28px; line-height: 38px; }
}
@media (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel { grid-template-columns: 72px minmax(0, 1fr) auto; grid-template-rows: auto auto; row-gap: 10px; column-gap: 12px; padding: 14px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-foto { width: 72px; height: 54px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-kern { grid-column: 2 / 4; grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-aantalvorm { grid-column: 1 / 3; grid-row: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-stuk { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-totaal { grid-column: 3; grid-row: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-wegvorm { grid-column: 3; grid-row: 1; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-kern { padding-right: 32px; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel { grid-template-columns: 88px minmax(0, 1fr) 124px 96px 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-stuk { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-totaal { grid-column: 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-wegvorm { grid-column: 5; }
}
@media (min-width: 1280px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel > :is(.wagen-stuk, .wagen-totaal, .wagen-wegvorm, .wagen-aantalvorm, .wagen-kern) { align-self: center; margin: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li + li::before { opacity: 1; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.duin-wagenvlak) .shop-menu, .winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.duin-wagenvlak) .shop-header .shop-zoek { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep-kop small { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel { margin: 16px 0 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel .wagen-titel { font-size: 30px; line-height: 45px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagentitel p { margin-top: 2px; font-size: 13px; line-height: 19.5px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro { display: block; padding: 0 0 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro .duin-wagenstappen { margin-bottom: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro h1 { margin: 0; font-size: 36px; line-height: 54px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro .afr-zin { margin: 6px 0 0; font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro .afr-zin span { margin-left: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro .afr-zin a { font-weight: 800; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie { display: grid; gap: 16px; padding: 24px 28px 28px; border: 1px solid #e6e0d6; border-radius: 12px; background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header { display: block; margin: 0; padding: 0; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header i { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header h2 { margin: 0; font-size: 24px; line-height: 36px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie > header p { margin: 2px 0 0; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-seg { display: inline-flex; gap: 0; width: auto; padding: 3px; border: 0; border-radius: 999px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-seg label { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-seg label span { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: none; font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-seg input:checked + span { background: #fff; color: var(--nova-inkt); box-shadow: 0 1px 3px rgba(0, 0, 0, .13); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-raster { gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-veld { gap: 5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-label { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-veld :is(input:not([type=checkbox]):not([type=radio]), select), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie :is(input[type=text], input[type=email], input[type=tel], select) { height: 46px; border: 1px solid #cfc8bb; border-radius: 8px; font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie textarea { border: 1px solid #cfc8bb; border-radius: 8px; font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuzes { display: grid; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; column-gap: 10px; align-items: center; min-height: 0; padding: 12px 14px; border: 1px solid #e6e0d6; border-radius: 10px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze:has(input:checked) { padding: 11px 13px; border: 2px solid var(--winkel-accent); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze .afr-radio { width: 20px; height: 20px; border: 1.5px solid #b6ad9f; border-radius: 50%; background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze:has(input:checked) .afr-radio { border: 6px solid var(--winkel-accent); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze .afr-radio::after { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze b { font-size: 15px; line-height: 22.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze small { font-size: 13px; line-height: 19.5px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-keuze em { font-style: normal; font-size: 15px; font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling { padding: 24px; border: 0; border-radius: 12px; background: var(--duin-zand); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling h3 { font-size: 24px; line-height: 28.8px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling h3 span { font-size: 13px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling h3 a { font-size: 13px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel .afr-geenfoto { width: 56px; height: 42px; padding: 0; border: 0; border-radius: 8px; background: #fff; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel b { font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel small { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel .afr-aantal { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-regel .afr-prijs { font-size: 15px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen :is(dt, dd) { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dt:not(.tot) { color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dd:not(.tot) { font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dt.tot { font-size: 17px; font-weight: 400; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-totalen dd.tot { font-size: 32px; line-height: 48px; font-weight: 800; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling :is(.afr-trust, .afr-logos) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling .afr-knop { height: 52px; font-size: 17px; border-radius: 8px; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-vorm { grid-template-columns: minmax(0, 1fr) 424px; gap: 24px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .afr > .afr-intro > .duin-wagenstappen) { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie .afr-seg { justify-self: start; width: max-content; max-width: 100%; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li:not(.aan) span { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li + li::before { width: 24px; margin: 0 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro h1 { font-size: 30px; line-height: 45px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-sectie { padding: 20px 16px 20px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li + li::before { clip-path: none; -webkit-mask: none; mask: none; transform: none; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel:has(.duin-melding) { width: 480px; max-width: 100vw; padding: 0; border-radius: 16px 0 0 16px; background: #fff; box-shadow: -24px 0 48px rgba(0, 0, 0, .18); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel:has(.duin-melding) > .wagen-paneel-kop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel:has(.duin-melding) .wagen-paneel-in { padding: 0; overflow-y: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-waas { background: rgba(27, 31, 28, .6); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-kop { display: flex; align-items: center; justify-content: space-between; height: 68px; padding: 0 24px; border-bottom: 1px solid #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-kop b { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-kop b i { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-sluit { display: grid; place-items: center; width: 44px; height: 44px; margin-right: -10px; padding: 0; border: 0; background: none; color: var(--nova-inkt); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-in { display: grid; gap: 16px; padding: 20px 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-regel { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 14px; align-items: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-regel img, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-geenfoto { display: block; width: 88px; height: 66px; border-radius: 8px; background: var(--duin-zand); object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-regel b { display: block; font-size: 15px; line-height: 22.5px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-regel small { display: block; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-som { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid #e6e0d6; border-bottom: 1px solid #e6e0d6; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-naar { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 52px; border-radius: 8px; font-size: 17px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-naar::after { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-verder { width: 100%; height: 52px; margin-top: -8px; border: 1px solid #e6e0d6; border-radius: 8px; background: #fff; font: inherit; font-size: 17px; font-weight: 700; color: var(--nova-inkt); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-verder:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-erbij { display: grid; gap: 8px; margin-top: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-erbij > p { margin: 0 0 2px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: #8b5e34; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin: 0; padding: 12px 16px; border: 1px solid #e6e0d6; border-radius: 10px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra-foto img { display: block; width: 56px; height: 42px; border-radius: 6px; background: var(--duin-zand); object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra span { display: grid; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra span a { font-size: 15px; line-height: 20px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra span small { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #e6e0d6; border-radius: 50%; background: #fff; color: var(--winkel-accent); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-melding-extra button:hover { border-color: var(--winkel-accent); }
@media (max-width: 520px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-paneel:has(.duin-melding) { width: 100vw; border-radius: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp { order: 3; margin: 0; padding: 0; border: 1px solid #e6e0d6; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: none; max-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 16px 18px; background: #0b6230; color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop h2 { margin: 0; font-size: 17px; line-height: 25.5px; font-weight: 800; letter-spacing: 0; color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop p { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-raster { display: block; margin: 0; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stappen { display: block; width: auto; gap: 0; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap { margin: 0; border: 0; border-top: 1px solid #e6e0d6; border-radius: 0; background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap:first-child { border-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop { column-gap: 12px; padding: 14px 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-bol { width: 28px; height: 28px; flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-naam b { font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-naam span { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stapprijs { font-size: 15px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-lijf { padding: 0 18px 18px 58px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-opties { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie { display: grid; grid-template-columns: minmax(0, 1fr); align-content: center; gap: 0; min-height: 54px; padding: 8px 12px; border: 1px solid #cfc8bb; border-radius: 8px; background: #fff; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie.sm-aan { padding: 7px 11px; border: 2px solid var(--winkel-accent); background: #e8f3ec; box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie :is(.sm-vink, .sm-optie-foto, .sm-optie-leeg, .sm-optie-zin) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie-naam { padding: 0; font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie-prijs { position: static; padding: 0; font-size: 13px; line-height: 19.5px; font-weight: 400; font-style: normal; color: #5e655f; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie { grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie::before { content: ""; grid-row: 1 / span 3; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .12); background: #d9bf93; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie > :not(.sm-vink, .sm-optie-foto, .sm-optie-leeg, .sm-optie-zin) { grid-column: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="ruin" i]::before { background: #7a4a2a; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="roen" i]::before { background: #7d8a4a; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="rijs" i]::before { background: #8e8e88; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="red class" i]::before { background: #b0553a; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="oninggeel" i]::before { background: #d9a441; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="wart" i]::before { background: #2a2a28; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur] .sm-optie[data-naam*="wit" i]::before { background: #f4f2ec; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur][data-sm-maat] .sm-optie { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur][data-sm-maat] .sm-optie::before { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[data-sm-kleur][data-sm-maat] .sm-optie > :not(.sm-vink, .sm-optie-foto, .sm-optie-leeg, .sm-optie-zin) { grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-samvat { margin: 0; padding: 16px 18px; border: 0; border-top: 1px solid #e6e0d6; border-radius: 0; background: var(--duin-zand); box-shadow: none; position: static; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-samvat-kop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-samvat-lijf { display: grid; gap: 10px; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-regel { padding: 3px 0; font-size: 13px; line-height: 19.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-regel span { color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-tot { display: flex; align-items: baseline; justify-content: space-between; padding-top: 10px; border-top: 1px solid #ece3d5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-tot-l { display: flex; align-items: baseline; justify-content: space-between; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-tot small { font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-tot b { font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -.01em; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-knoppen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-knop { height: 52px; border-radius: 8px; font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-knop-rand { border: 1.5px solid var(--nova-inkt); background: #fff; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-rij { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info:has(.sm-pdp) > .pdp-bezorg { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenprijs .duin-samenbasis { font-size: 15px; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-samenprijs .pdp-tweedeprijs { margin: 2px 0 0; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px; margin-top: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten > div { display: grid; gap: 2px; padding: 13px 15px; border: 1px solid var(--duin-lijn); border-radius: 12px; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten span { font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten b { font-size: 20px; line-height: 30px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: center; margin-top: 24px; padding: 16px; border: 1px solid #e6e0d6; border-radius: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past.zonder-foto { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past img { display: block; width: 300px; height: 225px; border-radius: 8px; object-fit: contain; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past b { display: block; font-size: 20px; line-height: 30px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past p { margin: 4px 0 8px; font-size: 15px; line-height: 22.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past ul { margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 22.5px; color: var(--nova-inkt); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten > :nth-child(3):last-child { grid-column: 1 / -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-past img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-lijf { padding: 0 14px 14px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-pagina > .site-blok.soort-hero:first-child) { padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-dias, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-dia { height: 460px !important; min-height: 0 !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-waas { background: linear-gradient(180deg, rgba(15, 61, 34, .25) 0%, rgba(15, 61, 34, .9) 58%, rgba(15, 61, 34, .95) 100%); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-in { top: auto; bottom: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-knoppen { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-oog { font-size: 13px; line-height: 19.5px; color: #e9d6b8; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero h1 { margin-top: 12px; font-size: 36px; line-height: 39.6px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero .site-hero-tekst { margin-top: 12px; font-size: 15px; line-height: 22.5px; color: #eef3ef; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { margin-top: -12px; gap: 10px; border-radius: 12px; box-shadow: 0 10px 28px rgba(0, 0, 0, .12); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker :is(.site-maatzoeker-kop small, .site-maatzoeker-soort, .site-maatzoeker-chipskop, .site-maatzoeker-veld em) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld { background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chip { height: 44px; font-weight: 700; border-width: 1px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-gegevenskaarten:has(.gegevens-cijfers) { padding-top: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskaarten-in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskaart { gap: 0; padding: 12px 14px; border: 0; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskaart::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskaart::after { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskaart:nth-child(n+5) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenswaarde { font-size: 24px; line-height: 36px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .gegevens-cijfers .site-gegevenskop { font-size: 13px; line-height: 19.5px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok:not(.soort-hero):not(.soort-maatzoeker):not(:has(.gegevens-cijfers)) { padding-block: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok-kopje { font-size: 15px; line-height: 22.5px; margin-bottom: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop h2 { line-height: 31.2px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop { margin-bottom: 18px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-rijkop + :not(.site-rijzin) { margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 128px; gap: 12px; margin-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child { grid-column: auto; grid-row: auto; position: relative; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-rijlink { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .73)); pointer-events: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam { z-index: 1; padding: 0 12px 10px; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child .site-categorienaam b { font-size: 17px; line-height: 22px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam small, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorieknop-pijl { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:has(.site-categoriefoto:empty) { display: grid; align-content: end; padding: 12px; background: #0b6230; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:has(.site-categoriefoto:empty)::after { content: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:has(.site-categoriefoto:empty) .site-categoriefoto { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:has(.site-categoriefoto:empty) .site-categorienaam { position: static; display: flex; flex-direction: column-reverse; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:has(.site-categoriefoto:empty) .site-categorienaam small { display: block; font-size: 13px; line-height: 19.5px; color: #cfe3d6; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto .site-hero-dias, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero.metfoto .site-hero-dia { height: 460px !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaarten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:first-child { gap: 0; padding: 12px 14px; border: 0; border-radius: 12px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:nth-child(n+5) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenswaarde { font-size: 24px; line-height: 36px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskop { font-size: 13px; line-height: 19.5px; font-weight: 400; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij:has(.duin-hl) :is(.site-chips, .site-rijzin) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij:nth-of-type(n+6) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-areas: "maat naam prijs" "maat lengte prijs"; gap: 0 10px; align-items: center; padding: 12px 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij :is(.duin-hl-foto, .duin-hl-voorraad, .duin-hl-naar, .duin-hl-naam > span, .duin-hl-prijs small) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-maat { grid-area: maat; font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-maat small { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-naam { grid-area: naam; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-naam b { font-size: 13px; line-height: 17.55px; font-weight: 400; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-lengte { grid-area: lengte; align-self: start; font-size: 13px; line-height: 17.55px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs { grid-area: prijs; display: grid; justify-items: end; font-size: 17px; line-height: 25.5px; font-weight: 800; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs::after { content: "per meter"; font-size: 13px; line-height: 19.5px; font-weight: 500; color: #5e655f; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band { display: flex; flex-direction: column; align-items: stretch; gap: 0; height: auto; min-height: 0; padding: 0; overflow: visible; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-tekstfoto-in { display: contents; position: static; transform: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-blok-kopje { order: 0; margin: 0 0 4px; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band h2 { order: 1; margin: 0 0 18px; font-size: 26px; line-height: 31.2px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-tekstfoto-foto { order: 2; position: static; width: 100%; height: 220px; border-radius: 12px; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-tekstfoto-in > p:not(.site-blok-kopje) { order: 3; margin: 16px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-tekstfoto-regels { order: 4; margin: 16px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-tekstfoto-knoppen { order: 5; flex-direction: column; margin-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekstfoto .site-tekstfoto.is-band .site-knop { width: 100%; justify-content: center; font-size: 17px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in:has(> .shop-voet-vak.soort-foto) { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 20px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-foto img { width: 100%; height: 100%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .shop-voet-vak.soort-kanaal:not(.soort-foto + .soort-kanaal, .soort-foto + .soort-kanaal + .soort-kanaal + .soort-kanaal) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .shop-voet-vak.soort-kanaal { display: block; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .shop-voet-vak.soort-kanaal::before { content: "Advies van vakmensen"; display: block; font-size: 13px; line-height: 19.5px; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .shop-voet-vak.soort-kanaal :is(svg, .shop-voet-icoon) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .shop-voet-vak.soort-kanaal b { font-size: 20px; line-height: 30px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .shop-voet-vak.soort-kanaal span::before { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap { padding: 28px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > div { border-bottom-color: #ece3d5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap .shop-voet-kolomkop { font-size: 15px; font-weight: 800 !important; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap .shop-voet-kolomkop::after { width: 20px; height: 20px; transform: none; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer-in.duin-voet-klap > .duin-voet-open .shop-voet-kolomkop::after { transform: none; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M5 12h14'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M5 12h14'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder { border-top: 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder :is(.betaalmerk, .betaalmerk-woord) { height: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-onder .shop-voet-onder-in { padding: 16px 0 28px; line-height: 20.8px; color: #5e655f; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak { padding: 0 0 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak > .shop-lade-kop { margin: 0; padding: 0 8px; border-bottom: 1px solid #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-kop .shop-lade-sluit { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-logo { min-height: 44px; margin-left: 5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-logo img { height: 36px; width: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-wagen { margin: 0 0 0 auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek { display: flex; align-items: center; justify-content: space-between; gap: 0; height: 46px; margin: 12px 16px 0; padding: 0 0 0 14px; border: 1px solid #cfc8bb; border-radius: 8px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek input { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; background: none; font: inherit; font-size: 16px; color: var(--nova-inkt); outline: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek input::placeholder { font-size: 14px; color: #7a817b; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-kopje { margin: 0; padding: 18px 16px 6px; font-size: 15px; line-height: 22.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: #8b5e34; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-lijst { margin: 0; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel { display: flex; align-items: center; gap: 0; height: auto; min-height: 50px; margin: 0; padding: 6px 16px; border: 0; border-bottom: 1px solid #e6e0d6; border-radius: 0; background: none; font-size: 17px; font-weight: 700; color: var(--nova-inkt); text-align: left; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-klein .shop-lade-regel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-tweede .shop-lade-regel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-tweede .shop-lade-regel.menu-accent { height: auto; min-height: 44px; font-size: 15px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-tal { margin-left: auto; font-size: 13px; font-weight: 500; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel .shop-lade-pijl { display: inline-block; width: 18px; margin-left: 10px; font-size: 0; color: transparent; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel .shop-lade-pijl::before { content: ""; display: block; width: 18px; height: 18px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel:not(:has(.duin-lade-tal)) .shop-lade-pijl { margin-left: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-bel.met-vakman { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: center; margin: 16px; padding: 16px; border-radius: 12px; background: var(--duin-zand); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-bel.met-vakman img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-bel.met-vakman b { display: block; font-size: 17px; line-height: 25.5px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-bel.met-vakman small { display: block; font-size: 15px; line-height: 22.5px; color: #3d443f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-regel::after { content: none; display: none; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.shop-pdp) .shop-menu { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > .shop-kruimels { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) { display: flex; flex-direction: column; padding-top: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .shop-pdp:has(> .shop-pdp-beeld):has(> .shop-pdp-info) { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld > .pdp-galerij { order: -2; position: relative; display: block; max-width: none; margin: 0 -16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main > .pdp-duin-kop { order: -1; width: auto; max-width: none; margin: 0; padding: 18px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > :is(.pdp-uitleg-sectie, .pdp-verwant, .sm-pdp, .duin-verwant) { order: 5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-info { order: 1; margin-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-beeld > :not(.pdp-galerij) { order: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-fotokaart { height: 300px; aspect-ratio: auto; border-radius: 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-fotokaart :is(.pdp-fotoknop, .pdp-hoofdfoto) { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-fotokaart .pdp-pijl { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-strook { position: absolute; left: 0; right: 0; bottom: 12px; margin: 0; display: flex; justify-content: center; gap: 6px; z-index: 1; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-mini { width: 7px; height: 7px; min-width: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(27, 31, 28, .25); box-shadow: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-mini.aan { background: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-mini :is(img, span) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop .pdp-duin-voorraad { order: -1; margin: 0 0 16px; font-size: 15px; line-height: 22.5px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop h1 { font-size: 24px; line-height: 30px; letter-spacing: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-kop :is(.pdp-duin-meta, .pdp-meta) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info { gap: 16px; padding-bottom: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > * { margin-top: 0; margin-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info > :is(.shop-usp-lijst, .pdp-knoppenrij, .pdp-hulp, .pdp-duin-vakmini) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken { padding: 16px 18px; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop b { font-size: 15px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij { grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr); gap: 6px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij > .duin-vreken-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij > button { grid-column: 1 / -1; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; height: 48px; padding: 0 14px; border: 0; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label input { flex: 1; min-width: 0; width: auto; font-size: 17px; font-weight: 400; background: none; border: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-rij label span { flex: none; font-size: 15px; color: #5e655f; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-uit { font-size: 15px; line-height: 22.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg { padding: 0; border: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg :is(.pdp-bezorg-icoon-vlak, .pdp-bezorg-retourregel, .pdp-bezorg-vink) { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij:not(.pdp-vtabel-kop) { display: grid; grid-template-columns: 62px minmax(0, 1fr) 138px; grid-template-rows: auto auto; column-gap: 8px; row-gap: 0; align-items: center; min-height: 62px; margin: 0; padding: 0 10px 0 12px; border: 1px solid #e6e0d6; border-top: 0; border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst :is(.pdp-assen, .duin-vreken, .pdp-vtabel-kop) + .pdp-vtabel-rij:not(.pdp-vtabel-kop) { border-top: 1px solid #e6e0d6; border-radius: 12px 12px 0 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-kop { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-naam { grid-column: 1; grid-row: 1 / 3; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-naam b { font-size: 17px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-prijs { grid-column: 2; grid-row: 1; align-self: end; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-prijs b { font-size: 15px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-prijs :is(small, .pdp-vtabel-permeter) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-levering { grid-column: 2; grid-row: 2; align-self: start; margin: 0; font-size: 13px; font-weight: 700; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-aantal { grid-column: 3; grid-row: 1 / 3; justify-self: end; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller { display: grid; grid-template-columns: 44px 48px 44px; width: 138px; height: 40px; padding: 0; border: 1px solid #cfc8bb; border-radius: 8px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller button { width: 44px; height: 38px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller input { width: 48px; height: 38px; border: 0; border-inline: 1px solid #e6e0d6; border-radius: 0; font-size: 17px; font-weight: 800; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij.gekozen { background: #f3f9f5; box-shadow: inset 3px 0 0 var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .duin-vtabel-zaag { margin: 0; border: 1px solid #e6e0d6; border-top: 0; border-radius: 0 0 12px 12px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-naam { align-self: center; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-acc-extra { display: none; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc { display: block; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #e6e0d6; border-radius: 0; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc > .duin-acc-kop { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; margin: 0; padding: 0; font-size: 17px; line-height: 25.5px; font-weight: 800; letter-spacing: 0; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc > .duin-acc-kop::after { content: ""; width: 20px; height: 20px; flex: none; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc.duin-acc-open > .duin-acc-kop::after { -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M5 12h14'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M5 12h14'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc:not(.duin-acc-open) > :not(.duin-acc-kop) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc.duin-acc-open { padding-bottom: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .duin-acc .duin-acc-dubbel { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-duin-past.duin-acc.duin-acc-open { display: grid; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-duin-past.duin-acc { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-duin-past > .duin-acc-extra { display: flex; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > :not(.duin-acc) + .duin-acc { border-top: 1px solid #e6e0d6; margin-top: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item { grid-template-columns: 20px 56px minmax(0, 1fr) auto; column-gap: 12px; padding: 12px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item > .pdp-uitleg-compleet-prijs { grid-column: 4; grid-row: 1; align-self: center; font-size: 15px; font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-foto, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-foto img { width: 56px; height: 42px; border-radius: 6px; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-naam { font-size: 15px; font-weight: 700; line-height: 19.5px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-chiptekst { min-width: 0; white-space: normal; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .duin-waar { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-verhaal.duin-acc:not(.duin-acc-open) + .pdp-duin-tip { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > :is(.pdp-verwant, .duin-verwant) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles { padding: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant-alles b { font-size: 19px; overflow-wrap: break-word; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .cell-sub { display: block; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-stap-kort { display: none; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-stap-lang { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-stap-kort { display: inline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen { height: auto; margin: 0 -16px; padding: 12px 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen { justify-content: space-between; width: 100%; gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li { gap: 4px; font-size: 13px; line-height: 20px; font-weight: 700; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li + li::before { content: none; display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li:not(.aan) span.duin-stap-kort { display: inline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li i { width: auto; height: auto; border: 0; border-radius: 0; background: none; color: inherit; font-size: 13px; font-weight: inherit; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.aan { color: var(--nova-inkt); font-weight: 800; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.klaar i { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li a { display: inline-flex; gap: 4px; color: inherit; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .wagen-plakbalk { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenstappen .afr-stappen li.klaar i { border: 0; background: none; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.afr-intro .duin-wagenstappen) .shop-menu, .winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.afr-intro .duin-wagenstappen) .shop-header .shop-zoek { display: none; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-knoppen { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-duin-feiten { display: none; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop .sm-teller { flex: none; font-size: 13px; line-height: 19.5px; color: #cfe3d6; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop { display: flex; align-items: center; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop .sm-stap-naam { flex: 1 1 auto; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop > .sm-ico { flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-duim { flex: none; width: 44px; height: 33px; border-radius: 6px; object-fit: cover; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-duim[hidden] { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stapprijs { flex: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-wijzig { flex: none; margin-left: -4px; font-size: 13px; line-height: 19.5px; font-weight: 800; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-wijzig[hidden] { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap:has(.sm-wijzig:not([hidden])) .sm-stap-kop > .sm-ico { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie .sm-optie-zin { display: block; padding: 0; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-optie[hidden], .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap[hidden] { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-deelrij { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-deelrij .sm-deel { display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 0; border: 0; background: none; font: inherit; font-weight: 800; color: var(--winkel-accent); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-deelrij .sm-deel[hidden] { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-verplichtzin { margin: 0; font-size: 13px; line-height: 19.5px; font-weight: 700; color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-knop[disabled] { opacity: .45; cursor: not-allowed; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-naam span { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-chip { white-space: normal; max-width: 100%; height: auto; min-height: 26px; overflow: visible; text-overflow: clip; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-naam span { overflow-wrap: break-word; }
@media (max-width: 640px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop { flex-wrap: wrap; row-gap: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap-kop .sm-stap-naam { flex: 1 1 calc(100% - 96px); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stapprijs:not(:empty) { margin-left: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-stap:has(.sm-stap-duim:not([hidden])) .sm-stapprijs:not(:empty) { margin-left: 96px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .sm-conf .sm-alt b { display: block; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: break-word; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij { grid-template-columns: minmax(0, 1fr) 132px 124px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-kop > :nth-child(3) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij:not(.pdp-vtabel-kop) { grid-template-rows: auto auto; row-gap: 0; padding-top: 10px; padding-bottom: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij > .pdp-vtabel-naam { grid-column: 1; grid-row: 1 / 3; align-self: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij > .pdp-vtabel-prijs { grid-column: 2; grid-row: 1; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij > .pdp-vtabel-levering { grid-column: 2; grid-row: 2; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto) .pdp-vtabel-rij > .pdp-vtabel-aantal { grid-column: 3; grid-row: 1 / 3; align-self: center; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij:not(.pdp-vtabel-kop) { grid-template-columns: minmax(0, 1fr) 138px; grid-template-rows: auto auto auto; row-gap: 2px; padding-top: 10px; padding-bottom: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij > .pdp-vtabel-naam { grid-column: 1 / -1; grid-row: 1; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij > .pdp-vtabel-prijs { grid-column: 1; grid-row: 2; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij > .pdp-vtabel-levering { grid-column: 1; grid-row: 3; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij > .pdp-vtabel-aantal { grid-column: 2; grid-row: 2 / 4; align-self: center; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--duin-lijn); border-left: 3px solid var(--winkel-accent); border-radius: 12px; background: #f3f9f5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-kern { display: grid; gap: 2px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-kern small { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-kern b { font-size: 17px; line-height: 25.5px; font-weight: 800; color: var(--nova-inkt); overflow-wrap: break-word; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-kern span { font-size: 14px; line-height: 21px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-weg { margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagensamen-tag { margin-top: 2px; font-size: 13px; line-height: 19.5px; font-weight: 700; color: var(--winkel-accent); overflow-wrap: break-word; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .offerte-samentotaal { margin: 14px 0 0; font-size: 15px; line-height: 22.5px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .offerte-samentotaal b { font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
@media (min-width: 1024px) and (max-width: 1439px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek { flex: 1 1 auto; width: auto; min-width: 0; max-width: 648px; margin-right: 32px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu { height: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-in { height: auto; min-height: 52px; flex-wrap: wrap; column-gap: 8px; row-gap: 0; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-paneel-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop { font-size: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst)[data-per-rij="4"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-paneel-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop { font-size: 13px; }
}
@media (min-width: 1024px) and (max-width: 1149px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-paneel-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop { font-size: 13px; }
}
@media (max-width: 1439px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs { flex-wrap: wrap; row-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .nova-vanaf { flex: 0 0 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-prijs .btw-inline { white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-tegels, .site-producten-in):not(.als-lijst) .shop-kaart .nova-prijsvak:not(:has(.nova-vanaf)) { padding-top: 19.5px; }
}
@media (min-width: 761px) and (max-width: 1199px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-hero.site-hero, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok .site-hero.site-hero :is(.site-hero-dias, .site-hero-dia) { height: 640px !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek { margin-right: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek input { font-size: 14px; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-vorm { flex-wrap: wrap; width: 100%; gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-kop { width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-veld + .site-maatzoeker-x + .site-maatzoeker-veld { flex: 1 1 0; width: auto; min-width: 0; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-info { align-self: stretch; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijstbalk select { min-width: 232px; }
}
@media (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-label { line-height: 18px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp > .shop-pdp-info.pdp-info-mee { position: static; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-subtegel { min-height: 48px; height: auto; padding: 6px 16px 6px 6px; gap: 10px; border-radius: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-subtegel .shop-subtegel-beeld { width: 36px; height: 36px; flex: none; border-radius: 8px; overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-subtegel .shop-subtegel-beeld img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-subtegel b { font-size: 14px; line-height: 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-verwant .duin-verwant-rij > .shop-kaart { padding: 12px 12px 16px; border-radius: 12px; background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel .site-snelstart-icoon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px; background: #fff; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel .site-snelstart-icoon svg { width: 22px; height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel:has(.site-snelstart-icoon) { justify-content: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-snelstart-tegel .site-snelstart-icoon + span { flex: 1 1 auto; min-width: 0; }
@media (min-width: 1024px) and (max-width: 1399px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten:has(> :nth-child(4)) { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) and (max-width: 1179px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten:has(> :nth-child(3)) { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-feiten > :nth-child(3):last-child { grid-column: 1 / -1; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip { align-items: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip::before { margin-top: 7.25px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-koopblok > .pdp-prijsvak { padding-bottom: 0; border-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-subtegels { display: block; min-width: 0; overflow: visible; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijstkolom .shop-subtegels { margin: 0 0 4px; padding: 0; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-lijsttitel { font-size: 26px; line-height: 34px; letter-spacing: 0; }
}
@media (min-width: 1024px) and (max-width: 1399px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-rechts > .shop-mededeling-tekst:nth-child(2) { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling-in > .shop-mededeling-deel:nth-child(3) { display: none; }
}
@media (max-width: 1339px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker { flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-maatzoeker-chips { margin-left: 0; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorien-in { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 300px; grid-auto-rows: 216px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorie:first-child { grid-column: 1 / -1; grid-row: auto; }
}
@media (min-width: 1024px) and (max-width: 1339px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-uit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl { container-type: inline-size; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop:has(> i) b { padding-right: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.duin-vgl-kop b, .duin-vgl-cel) { overflow-wrap: break-word; hyphens: auto; }
@container (max-width: 739px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop i { position: static; justify-self: start; order: -1; margin-bottom: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop:has(> i) b { padding-right: 0; }
}
@container (max-width: 639px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij { grid-template-columns: repeat(var(--duin-vgl-n, 3), minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij.is-kop > :not(.duin-vgl-kop) { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij.is-kop > :not(.duin-vgl-kop) + .duin-vgl-kop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-label + .duin-vgl-cel { border-left: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij > * { padding: 10px 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-label { grid-column: 1 / -1; padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-label ~ .duin-vgl-cel { padding-top: 2px; }
}
@container (max-width: 419px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-rij > * { padding-left: 10px; padding-right: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vgl-kop b { font-size: 14px; line-height: 20px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk .pdp-koopbalk-naam b { white-space: normal; overflow: visible; text-overflow: clip; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.bento .site-categorienaam b { white-space: normal; overflow: visible; text-overflow: clip; }
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-in { width: auto; flex-wrap: wrap; justify-content: space-between; column-gap: 16px; row-gap: 0; height: auto; min-height: 44px; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-paneelknop { border-bottom: 2px solid transparent; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-schuif-bel { font-size: 13px; }
.winkel.terra.stramien-duin.duin-plekken:is(.stramien-duin, #duin) .shop-tegels:not(.als-lijst) .shop-kaart .nova-chiprij { min-height: 45px; align-items: flex-start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .nova-chip.duin-plek-lev::before { background: transparent; box-shadow: inset 0 0 0 2px currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-stip.duin-plek-lev::before { background: transparent; box-shadow: inset 0 0 0 2px currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-duin-voorraad.duin-plek-lev::before { background: transparent; box-shadow: inset 0 0 0 2px currentColor; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-plek-lev { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-plek-lev i { background: transparent; box-shadow: inset 0 0 0 2px var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-plek-aanvraag { color: var(--duin-oker); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel-levering.duin-plek-aanvraag i { background: var(--duin-oker); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin.duin-plekken:is(.stramien-duin, #duin) .pdp-vtabel-levering { white-space: normal; }
}
.winkel.terra.stramien-duin.duin-plekken:is(.stramien-duin, #duin) .pdp-duin-voorraad { white-space: normal; flex: 0 1 auto; min-width: 0; }
.winkel.terra.stramien-duin.duin-plekken:is(.stramien-duin, #duin) [class*="duin-plek-"] { overflow-wrap: anywhere; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-voorraad .pdp-levering.duin-plek-aanvraag::before { background: var(--duin-oker); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagengroep.is-aanvraag .duin-wagengroep-kop { background: var(--duin-zand); border-bottom-color: var(--duin-lijnzand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagengroep.is-aanvraag .duin-wagengroep-kop h2::before { background: #9a5d06; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug:has(> .duin-zoeklade) { position: absolute; top: calc(100% + 9px) !important; left: -17px !important; right: auto !important; width: 100vw !important; max-width: none; max-height: calc(100dvh - 160px); padding: 0; border: 0; border-top: 1px solid var(--duin-lijn); border-radius: 0; box-shadow: 0 24px 48px rgba(27, 31, 28, .18); overflow-y: auto; overscroll-behavior: contain; z-index: 90; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header:has(.shop-zoek #shop-sug:not([hidden])) { position: relative; z-index: 90; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zoek-waas { display: block; background: rgba(27, 31, 28, .35); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.shop-header .shop-zoek #shop-sug:not([hidden])) .shop-zoek-waas { opacity: 1; pointer-events: auto; }
html:has(.winkel.terra.stramien-duin .shop-header .shop-zoek #shop-sug:not([hidden])) { overflow: hidden; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .duin-sug-groep, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-alles { padding-left: 16px; padding-right: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug .shop-sug-kolommen { padding: 16px 16px 20px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug .shop-sug-tip { font-size: 13px; line-height: 19.5px; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header:has(.shop-zoek #shop-sug:not([hidden])) { background: #fff; }
}
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel { grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto; row-gap: 2px; align-items: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel > :is(img, .shop-sug-geenfoto) { grid-row: 1 / span 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel > .duin-sug-prijs { grid-column: 2; justify-self: start; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade :is(.shop-sug-naam, .shop-sug-sub) { overflow: visible; text-overflow: clip; white-space: normal; }
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zoeklade .shop-sug-artikel > .duin-sug-prijs { margin-left: 0; text-align: left; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-rij + .pdp-vtabel-rij::before { content: none; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-voet .pdp-koop { flex: 1 1 100%; max-width: none; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok .pdp-vtabel + .pdp-uitleg-compleet,
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok .pdp-vtabel ~ .pdp-uitleg-compleet { margin-top: 24px; }
}
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop { flex-direction: column; align-items: flex-start; gap: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-vreken-kop > * { flex: none; max-width: 100%; line-height: 20px; }
}
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: baseline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > b { grid-column: 1; grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > .pdp-bezorg-waarde { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > :is(.pdp-bezorg-zin, .pdp-bezorg-dag) { grid-column: 1 / -1; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg .pdp-bezorg-dag { font-size: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-uitleg-compleet-knop { white-space: nowrap; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk { overflow-x: clip; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-gegevenskaarten.gegevens-cijfers .site-gegevenskaart:nth-child(n) { padding: 12px 14px; border: 0; border-radius: 12px; background: var(--duin-zand); }
}
@media (max-width: 400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien.foto .site-categorienaam b { font-size: clamp(15px, 4.7vw, 17px); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-categorien:not(.bento):not(.foto) .site-categoriepijl { bottom: 14px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-labels { max-width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-label { max-width: 100%; white-space: normal; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(h1, h2, h3, h4, summary, .site-knop, .btn-primary, .btn-secondary, .nova-titel, .ontw-banner-tekst > b, .ontw-pdp b, .pdp-uitleg-compleet-naam, .duin-hl-naam > b, .site-categorienaam > b, .duin-catland-tegeltekst > b, .sm-optie-naam, .rh-naam > a, .rh-optie-in > b, .duin-ookhandig-link, .shop-tussentegel-link, .site-inhoud-regel > a) { text-wrap-style: balance; }
}
@media (max-width: 420px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-berichtkop.is-terra h1 { font-size: clamp(26px, 8.4vw, 30px); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop { height: auto; min-height: 42px; padding-top: 9px; padding-bottom: 9px; line-height: 20px; white-space: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { padding-top: 8px; padding-bottom: 8px; }
@media (max-width: 374px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij:not(.pdp-vtabel-kop) { grid-template-columns: 62px minmax(0, 1fr) 134px; column-gap: 4px; padding-left: 10px; padding-right: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij > .pdp-vtabel-naam b { font-size: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.duin-brede-as:not(.met-foto).bestellijst .pdp-vtabel-rij:not(.pdp-vtabel-kop) { grid-template-columns: minmax(0, 1fr) 134px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller { grid-template-columns: 44px 44px 44px; width: 134px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller button { width: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller input { width: 44px; }
}
@media (max-width: 400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vtabel-zaag { flex-wrap: wrap; row-gap: 2px; padding-top: 10px; padding-bottom: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vtabel-zaag > :not(a) { flex: 1 1 100%; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .catland.duin-catland { padding-left: 0; padding-right: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-catland .catland-blokken > .site-blok > * { margin-left: 0; margin-right: 0; }
}
@media (max-width: 360px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "maat prijs" "naam prijs" "lengte lengte"; row-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs { align-self: start; }
}
@media (max-width: 400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .sm-pdp .sm-opties { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .soort-berichten .site-berichten.uitgelicht .site-bericht.groot .site-bericht-tekst { padding-top: 26px; }
}
@media (max-width: 1400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-main.site-main:has(> .site-berichtkop), .shop-catblokken) .site-blok.opm-breedte-vol > :not(.site-hero) { margin-left: 0; margin-right: 0; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:has(> .site-berichtkop) .site-blok.soort-materiaallijsten { padding-left: 16px; padding-right: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-in { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-kaart { min-width: 0; max-width: 100%; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-lijf, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-regels li > :first-child { min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-voet { align-items: center; }
}
@media (max-width: 420px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-materiaal-knop { flex: 1 1 100%; justify-content: center; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(3))) { overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(3))) table { width: 100%; min-width: 0; table-layout: fixed; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(3))) :is(th, td) { white-space: normal; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok.soort-tekst .site-tabel:not(:has(tr > :nth-child(3))) tr > :first-child { width: 40%; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen .duin-wagenonder > .wagen-terug { margin-left: 0; margin-right: 0; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .registreer-links { padding: 24px 20px 26px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.inlog, .site-formulier) label { color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak input[type="file"] { color: transparent; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak input[type="file"]::file-selector-button { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak input[type="file"]::-webkit-file-upload-button { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak::after { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230e7a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 16V4'/><path d='m6 10 6-6 6 6'/><path d='M4 20h16'/></svg>") "\00a0\00a0Kies een foto of bestand"; position: absolute; left: 0; right: 0; top: 32px; height: 56px; display: flex; align-items: center; justify-content: center; font-size: 15px; line-height: 20px; font-weight: 700; color: var(--winkel-accent); pointer-events: none; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-bericht-naam { -webkit-hyphens: manual; hyphens: manual; overflow-wrap: break-word; text-wrap-style: balance; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .sm-conf-kop .site-kopje { font-size: 14px; line-height: 20px; letter-spacing: 0; text-transform: none; color: var(--duin-hout); }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .okc .ok2d:has(.ok2d-rand__plus) .ok2d-afschot { display: none; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(#wagen-paneel:not([hidden])) .ok-toast { display: none !important; }
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > .pdp-bezorg-waarde.duin-bezorg-bevestiging { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart:has(> .duin-bezorg-bevestiging) > b { grid-column: 1 / -1; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som b { line-height: 28px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopbalk.lijst .pdp-koopbalk-som .klein { line-height: 18px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info.pdp-info-mee { padding-bottom: 8px; margin-bottom: 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .catland .catland-blokken > .site-blok > .duin-tipbalk { padding-left: 24px !important; padding-right: 24px !important; }
@supports (grid-template-rows: subgrid) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) { --duin-rijruimte: 32px; row-gap: 0; grid-auto-rows: minmax(min-content, 0px) minmax(min-content, 0px) auto auto minmax(min-content, 0px); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))):has(> *) { margin-bottom: calc(-1 * var(--duin-rijruimte)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > * { margin-bottom: var(--duin-rijruimte); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > :not(.shop-kaart, .ontw-zoekkaart) { grid-row: span 5; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > :is(.shop-kaart, .ontw-zoekkaart) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart { container-type: normal; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > .nova-voet { container-type: inline-size; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > :is(img, .foto-leeg) { grid-area: 1 / 1; width: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > :is(.shop-kaart-spec, .nova-specs) { grid-area: 2 / 1; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > :is(.nova-titel, .nova-code) { grid-area: 3 / 1; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > .nova-titel { margin-top: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > .nova-voet { grid-area: 4 / 1; align-self: end; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart > .nova-chiprij { grid-area: 5 / 1; align-self: start; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .ontw-zoekkaart > img { grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .ontw-zoekkaart > .ontw-zoekkaart-tekst { grid-row: 2 / span 4; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .ontw-zoekkaart:not(:has(> img)) > .ontw-zoekkaart-tekst { grid-row: 1 / span 5; }
}
@media (min-width: 761px) {
@supports (grid-template-rows: subgrid) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) > .shop-kaart::before { content: ""; grid-area: 2 / 1; height: 33.5px; }
}
}
@media (min-width: 1024px) {
@supports (grid-template-rows: subgrid) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal)))[data-per-rij="4"] { --duin-rijruimte: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-populair > .shop-tegels:not(.als-lijst):not(:has(> .shop-kaart > :is(.nova-sterren, .shop-kaart-vergelijk, .h-kaart-getal))) { --duin-rijruimte: 48px; }
}
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopregel .teller.groot { flex: 0 0 128px; width: 128px; height: 52px; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopregel .teller.groot button { flex: 0 0 44px; height: 100%; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopregel .teller.groot input { flex: 1 1 auto; min-width: 0; width: auto; height: 100%; }
@media (max-width: 359px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopregel .pdp-koop svg { display: none; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopvorm .pdp-aantal-kop { color: var(--duin-inkt2); }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel:not(:has(.duin-vtabel-zaag)) .pdp-vtabel-rij:nth-last-child(1 of .pdp-vtabel-rij:not(.as-weg, .pdp-vtabel-kop)) { border-bottom: 1px solid var(--duin-lijn); border-radius: 0 0 12px 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel:not(:has(.duin-vtabel-zaag)) .pdp-vtabel-rij:nth-child(1 of .pdp-vtabel-rij:not(.as-weg, .pdp-vtabel-kop)):nth-last-child(1 of .pdp-vtabel-rij:not(.as-weg, .pdp-vtabel-kop)) { border-radius: 12px; }
}
@media (max-width: 420px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item { grid-template-columns: 20px 56px minmax(0, 1fr); grid-template-rows: auto auto; row-gap: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item > :is(.pdp-uitleg-compleet-vink, .pdp-uitleg-compleet-foto) { grid-row: 1 / span 2; align-self: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item > .pdp-uitleg-compleet-tekst { grid-column: 3; grid-row: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-uitleg-compleet-item > .pdp-uitleg-compleet-prijs { grid-column: 3; grid-row: 2; justify-self: start; align-self: start; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat { white-space: normal; }
}
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.site-tekstfoto-knoppen, .site-kaart-knoppen) { flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto-knoppen > .site-knop, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knoppen > :is(a, button) { flex: 1 1 auto; justify-content: center; text-align: center; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.btn-primary, .btn-secondary).site-knop { text-align: center; }
@media (max-width: 420px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-kaart .kaart-label { padding-left: 8px; padding-right: 8px; }
}
@media (max-width: 374px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop { flex-wrap: wrap; row-gap: 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-pdp-kop h2 { flex: 1 1 100%; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak > span b { grid-row: 1; grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak input[type="file"] { grid-row: 2; grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak > span small { grid-row: 3; grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-bestandvak::after { position: relative; z-index: 1; top: auto; left: auto; right: auto; grid-row: 2; grid-column: 1; align-self: center; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade a.shop-lade-kopje { display: block; text-decoration: none; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links > .pdp-strook { contain: size; container-type: size; align-self: stretch; flex-direction: column; flex-wrap: nowrap; gap: 9px; margin-top: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links > .pdp-strook > .pdp-mini { flex: none; width: 100%; height: 84px; height: calc((100cqh - 36px) / 5); }
@container (min-height: 477px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij.strook-links > .pdp-strook > .pdp-mini { height: calc((100cqh - 45px) / 6); }
}
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-mini.pdp-duin-maattegel { grid-template-columns: minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-maat { white-space: normal; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-aantal .teller, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller { height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-vtabel-aantal .teller :is(button, input), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel.bestellijst .pdp-vtabel-rij .teller :is(button, input) { height: 42px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-mini { position: relative; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-galerij .pdp-mini::after { content: ""; position: absolute; inset: -12px -3px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .sm-deelrij .sm-deel { padding-block: 10px 14.5px; margin-block: -10px -14.5px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .betaalmerk { display: block; flex: none; height: 24px; width: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 4px; background: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .betaalmerk-woord { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; box-sizing: border-box; border: 1px solid var(--duin-lijn); border-radius: 4px; background: #fff; font-size: 13px; line-height: 1; font-weight: 800; color: var(--nova-inkt); white-space: nowrap; }
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer:has(> .shop-footer-in > .ontw-voet):not(:has(> .shop-footer-in > .shop-voet-dubbel)) .shop-voet-boven-in { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-footer:has(> .shop-footer-in > .ontw-voet):not(:has(> .shop-footer-in > .shop-voet-dubbel)) .shop-voet-vak.soort-foto img { max-width: 100%; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .soort-kanaal + .soort-kanaal + .shop-voet-vak.soort-kanaal { grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-voet-boven-in > .soort-foto + .soort-kanaal + .soort-kanaal + .shop-voet-vak.soort-kanaal svg { grid-column: 1; justify-self: center; margin: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 20px; align-content: start; gap: 2px 8px; padding: 12px 14px; border-radius: 8px; background: var(--duin-zand); transition: background-color .15s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel::after { content: ""; grid-column: 2; grid-row: 1; width: 20px; height: 20px; margin-top: 1px; background: var(--winkel-accent); -webkit-mask: var(--duin-pijl) center / contain no-repeat; mask: var(--duin-pijl) center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel dt { grid-column: 1; grid-row: 1; display: block; padding: 0; font-size: 16px; line-height: 22px; font-weight: 800; color: var(--nova-inkt); overflow-wrap: break-word; hyphens: auto; text-wrap: balance; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel dt::before { content: none; display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel dt svg { display: block; width: 24px; height: 24px; margin: 0 0 6px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel dd { grid-column: 1; margin: 0; font-size: 15px; line-height: 21px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .duin-tegel-link { color: inherit; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .duin-tegel-link::after { content: ""; position: absolute; inset: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .duin-tegel-link:focus-visible { outline: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel:hover, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel:has(.duin-tegel-link:focus-visible) { background: var(--duin-zand2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto .site-tekstfoto-regel.duin-tegel:has(.duin-tegel-link:focus-visible) { box-shadow: 0 0 0 3px var(--terra-accent-licht); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-tekstfoto.is-band .site-knop { font-size: 17px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in label:not(.site-keuzeknop):not(.site-formulier-vink), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in :is(.site-keuzeknoppen-kop, .site-adres-kop) { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in label:not(.site-keuzeknop):not(.site-formulier-vink):not(.site-bestandvak) { row-gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in :is(.site-keuzeknoppen-kop, .site-adres-kop) { margin: 0 0 8px; padding: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in :is(input:not([type="radio"], [type="checkbox"], [type="file"]), textarea, select) { font-size: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > label:not(.site-formulier-vink):not(.site-bestandvak), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-veld-als > label:not(.site-formulier-vink):not(.site-bestandvak) { flex-flow: row wrap; align-items: baseline; column-gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > label > :is(input, select, textarea, span), .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-veld-als > label > :is(input, select, textarea, span) { flex: 0 0 100%; order: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > label:not(.site-formulier-vink):not(.site-bestandvak):not(:has(:required))::after, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in > .site-veld-als > label:not(.site-formulier-vink):not(.site-bestandvak):not(:has(:required))::after, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-bestandvak:not(:has(:required)) > span > b::after, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres:not(:has(input:required)) > .site-adres-kop::after { content: "(mag leeg)"; order: 1; margin-left: 4px; font-weight: 400; color: var(--duin-inkt2); }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in label:not(.site-keuzeknop):not(.site-formulier-vink) { font-size: 14px !important; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in fieldset.site-adres { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; row-gap: 16px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-postcode { grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-nr { grid-column: 2; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-gevonden { grid-row: 1; grid-column: 3; align-self: end; box-sizing: border-box; flex-wrap: nowrap; gap: 10px; min-height: 50px; max-width: none; margin: 0; padding: 5px 16px; border-radius: var(--duin-r); background: color-mix(in srgb, var(--winkel-accent) 10%, #fff); font-size: 15px; line-height: 20px; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-gevonden:not(.is-mis)::before { content: ""; flex: 0 0 18px; height: 18px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-gevonden > span { flex: 1 1 auto; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-gevonden.is-mis { background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-adres-wijzig { flex: 0 0 auto; min-height: 40px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-adres-wijzig:hover { text-decoration: underline; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-straat { grid-column: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-plaats { grid-column: 2; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-adres-gevonden { grid-row: auto; grid-column: 1 / -1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-adres-wijzig { min-height: 44px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in fieldset.site-adres { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in fieldset.site-wagenvraag { gap: 12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-kaart { gap: 16px; padding: 16px 20px; border: 1px solid var(--duin-lijn); border-radius: var(--duin-r); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-icoon { width: 40px; height: 40px; background: color-mix(in srgb, var(--winkel-accent) 12%, #fff); color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-inhoud { gap: 6px; font-size: 15px; line-height: 22px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-inhoud > b { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-inhoud ul { gap: 6px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-wagenvraag-meer { min-height: 32px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-wagenvraag-meer:hover { text-decoration: underline; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in button.site-wagenvraag-meer { min-height: 44px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-formulier-in .site-wagenvraag-kaart { gap: 12px; padding: 14px 16px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-uit { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-uit > * { transition: opacity .15s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-uit.duin-zl-korter-bezig > * { opacity: .45; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; padding: 12px 14px; border: 1.5px solid var(--duin-oker); border-radius: 12px; background: #fff; font-size: 16px; line-height: 24px; color: var(--duin-inkt2); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter > span { flex: 1 1 240px; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter b { font-weight: 700; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-ja { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--duin-bos); border-radius: 8px; background: #fff; color: var(--duin-bos); font-size: 15px; font-weight: 700; line-height: 20px; text-decoration: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-ja:hover { background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-korter-fout { font-size: 15px; line-height: 22px; color: var(--duin-inkt2); }
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu { height: auto; overflow: visible; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-menu .shop-menu-item.alleen-telefoon.ontw-menu { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-in { left: 24px; max-width: calc(100% - 48px); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header-in { padding: 6px 2px 0; }
}
@media (max-width: 339px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-header form.shop-zoek, .duin-lade-zoek) { padding-left: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.shop-header form.shop-zoek, .duin-lade-zoek) input::placeholder { font-size: 13px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek input[type=search]::-webkit-search-cancel-button, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-zoek input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak[data-verdieping="0"] > .shop-lade-kop { gap: 0; padding: 0 2px 0 1px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .shop-lade-vlak > .shop-lade-kop.duin-lade-laagkop { justify-content: space-between; padding: 0 1px 0 2px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-laagkop .duin-lade-terug { display: inline-flex; align-items: center; gap: 4px; width: auto; min-width: 44px; height: 44px; margin: 0; padding: 0 12px 0 6px; border: 0; border-radius: var(--duin-r); background: none; color: var(--winkel-accent); font-family: inherit; font-size: 15px; line-height: 1; font-weight: 700; cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-laagkop .duin-lade-terug svg { flex: none; width: 24px; height: 24px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-titel { margin: 0; padding: 20px 16px 4px; font-size: 26px; line-height: 31.2px; font-weight: 800; letter-spacing: 0; color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-alles > .shop-lade-regel { justify-content: flex-start; gap: 8px; min-height: 44px; border-bottom: 0; font-size: 16px; color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-sectie > .shop-lade-regel::after { content: ""; display: block; flex: none; width: 18px; height: 18px; margin-left: auto; background: var(--winkel-accent); opacity: 1; clip-path: none; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-sectie > .shop-lade-regel:has(.duin-lade-tal)::after { margin-left: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-alles > .shop-lade-regel::after { width: 16px; height: 16px; margin-left: 0; -webkit-mask-image: var(--duin-pijl); mask-image: var(--duin-pijl); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 8px; padding: 6px 16px 14px; border-bottom: 1px solid #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade .duin-lade-chip { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0; height: 44px; padding: 0 8px; border: 1px solid var(--duin-lijn2); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-instel { display: grid; gap: 12px; padding: 24px 16px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-instel :is(.duin-btw, .shop-mededeling-schakel) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 2px; border-radius: 999px; background: var(--duin-zand); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-instel :is(.duin-btw, .shop-mededeling-schakel) > * { display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 12px; border-radius: 999px; font-size: 15px; font-weight: 700; color: var(--duin-inkt2); text-decoration: none; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade-instel :is(.duin-btw > .aan, .shop-mededeling-link.nu) { background: #fff; color: var(--nova-inkt); box-shadow: 0 1px 3px rgba(0, 0, 0, .13); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .shop-lade-vlak { padding-bottom: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .duin-lade-bel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .duin-lade-bel.met-vakman { margin: 16px 16px calc(32px + env(safe-area-inset-bottom)); }
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lade.duin-lade { background: linear-gradient(90deg, #fff 0 420px, rgba(27, 31, 28, .45) 420px); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .shop-lade-vlak { max-width: 420px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .duin-lade-bel, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-lade > .duin-lade-bel.met-vakman { box-sizing: border-box; max-width: 388px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:not(:has(> .site-berichtkop)) > .site-pagina { padding-bottom: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:not(:has(> .site-berichtkop)) > .site-pagina > .site-blok:not(.soort-hero):not(.soort-maatzoeker):not(:has(.gegevens-cijfers)):not([class*="opm-vlak-"]) { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:not(:has(> .site-berichtkop)) > .site-pagina > .site-blok > .site-tekst > :last-child { margin-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:not(:has(> .site-berichtkop)) > .site-pagina > .site-blok[class*="opm-vlak-"]:not(:first-child) { margin-top: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main.site-main:not(:has(> .site-berichtkop)) > .site-pagina > .site-blok[class*="opm-vlak-"] + .site-blok { padding-top: 40px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-hl-meer { min-height: 44px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > :not(.shop-pdp, .pdp-duin-kop, .shop-kruimels, .pdp-uitleg-sectie, .pdp-verwant, .sm-pdp, .duin-verwant) { order: 9; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > .shop-rij { margin-bottom: 40px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-beeld > .pdp-verhaal.duin-acc:not(.duin-acc-open) + .pdp-duin-tip + .duin-acc { margin-top: 0; border-top: 0; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop { min-height: 44px; padding-top: 10px; padding-bottom: 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .pdp-as-knop[aria-pressed="true"] { padding-top: 9px; padding-bottom: 9px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-vtabel .duin-vtabel-zaag > a { min-height: 44px; margin-top: -10px; margin-bottom: -10px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .pdp-koopblok-vlak > .pdp-voorraad :is(.pdp-voorraad-zin, .nova-chip) { color: var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin):has(.pdp-koopbalk.aan) { padding-bottom: var(--koopbalk-h, 0px); }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .wagen-weg { width: 44px; height: 44px; margin: -10px -10px -10px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller { grid-template-columns: 44px 48px 44px; width: 138px; height: 46px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller button { width: 44px; height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenvlak .duin-wagenregel .teller input { height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder .wagen-terug { align-items: center; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenonder > span a { padding: 12px 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenkorting > summary { display: flex; align-items: center; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenkorting[open] > summary { margin-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zoek { padding-right: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-wagenleeg-zoek button { width: 44px; height: 44px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .wagen-regels.duin-met-groepen .duin-wagenonder > .wagen-terug { margin-top: 0; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin.afrekenen:is(.stramien-duin, #duin):not(:has(.chat-widget)) { padding-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-raster.adres { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-raster.adres > .afr-veld:not(:has(.afr-kort)) { grid-column: 1 / -1; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-intro .afr-zin a, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-pm a { padding-top: 13px; padding-bottom: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling > h3 > a { padding-top: 8px; padding-bottom: 8px; margin-top: -8px; margin-bottom: -8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-bestelling > h3 { flex-wrap: wrap; row-gap: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-stappen li a { align-items: center; min-height: 44px; margin-top: -12px; margin-bottom: -12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-opmerking > summary { display: flex; align-items: center; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .afr-raster > .afr-herinnering { min-height: 44px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog .klant-veld > label { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--nova-inkt); }
@media (max-width: 760px) {
.winkel.terra.tel-strak.stramien-duin:is(.stramien-duin, #duin) .shop-main :is(.afr-label, .inlog .klant-veld > label) { font-size: 14px !important; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer > .registreer-rechts { display: contents; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer .inlog-kruimels { order: -2; margin: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog.registreer > .registreer-links { order: -1; margin-top: 0; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.site-auteurblok-kop, .site-auteurrol, .site-buur small) { font-size: 13px; }
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-knop { flex-direction: column; gap: 2px; height: auto; min-height: 52px; padding-top: 8px; padding-bottom: 8px; text-align: center; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-laadmeer-telling { font-size: 15px; line-height: 20px; font-weight: 400; color: var(--duin-inkt2); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-catkop .shop-catkop-foto { border-radius: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-catkop .shop-alles-over { display: none; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterlijst { gap: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep .shop-filterregel { min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtergroep > summary, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filtermeer > summary { display: flex; align-items: center; min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterblad-sluit { width: 44px; height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst.filters-open .shop-zijbalk .shop-filterknoppen { position: sticky; bottom: -24px; z-index: 2; margin: 0 -16px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--duin-lijn); background: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-zijbalk .shop-filterknoppen .btn-primary { height: 52px; border-radius: 8px; background: var(--winkel-accent); color: #fff; font-size: 17px; font-weight: 700; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:not(:has(.site-hero)) :is(.pdp-koop:not(.klein), .wagen-afrekenen, .afr-knop, .inlog-knop:not(.inlog-knop-wit), .site-knop:not(.site-knop-tweede), .site-kaart-knop, .site-materiaal-knop, .site-formulier-in .btn-primary, .site-contactknoppen .btn-primary, .shop-tussentegel-link, .duin-wagenleeg-knop.is-eerste, .shop-leeg-knoppen .btn-primary, .rh-knop-donker, .rh-knop-wagen:not(.rh-balk-knop)) { min-height: 52px; height: auto; border-radius: 8px; font-size: 17px; font-weight: 700; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:not(:has(.site-hero)) :is(.rh-knop-donker, .duin-wagenleeg-knop.is-eerste) { border-color: var(--winkel-accent); background: var(--winkel-accent); color: #fff; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:not(:has(.site-hero)) :is(.inlog-knop-wit, .site-knop-tweede, .rh-knop-tweede, .duin-wagenleeg-knop:not(.is-eerste), .shop-leeg-knoppen .ghost, .site-kaart-knoppen .ghost, .site-contactknoppen .ghost, .pdp-duin-vakmini-knop) { min-height: 52px; height: auto; border: 1.5px solid var(--nova-inkt); border-radius: 8px; font-size: 17px; font-weight: 700; color: var(--nova-inkt); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog-rechts .inlog-knoppen .inlog-knop-wit { width: 100%; }
}
@media (max-width: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-contactknoppen { flex-wrap: wrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-contactknoppen > :is(a, button) { flex: 1 1 auto; justify-content: center; text-align: center; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop { display: inline-flex; align-items: center; gap: 8px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop::before { content: ""; flex: none; width: 18px; height: 18px; background: center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop[href^="https://wa.me/"]::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2325D366' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/></svg>"); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop[href*="linkedin.com/"]::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%230A66C2' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/></svg>"); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop[href^="mailto:"]::before { background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-deel .site-deelknop[data-kopieer]::before { background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/></svg>") center / contain no-repeat; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-artikel .kies-knop { min-height: 48px !important; padding: 0 14px !important; border: 1px solid var(--duin-lijn2) !important; border-radius: 8px !important; background: #fff !important; font-size: 17px !important; line-height: 22px; font-weight: 700; color: var(--nova-inkt); text-align: left; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-zl-artikel .kies-knop .kies-pijl { width: 20px; height: 20px; font-size: 0; background: #5e655f; -webkit-mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg 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'><path d='m6 9 6 6 6-6'/></svg>") center / contain no-repeat; }
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .registreer-velden .rv-aanhef, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .registreer-velden .rv-naam { grid-column: span 4; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.inlog-anders a, .site-leesook-alle, .duin-zoekkop .shop-zoektegel) { padding-top: 13px; padding-bottom: 13px; margin-top: -13px; margin-bottom: -13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .inlog-vorm .inlog-rij .inlog-vergeten { padding-top: 12px; padding-bottom: 12px; margin-top: 7px; margin-bottom: -12px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst form.shop-lijstbalk > .shop-balk-filterknop { min-height: 44px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .rh .rh-stuk-erbij { height: 44px; }
}
@media (min-width: 761px) and (max-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:not(:has(.site-hero)) .site-berichten-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:not(:has(.site-hero)) .site-berichten-in:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-leesook-alle { position: absolute; top: 33px; right: var(--nova-zij); }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-main:has(> .shop-pdp) > .shop-rij { order: 6; }
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-header .shop-zoek #shop-sug:has(> .duin-zoeklade) { top: calc(100% + 8px) !important; border-radius: 12px; max-height: calc(100vh - 128px); }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij { position: relative; min-width: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-in { position: relative; display: flex; flex-wrap: nowrap; gap: 10px; margin: -4px 0; padding: 4px 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-in::-webkit-scrollbar { display: none; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-in > :is(.shop-subtegel, .duin-snel-tegel) { flex: 0 0 auto; width: auto; max-width: none; margin: 0; white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-in > .shop-subtegel b { white-space: nowrap; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 1; width: 56px; pointer-events: none; opacity: 0; transition: opacity .15s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij::before { left: 0; background: linear-gradient(90deg, #fff 10%, rgba(255, 255, 255, 0)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij::after { right: 0; background: linear-gradient(270deg, #fff 10%, rgba(255, 255, 255, 0)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij.duin-schuifrij-links::before, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij.duin-schuifrij-rechts::after { opacity: 1; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-pijl { display: none; position: absolute; top: 50%; z-index: 2; box-sizing: border-box; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 1px solid var(--duin-lijn2); border-radius: 50%; background: #fff; color: var(--nova-inkt); box-shadow: 0 2px 8px rgba(26, 35, 29, .14); cursor: pointer; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-pijl:hover { border-color: var(--nova-inkt); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-vorige { left: 4px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-volgende { right: 4px; }
@media (hover: hover) and (pointer: fine) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-pijl:not([hidden]) { display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij { margin: 0 calc(-1 * var(--duin-schuifrand, 16px)); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij-in { padding: 4px var(--duin-schuifrand, 16px); scroll-padding-inline: var(--duin-schuifrand, 16px); }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-schuifrij { --duin-schuifrand: 24px; }
}
@media (max-width: 760px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijstkolom .shop-subtegels { margin-top: 14px; }
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-tegel { display: flex; align-items: center; gap: 10px; box-sizing: border-box; min-height: 48px; padding: 6px 16px 6px 6px; border-radius: 10px; background: var(--duin-zand); color: var(--nova-inkt); text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-beeld { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 8px; overflow: hidden; background: #fff; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-beeld img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-tegel b { font-size: 14px; line-height: 20px; font-weight: 650; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-aantal { margin-left: -4px; font-size: 13px; line-height: 20px; font-weight: 500; color: #5e655f; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) :is(.duin-snel-tegel, .duin-schuifrij-in > .shop-subtegel):hover { background: #fff; box-shadow: inset 0 0 0 1px #e6e0d6; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-tegel.aan, .winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-snel-tegel.aan:hover { background: #fff; box-shadow: inset 0 0 0 2px var(--winkel-accent); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling.belofte-donker { background: var(--donker-vlak, var(--nova-inkt)); color: rgba(255, 255, 255, .9); border-bottom: 0; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling.belofte-donker :is(.shop-mededeling-deel, .shop-mededeling-tekst, .shop-mededeling-link) { color: rgba(255, 255, 255, .9); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling.belofte-donker .shop-mededeling-deel svg { color: color-mix(in srgb, var(--winkel-accent) 40%, #fff); }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-mededeling:is(.belofte-donker, .belofte-licht) .shop-mededeling-in:not(:has(.shop-mededeling-rechts)) { justify-content: center; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer { background: var(--donker-vlak, var(--nova-inkt)); color: rgba(255, 255, 255, .78); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-boven { background: transparent; border-top: 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal :is(svg, b) { color: #fff; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-vak.soort-kanaal span { color: rgba(255, 255, 255, .72); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer a.shop-voet-vak.soort-kanaal:hover b { color: color-mix(in srgb, var(--winkel-accent) 40%, #fff); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer .shop-voet-kolomkop { color: #fff !important; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer .shop-footer-in a { color: rgba(255, 255, 255, .74) !important; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer .shop-footer-in a:hover { color: #fff !important; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-footer :is(p, li, small, address) { color: rgba(255, 255, 255, .74); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-onder { background: transparent; border-top: 1px solid rgba(255, 255, 255, .12); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) :is(.shop-voet-onder-in, .shop-voet-onder-in span) { color: rgba(255, 255, 255, .7); }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-onder a { color: rgba(255, 255, 255, .7) !important; }
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-onder a:hover { color: #fff !important; }
@media (max-width: 1023px) {
.winkel.terra.stramien-duin.voet-donker-aan:is(.stramien-duin, #duin) .shop-voet-onder { background: transparent; }
}
.winkel.terra.stramien-duin.thema-kleuren:is(.stramien-duin, #duin) {
--ink: inherit;
--nova-inkt: var(--ink);
--winkel-inkt: var(--ink);
--duin-inkt2: color-mix(in srgb, var(--ink) 74%, #fff);
--duin-inkt3: color-mix(in srgb, var(--ink) 60%, #fff);
--winkel-zacht: color-mix(in srgb, var(--ink) 74%, #fff);
}
@media (min-width: 1024px) {
.winkel.terra.stramien-duin.catkop-waas-donker:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop { background: var(--donker-vlak, var(--nova-inkt)); }
.winkel.terra.stramien-duin.catkop-waas-donker:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catkop::after { background: linear-gradient(90deg, color-mix(in srgb, var(--donker-vlak, var(--nova-inkt)) 90%, transparent) 0, color-mix(in srgb, var(--donker-vlak, var(--nova-inkt)) 72%, transparent) 38%, color-mix(in srgb, var(--donker-vlak, var(--nova-inkt)) 12%, transparent) 72%, transparent 86%); }
.winkel.terra.stramien-duin.catkop-waas-donker:is(.stramien-duin, #duin) .shop-lijst:has(> .shop-lijstkolom > .shop-catkop) :is(.shop-cattekst-in, .shop-cattekst-in :is(p, li, a, b, strong)) { color: rgba(255, 255, 255, .88); }
}