.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl { background: #fff; border: 1px solid var(--duin-lijn, var(--nova-lijn)); border-radius: 12px; overflow: hidden; font-size: 17px; line-height: 1.5; color: var(--nova-inkt); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-regels { display: block; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-rij { display: grid; align-items: center; min-height: 76px; border-top: 1px solid var(--duin-lijn, var(--nova-lijn)); color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij { grid-template-columns: 96px 400px 190px 210px 150px 150px minmax(0, 1fr); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-rij { grid-template-columns: 170px 380px 220px 170px 190px minmax(0, 1fr); min-height: 64px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-rij > * { min-width: 0; padding-inline: 12px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij > :first-child { padding-left: 16px; padding-right: 0; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-rij > :first-child { padding-left: 20px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) a.duin-hl-rij:hover { background: #fbf8f3; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) a.duin-hl-rij:hover .duin-hl-naar i { border-color: var(--winkel-accent); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-kop { min-height: 44px; border-top: 0; background: var(--duin-zand, var(--nova-vlak)); font-size: 13px; line-height: 19.5px; font-weight: 800; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-kop { min-height: 64px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-foto { display: block; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-foto img, .winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat img { display: block; width: 72px; height: 54px; border-radius: 8px; object-fit: cover; background: var(--duin-zand, var(--nova-vlak)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naam b { display: block; font-size: 17px; line-height: 25.5px; font-weight: 700; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naam span { display: block; font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat { font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat small { margin-left: 4px; font-size: 13px; font-weight: 600; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-lengte { font-size: 15px; line-height: 22.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-prijs { text-align: right; font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-prijs small { display: block; font-size: 13px; line-height: 19.5px; font-weight: 500; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-kop .duin-hl-prijs { font-size: 13px; line-height: 19.5px; font-weight: 800; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-stip { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-stip::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-stip:is(.is-nee, .is-wacht) { color: var(--duin-oker, #9a5d06); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naar { justify-self: end; padding-right: 16px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-naar { padding-right: 20px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naar i { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--duin-lijn, var(--nova-lijn)); border-radius: 50%; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naar i::before { content: ""; width: 18px; height: 18px; background: var(--winkel-accent); -webkit-mask: var(--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>")) center / contain no-repeat; mask: var(--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>")) center / contain no-repeat; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-voet { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 20px; border-top: 1px solid var(--duin-lijn, var(--nova-lijn)); background: var(--duin-zand, var(--nova-vlak)); font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-voet { padding: 16px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-meer { display: inline-flex; align-items: center; gap: 8px; flex: none; font-size: 15px; line-height: 22.5px; font-weight: 700; color: var(--winkel-accent); text-decoration: none; white-space: nowrap; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-meer::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--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>")) center / contain no-repeat; mask: var(--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>")) center / contain no-repeat; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-meer.bezig { opacity: .6; pointer-events: none; }
@media (min-width: 1024px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .shop-lijst:has(.duin-hl) > .shop-zijbalk { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .shop-lijst:has(.duin-hl) .shop-lijstbalk { grid-column: 1 / -1; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .shop-lijst > .shop-lijstkolom > .duin-hl { grid-column: 1 / -1; grid-row: 5; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .shop-lijst:has(> .shop-lijstkolom > :is(.shop-subtegels, .shop-populair, .duin-snel)) > .shop-lijstkolom > .duin-hl { grid-row: 7; }
}
@media (max-width: 1379px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij { grid-template-columns: 88px minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, .9fr) minmax(0, .8fr) minmax(0, .8fr) 64px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-rij { grid-template-columns: minmax(0, .8fr) minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, .9fr) 72px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-prijs { white-space: normal; }
}
@media (max-width: 1023px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-kop { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-rij, .winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij, .winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-rij { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: start; min-height: 0; padding: 14px 16px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij { grid-template-columns: 64px minmax(0, 1fr) auto; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-rij > *, .winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-rij > :first-child, .winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-rij > :first-child { padding: 0; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-maat { grid-column: 1; grid-row: 1; font-size: 17px; line-height: 25.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-naam { grid-column: 1; grid-row: 2; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-lengte { grid-column: 1; grid-row: 3; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-prijs { grid-column: 2; grid-row: 1 / span 2; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--maat .duin-hl-voorraad { grid-column: 2; grid-row: 3; justify-self: end; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-foto { grid-column: 1; grid-row: 1 / span 4; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-foto img { width: 64px; height: 48px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-naam { grid-column: 2; grid-row: 1; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-maat { grid-column: 2; grid-row: 2; font-size: 15px; line-height: 22.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-lengte { grid-column: 2; grid-row: 3; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-prijs { grid-column: 3; grid-row: 1 / span 2; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl--foto .duin-hl-voorraad { grid-column: 2 / -1; grid-row: 4; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat img { width: 56px; height: 42px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naam b { font-size: 15px; line-height: 22.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-lengte { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-prijs { font-size: 17px; line-height: 25.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-stip { font-size: 13px; line-height: 19.5px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-naar { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-voet { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }
}
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(.duin-hl) .site-rijkop .site-rijknop { display: none; }
@media (min-width: 1024px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) > :is(.site-rijkop, .site-rijzin) { grid-column: 1; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) > .site-chips { grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0 0 32px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) > .duin-hl { grid-column: 1 / -1; }
}
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) .site-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) .site-chip { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border: 1px solid var(--duin-lijn, var(--nova-lijn)); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 700; color: var(--nova-inkt); text-decoration: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-producten:has(> .duin-hl) .site-chip.aan { background: var(--nova-inkt); border-color: var(--nova-inkt); color: #fff; }
@media (max-width: 760px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij:has(.duin-hl) :is(.site-chips, .site-rijzin) { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij:nth-of-type(n+6) { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-areas: "maat naam prijs" "maat lengte prijs"; gap: 0 10px; align-items: center; padding: 12px 14px; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij :is(.duin-hl-foto, .duin-hl-voorraad, .duin-hl-naar, .duin-hl-naam > span, .duin-hl-prijs small) { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-maat { grid-area: maat; font-size: 20px; line-height: 30px; font-weight: 800; white-space: nowrap; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-maat small { display: none; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-naam { grid-area: naam; align-self: end; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-naam b { font-size: 13px; line-height: 17.55px; font-weight: 400; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-lengte { grid-area: lengte; align-self: start; font-size: 13px; line-height: 17.55px; color: #5e655f; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs { grid-area: prijs; display: grid; justify-items: end; font-size: 17px; line-height: 25.5px; font-weight: 800; text-align: right; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs::after { content: "per meter"; font-size: 13px; line-height: 19.5px; font-weight: 500; color: #5e655f; }
}
@media (max-width: 360px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "maat prijs" "naam prijs" "lengte lengte"; row-gap: 0; }
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .site-blok.soort-productrij .duin-hl-regels > a.duin-hl-rij .duin-hl-prijs { align-self: start; }
}
@media (max-width: 760px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat { white-space: normal; }
}
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-maat { white-space: normal; }
@media (max-width: 760px) {
.winkel.terra.lijst-per-maat:is(.lijst-per-maat, #vorm) .duin-hl-meer { min-height: 44px; }
}