.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers { display: grid; grid-template-columns: repeat(3, minmax(min-content, 1fr)); gap: 20px; max-width: 600px; margin: 44px 0 0; padding: 28px 0 0; border-top: 1px solid var(--line); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers dt { font-size: 22px; line-height: 28px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers dd { margin: 4px 0 0; 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) :is(.opm-vlak-donker, .site-blok:has(> .site-koopkop.met-foto)) .site-koopkop-cijfers { border-top-color: rgba(255, 255, 255, .18); }
.winkel.terra.shop-page:is(.shop-page, #vorm) :is(.opm-vlak-donker, .site-blok:has(> .site-koopkop.met-foto)) .site-koopkop-cijfers dt { color: #fff; }
.winkel.terra.shop-page:is(.shop-page, #vorm) :is(.opm-vlak-donker, .site-blok:has(> .site-koopkop.met-foto)) .site-koopkop-cijfers dd { color: rgba(255, 255, 255, .72); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart { display: flex; flex-direction: column; align-items: center; min-height: 0; padding: 0; background: none; border-radius: 0; box-shadow: none; overflow: visible; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart::before { display: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart-foto { position: relative; inset: auto; display: block; width: min(52.5%, 420px); height: auto; min-height: 0; aspect-ratio: auto; margin: 0 auto; overflow: visible; background: none; border-radius: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart-foto::before { content: ""; position: absolute; left: -12%; top: 4%; z-index: -1; width: 124%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--winkel-koop, var(--winkel-accent)) 20%, transparent) 0%, color-mix(in srgb, var(--winkel-accent) 24%, transparent) 38%, transparent 70%); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart-foto img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; mix-blend-mode: normal; border-radius: 0; filter: drop-shadow(0 34px 38px rgba(0, 0, 0, .38)); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer { position: absolute; top: var(--y); left: -45.24%; right: calc(100% - var(--x)); z-index: 2; display: flex; align-items: center; height: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer.is-rechts { left: var(--x); right: -45.24%; flex-direction: row-reverse; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer b { flex: 0 1 auto; padding: 6px 12px; border-radius: 16px; text-wrap: balance; background: #fff; color: var(--ink); font-size: 13px; line-height: 18px; font-weight: 600; box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .6); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer i { flex: 1; min-width: 16px; border-top: 1.5px solid rgba(255, 255, 255, .7); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer em { flex: none; width: 12px; height: 12px; margin-right: -6px; border-radius: 50%; background: var(--winkel-koop, var(--winkel-accent)); box-shadow: 0 0 0 4px color-mix(in srgb, var(--winkel-koop, var(--winkel-accent)) 32%, transparent); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer.is-rechts em { margin: 0 0 0 -6px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; width: min(580px, 100%); margin-top: -26px; padding: 14px 14px 14px 20px; border-radius: 16px; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 26px 50px -26px rgba(0, 0, 0, .65); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-tekst { flex: 1; min-width: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-tekst b { display: block; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-tekst > span { display: block; margin-top: 2px; 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-prijskaartje-prijs { flex: none; text-align: right; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-prijs b { display: block; font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-prijs small { display: block; font-size: 13px; line-height: 16px; color: var(--h-inkt2, color-mix(in srgb, var(--ink) 80%, var(--bg, #fff))); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-knop { flex: none; display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 18px; border-radius: 8px; font-size: 15px; }
@media (max-width: 1100px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers { margin-top: 32px; padding-top: 22px; }
}
@media (max-width: 700px) {
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-aanwijzer { display: none; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop.is-vrijstaand .site-koopkaart-foto { width: min(78%, 420px); }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 28px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers div { display: flex; align-items: baseline; gap: 10px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers dt { flex: none; font-size: 18px; line-height: 24px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-koopkop-cijfers dd { margin: 0; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje { flex-wrap: wrap; gap: 10px; margin-top: -16px; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-tekst { flex-basis: 100%; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-prijs { text-align: left; margin-right: auto; }
.winkel.terra.shop-page:is(.shop-page, #vorm) .site-prijskaartje-knop { width: 100%; }
}