@media (min-width: 1000px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina:has(> .site-blok > .site-cta.is-naast) { display: grid; grid-template-columns: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)) minmax(0, 1fr) 64px 520px max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); column-gap: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok { grid-column: 1 / -1; min-width: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok:has(+ .site-blok > .site-cta.is-naast) { grid-column: 2; align-self: center; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina:has(> .site-blok > .site-cta.is-naast) > .site-blok:has(> .site-cta.is-naast) { grid-column: 4; align-self: center; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) > section { width: auto; max-width: none; margin-inline: 0; padding-inline: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-blok > section.site-cta.is-naast { margin-inline: 0; }
}
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) h2 { margin: 0 0 14px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-pagina > .site-blok:has(+ .site-blok > .site-cta.is-naast) p { max-width: 60ch; margin: 0; font-size: 19px; line-height: 1.55; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-blok > section.site-cta.is-naast { width: auto; padding: 32px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; line-height: 1.5; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in::before { content: ""; width: 26px; height: 26px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E") center / 26px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 13h18'/%3E%3C/svg%3E") center / 26px no-repeat; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in h2 { margin: 8px 0 0; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in p { margin: 0 0 8px; font-size: 16px; line-height: 1.5; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in .site-knop { display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 0; border: 0; border-radius: 0; background: none; font-size: 16px; font-weight: 600; color: var(--winkel-accent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in .site-knop::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--h-pijl2, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")) center / 16px no-repeat; mask: var(--h-pijl2, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")) center / 16px no-repeat; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-cta.is-naast .site-cta-in .site-knop:hover { background: none; color: var(--h-knop2, color-mix(in srgb, var(--winkel-accent) 82%, #000)); }
@media (max-width: 999px) { .winkel.terra.shop-page:is(.shop-page, #vorm) .site-blok > section.site-cta.is-naast { margin-inline: var(--nova-zij); } }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-foto { height: auto; aspect-ratio: 312 / 200; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-foto img { height: 100%; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-kaart > .site-kaartregels-tekst { padding: 20px 22px 22px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-titel { font-size: 20px; line-height: 26px; font-weight: 700; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-zin { min-height: 0; font-size: 15px; line-height: 22px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > .site-kaartregels-zin { margin-top: 6px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-kaart .site-kaartregels-tekst > .site-kaartregels-punten.is-iconen { margin-top: 16px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-punten.is-iconen { gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-punten.is-iconen .site-kaartregels-punt { align-items: center; gap: 12px; margin: 0; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-punten.is-iconen .site-kaartregels-punt.is-zonder { min-height: 36px; padding-left: 48px; }
@media (max-width: 760px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-kaart > .site-kaartregels-tekst { gap: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-iconen .site-kaartregels-kaart > .site-kaartregels-tekst > .site-kaartregels-knoppen { margin-top: 18px; }
}
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-icoon { flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--winkel-accent) 12%, #fff); color: var(--winkel-accent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-icoon svg { width: 20px; height: 20px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-inktknop svg { flex: none; width: 18px; height: 18px; margin-right: 10px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-foto { height: auto; aspect-ratio: 16 / 9; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-foto img { height: 100%; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kaart > .site-kaartregels-tekst { gap: 0; padding: 20px 22px 24px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > * { margin-top: 8px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kaart.is-metfoto > .site-kaartregels-tekst > :first-child { margin-top: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kopje { margin: 0; letter-spacing: .06em; color: var(--winkel-accent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-titel { font-size: 19px; line-height: 26px; font-weight: 600; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-zin { min-height: 0; font-size: 15px; line-height: 23px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kaart { transition: border-color .15s, box-shadow .15s; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.is-kaartlink .site-kaartregels-kaart:hover { border-color: var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij:not(.is-compact) .site-kaartregels-in:has(> .site-kaartregels-erbij) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; margin-bottom: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart { position: relative; isolation: isolate; display: flex; flex-direction: column; grid-row: auto; min-height: 440px; margin: 0; padding: 36px; border: 0; border-radius: 20px; overflow: hidden; background: linear-gradient(160deg, color-mix(in srgb, var(--winkel-accent) 11%, #fff), color-mix(in srgb, var(--winkel-accent) 4%, #fff)); box-shadow: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-foto { position: absolute; right: -24px; bottom: -12px; z-index: -1; grid-row: auto; width: 64%; height: auto; aspect-ratio: auto; overflow: visible; background: none; mix-blend-mode: multiply; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-foto img { display: block; width: 100%; height: auto; object-fit: contain; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-tekst { display: flex; flex-direction: column; gap: 0; grid-row: auto; max-width: 420px; padding: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-tekst > * { margin-top: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-kopje { margin: 0 0 12px; color: var(--winkel-accent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-titel { font-size: 28px; line-height: 34px; font-weight: 700; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-zin { min-height: 0; margin-top: 12px; font-size: 16px; line-height: 26px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-tekst > .site-kaartregels-knoppen { align-self: flex-start; margin-top: 24px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-inktknop { min-height: 50px; padding: 0 26px; background: var(--winkel-accent); color: var(--winkel-accent-ink, #fff); font-size: 16px; font-weight: 600; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-inktknop:hover { background: color-mix(in srgb, var(--winkel-accent) 88%, #000); color: var(--winkel-accent-ink, #fff); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij { display: flex; min-width: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij > .rkb { flex: 1; min-width: 0; margin: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-vak { display: flex; flex-direction: column; align-items: stretch; gap: 0; height: 100%; min-height: 440px; box-sizing: border-box; padding: 36px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-tekst { max-width: 440px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart h3.rkb-pw-titel { margin: 0; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: normal; color: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-zin { max-width: 420px; font-size: 16px; line-height: 26px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-app { margin-top: auto; padding-top: 28px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-pil { width: auto; }
@media (max-width: 1023px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij:not(.is-compact) .site-kaartregels-in:has(> .site-kaartregels-erbij) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart { min-height: 0; padding: 24px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-foto { position: static; order: 2; width: 100%; margin: 16px 0 -12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart > .site-kaartregels-tekst { max-width: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels.met-erbij .site-kaartregels-in > .site-kaartregels-kaart .site-kaartregels-titel { font-size: 24px; line-height: 30px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-vak { min-height: 0; padding: 24px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart .rkb-pw-tekst { max-width: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-kaartregels-erbij .rkb.rkb-pompwijzer.rkb-pw-kaart h3.rkb-pw-titel { font-size: 24px; line-height: 30px; }
}
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-vak .site-banner:has(> .site-banner-tegels) { display: grid; grid-template-columns: max-content max-content minmax(0, 1fr) calc((100% - 56px) * .45 + 56px); grid-template-rows: auto auto; align-content: center; align-items: start; min-height: 0; column-gap: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-foto:has(> .site-banner-tegels)::before { background: linear-gradient(90deg, color-mix(in srgb, var(--ink) 94%, transparent) 0%, color-mix(in srgb, var(--ink) 84%, transparent) 45%, color-mix(in srgb, var(--ink) 35%, transparent) 100%); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-in { grid-column: 1 / 4; grid-row: 1; max-width: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-in > * { max-width: 560px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-knop { grid-column: 1; grid-row: 2; align-self: start; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-knop.site-banner-knop2 { grid-column: 2; background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-knop:not(.site-banner-knop2) { background: var(--winkel-koop, #fff); border-color: var(--winkel-koop, #fff); color: var(--winkel-koop-ink, var(--ink)); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-knop:not(.site-banner-knop2)::after { content: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegels { grid-column: 4; grid-row: 1 / 3; align-self: center; display: grid; gap: 12px; padding-left: 56px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegel { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--hv-kaart-hoek, 14px); background: rgba(255, 255, 255, .08); color: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegel-icoon { display: inline-flex; flex: none; color: var(--winkel-koop, #fff); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegel-icoon svg { width: 22px; height: 22px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegel-tekst { display: flex; flex-direction: column; min-width: 0; font-size: 15px; line-height: 21px; color: color-mix(in srgb, #fff 84%, var(--ink)); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegel-tekst b { font-size: 16px; line-height: 22px; font-weight: 600; color: #fff; }
@media (max-width: 900px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-vak .site-banner:has(> .site-banner-tegels) { grid-template-columns: minmax(0, 1fr); padding-inline: var(--nova-zij); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-foto:has(> .site-banner-tegels)::before { background: color-mix(in srgb, var(--ink) 88%, transparent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > :is(.site-banner-in, .site-banner-knop, .site-banner-tegels) { grid-column: 1; grid-row: auto; justify-self: start; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner:has(> .site-banner-tegels) > .site-banner-knop.site-banner-knop2 { grid-column: 1; margin-top: 12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-banner-tegels { justify-self: stretch; margin-top: 28px; padding-left: 0; }
}
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-fotovak { position: relative; order: 2; min-width: 0; overflow: hidden; border-radius: 20px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel.foto-links .h-tf-fotovak { order: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-fotovak .site-tekstfoto-foto { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-tf-label { position: absolute; left: 18px; bottom: 18px; display: flex; flex-direction: column; max-width: calc(100% - 36px); padding: 10px 14px; border-radius: 12px; background: #fff; font-size: 14px; line-height: 19px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-tf-label b { font-size: 15px; line-height: 20px; font-weight: 700; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .h-tf-label small { font-size: 14px; line-height: 19px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-knoppen .site-knop { gap: 10px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-tweede svg { flex: none; width: 18px; height: 18px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-link { grid-template-columns: 200px minmax(0, 1fr) 24px; gap: 16px; min-height: 58px; padding: 0; font-size: 15px; line-height: 21px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-link b { font-size: 15px; line-height: 21px; font-weight: 600; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-link span { font-size: 15px; line-height: 21px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
@media (min-width: 901px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); column-gap: 56px; align-items: center; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel.foto-links { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
}
@media (max-width: 900px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-fotovak { order: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-tekstfoto.met-fotolabel .h-tf-link { grid-template-columns: minmax(0, 1fr) 24px; }
}
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) > .shop-kaart > img { aspect-ratio: 4 / 3; border-radius: 10px; margin-bottom: 12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-titel { font-size: 15px; line-height: 1.3; font-weight: 600; min-height: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) :is(.nova-chiprij, .nova-code, .nova-knoppen, .nova-hartvorm, .kaart-tand, .shop-kaart-vergelijk) { display: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .shop-kaart-spec { font-size: 13.5px; color: var(--h-inkt3, color-mix(in srgb, var(--ink) 64%, var(--bg, #fff))); white-space: normal; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-voet { border: 0; padding: 4px 0 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak b, .winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-prijs { font-size: 16px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak small { display: none; }
@media (max-width: 1100px) { .winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-titel { font-size: 14px; -webkit-line-clamp: 3; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-prijsvak { display: block; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-voet { margin-top: auto; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .shop-kaart > img { border: 2px solid transparent; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) > .shop-kaart { gap: 1px; line-height: 1.35; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-voet { margin: 6px 0 0; padding: 0; min-height: 0; height: auto; border: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-producten-in:where(.is-maatladder):has(> .shop-kaart:nth-child(8):last-child) .nova-prijs { font-size: 16px; line-height: 1.35; font-weight: 600; letter-spacing: 0; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maten { display: grid; grid-template-columns: repeat(var(--maten, 6), minmax(0, 1fr)); gap: 16px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--hv-kaart-hoek, 14px); background: #fff; color: var(--ink); text-decoration: none; transition: border-color .15s; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat:hover { border-color: var(--winkel-accent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-foto { display: block; width: 100%; height: auto; aspect-ratio: 1400 / 1100; object-fit: contain; background: #fff; }
.winkel.terra.shop-page.kaart-liggend:is(.shop-page, #vorm) .site-maat-foto { aspect-ratio: 4 / 3; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-tekst { display: flex; flex: 1; flex-direction: column; gap: 2px; padding: 14px 16px 16px; border-top: 1px solid var(--line); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-kop { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-regel { font-size: 14px; line-height: 20px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-meter { position: relative; display: block; height: 6px; margin: 12px 7px 0 0; border-radius: 999px; background: var(--h-vlak2, color-mix(in srgb, var(--ink) 7%, var(--wash2, #eef2f3))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-meter i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--d); border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--winkel-accent) 30%, #fff), var(--winkel-accent)); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-meter i::after { content: ""; position: absolute; right: -7px; top: -4px; width: 14px; height: 14px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; background: var(--winkel-accent); box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-meter-tekst { margin-top: 6px; font-size: 13px; line-height: 18px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-prijs { margin-top: auto; padding-top: 10px; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-rijvoet { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 16px 20px; border: 1px dashed var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: var(--hv-kaart-hoek, 14px); background: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-rijvoet-zin { flex: 1 1 auto; max-width: none; margin: 0; font-size: 16px; line-height: 26px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-rijvoet-zin b { font-weight: 700; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-rijvoet-knop { display: inline-flex; flex: none; align-items: center; justify-content: center; margin: 0; }
@media (max-width: 1099px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maten { grid-template-columns: repeat(var(--maten-smal, 3), minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-tekst { padding: 12px 12px 14px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-maat-kop { font-size: 17px; line-height: 22px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-rijvoet { flex-direction: column; align-items: flex-start; gap: 14px; }
}