.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) .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-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 .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 .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-knop svg { width: 20px; height: 20px; flex: none; }
.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) .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) .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-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; }
}
@media (max-width: 1400px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-blok > section:not(.site-hero) { 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) .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) .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-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) .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; }
}
.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; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-lijst > .shop-lijstkolom > .shop-catnaast { grid-column: 1 / -1; grid-row: 2 / 4; margin: 4px 0 0; }
.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; }
}
@media (max-width: 1023px) {
}
.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; }
}
@media (min-width: 1024px) {
.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; }
.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-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 (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 (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) .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) .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 .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-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; }
@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; }
}
.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) .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).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) .shop-sug .shop-sug-sub { font-size: 13px; }
@media (max-width: 760px) {
}
@media (max-width: 559px) {
}
.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) .duin-laadmeer { grid-column: 2; grid-row: 6; }
.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) .shop-lijst .shop-blader { 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-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) .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); }
@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) .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; }
@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; }
}
@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; }
}
@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-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-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) .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-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) .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; }
@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-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-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-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) .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) .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) .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 (min-width: 1024px) {
.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-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) .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-rijzin { max-width: 872px; }
.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) .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; }
}
@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 { 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) .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) { column-gap: 16px; row-gap: 20px; margin-top: 20px; }
}
@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) .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-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; }
@media (max-width: 760px) {
.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-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; }
}
@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: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) .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; }
}
@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 > :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; }
}
@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 { display: none; }
}
@media (max-width: 760px) {
}
@media (max-width: 640px) {
}
@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; }
}
.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: 1279px) {
.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: 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: 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; }
}
.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) .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; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-pdp-info .pdp-koopblok > .pdp-prijsvak { padding-bottom: 0; border-bottom: 0; }
@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 (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; }
}
.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; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .shop-schuif-bel { font-size: 13px; }
.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; }
}
.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; }
@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.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: 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) .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; }
}
@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; }
.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; }
}
@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: 560px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-kaart-knoppen { flex-wrap: wrap; }
.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; }
.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 (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); }
@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) .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; }
.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; }
}
@media (min-width: 761px) and (max-width: 1023px) {
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .site-hero-in { left: 24px; max-width: calc(100% - 48px); }
}
@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; }
}
@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; }
}
@media (max-width: 760px) {
.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); }
.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.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: 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(.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; }
@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; }
}
.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);
}
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .duin-keuzes .duin-keuze.aan:has(+ .lnb-vast) {
border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 13px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .lnb-vast { margin: -8px 0 0; border: 2px solid var(--winkel-accent); border-top: 1px solid var(--line);
border-radius: 0 0 10px 10px; }
.winkel.terra.stramien-duin:is(.stramien-duin, #duin) .lnb-vast[hidden] { display: none; }