.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) {
--thema-breedte: var(--hv-breedte, 1296px);
--nova-zij: clamp(16px, 4vw, 24px);
--hv-band: 96px;
--hv-band-krap: 72px;
--hv-band-ruim: 120px;
}
@media (max-width: 1023px) { .winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) { --hv-band: 72px; --hv-band-krap: 56px; --hv-band-ruim: 88px; } }
@media (max-width: 700px) { .winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) { --hv-band: 56px; --hv-band-krap: 48px; --hv-band-ruim: 64px; } }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina { gap: 0; padding-top: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok { margin-block: 0; padding-block: var(--hv-band); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-ruimte-krap { padding-block: var(--hv-band-krap); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-ruimte-ruim { padding-block: var(--hv-band-ruim); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs { background: var(--h-vlak, var(--wash2, #eef2f3)); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok > section { margin-block: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:is(.opm-vlak-grijs, .opm-vlak-accent, .opm-ruimte-krap, .opm-ruimte-ruim) > section:not(.site-cta, .site-koopkop, .site-tekstfoto.vlak-grijs) { padding-block: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-blok.opm-vlak-grijs > section.site-formulier { padding-block: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.soort-tekstfoto:has(> .site-tekstfoto.vlak-grijs) { padding-block: var(--hv-band); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:is(.soort-banner, .soort-rekenblok, :has(> .site-koopkop.met-foto), :has(> .rkb-pw-balk)) { padding-block: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs + .site-blok.opm-vlak-grijs,
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-accent + .site-blok.opm-vlak-accent,
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker, .soort-banner, .soort-rekenblok, :has(> .site-koopkop.met-foto), :has(> .rkb-pw-balk)) + .site-blok:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker, .soort-banner, .soort-rekenblok, :has(> .site-koopkop.met-foto)) { padding-top: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs:has(+ .site-blok.soort-cta.opm-vlak-grijs),
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker):has(+ .site-blok.soort-cta:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker)) { padding-bottom: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs + .site-blok.soort-cta.opm-vlak-grijs,
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker) + .site-blok.soort-cta:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker) { padding-top: 20px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) :is(.site-kruimelpad, .site-paginakop) + .site-pagina > .site-blok:first-child:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker, :has(> .site-koopkop.met-foto)) { padding-top: 32px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main.site-main:has(> .site-inhoud) > .site-pagina > .site-blok:first-child:not(.opm-vlak-grijs, .opm-vlak-accent, .opm-vlak-donker) { padding-top: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main.site-main ~ .shop-footer { margin-top: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-breedte-smal > section { box-sizing: border-box; width: auto; max-width: none; margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); padding-inline: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-breedte-smal > section > * { max-width: 760px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs > section.site-cta { margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); padding: 16px 20px; border: 1px dashed var(--h-lijn2, color-mix(in srgb, var(--ink) 22%, var(--bg, #fff))); border-radius: var(--hoek, 14px); background: var(--card, #fff); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok > section.site-cta { margin-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs > section.site-cta .site-cta-in { gap: 4px 24px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs > section.site-cta h2 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok.opm-vlak-grijs > section.site-cta p { margin: 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.hv-banden:is(.hv-banden, #vorm) .site-banner-vak .site-banner { padding-inline: max(var(--nova-zij), calc((100% - var(--thema-breedte)) / 2)); }
@media (max-width: 559px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main { background: var(--bg, #fff); }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main.site-main:not(:has(> .site-inhoud)) > .shop-kruimels.site-kruimelpad { margin-inline: auto; padding-inline: 0; }
}
@media (min-width: 901px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-vraag.twee-kolommen { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 56px; }
}
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto.is-vrijstaand) > .site-koopkop { padding-top: 56px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto):has(+ .site-blok > .rkb-pw-balk) > .site-koopkop { padding-bottom: 128px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto) + .site-blok:has(> .rkb-pw-balk) { margin-top: -84px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok > section.rkb-pw-balk { padding-block: 0; }
@media (min-width: 1024px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-koopkop.is-vrijstaand { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); column-gap: 16px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-koopkop.is-vrijstaand .site-koopkop-tekst { max-width: none; }
}
@media (min-width: 1200px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-koopkop.is-vrijstaand { grid-template-columns: minmax(0, 1fr) minmax(0, 1.39fr); }
}
@media (max-width: 700px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto.is-vrijstaand) > .site-koopkop { padding-top: 32px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto):has(+ .site-blok > .rkb-pw-balk) > .site-koopkop { padding-bottom: 96px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-pagina > .site-blok:has(> .site-koopkop.met-foto) + .site-blok:has(> .rkb-pw-balk) { margin-top: -64px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-koopkop.is-vrijstaand .site-prijskaartje-tekst { flex: 1 1 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-koopkop.is-vrijstaand .site-prijskaartje-prijs { margin-right: 0; text-align: right; }
}
@media (min-width: 761px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-fotoverhaal.met-punten { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-fotoverhaal.met-punten .site-fotoverhaal-onderdelen { max-width: none; }
}
@media (max-width: 1023px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .site-tekstfoto:has(.h-tf-knoppen) .h-tf-knoppen > * { margin: 0; }
}
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .offerte-vraag :is(.offerte-bericht, .offerte-regels > *) { max-width: none; }
@media (max-width: 559px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main > .offerte-vraag { margin-inline: calc(-1 * var(--nova-zij)); }
}
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .hlw-leeg { padding-top: 0; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .hlw-leeg > p { margin: 0 0 10px; }
@media (min-width: 900px) {
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .offerte-vraag > :is(.offerte-gegevens, .offerte-regels) { padding-top: 24px; }
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .offerte-gegevens > .offerte-kruimels { margin-top: 0; padding-top: 0; }
}
.winkel.terra.shop-page.hv-banden:is(.hv-banden, #vorm) .shop-main:has(> .offerte-vraag) ~ .shop-footer { margin-top: 0; }