.winkel.terra.held-koopkaart-aan .site-hero:has(.held-koopkaart) .site-hero-dia.metfoto:not(.kaart) .site-hero-in { padding-bottom: 72px; }
.winkel.terra.held-koopkaart-aan .held-koopkaart {
position: absolute; z-index: 3; top: 44px; right: max(var(--nova-zij), calc((100% - var(--site-breedte)) / 2 + var(--nova-zij)));
width: 400px; background: #fff; color: var(--nova-inkt); border-radius: 16px; overflow: hidden;
box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}
.held-koopkaart-foto { display: block; height: 160px; background: var(--nova-vlak); }
.held-koopkaart-foto img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 14px; box-sizing: border-box; }
.held-koopkaart-in { display: grid; gap: 10px; padding: 20px 22px 22px; }
.held-koopkaart-label { justify-self: start; height: 26px; padding: 0 11px; border-radius: 999px; background: color-mix(in srgb, var(--winkel-accent) 12%, #fff); color: var(--winkel-accent); font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; }
.held-koopkaart-naam { font-size: 19px; font-weight: 800; line-height: 1.3; color: var(--nova-inkt); text-decoration: none; }
.held-koopkaart-kenmerken { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.held-koopkaart-kenmerken i { font-style: normal; font-size: 14px; font-weight: 600; color: color-mix(in srgb, var(--nova-inkt) 62%, #fff); }
.held-koopkaart-kenmerken i:first-child { color: var(--winkel-accent); font-weight: 800; }
.held-koopkaart-prijs b { font-size: 30px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.held-koopkaart-prijs small { font-size: 14px; color: color-mix(in srgb, var(--nova-inkt) 62%, #fff); }
.held-koopkaart-staffels { display: grid; gap: 4px; padding: 10px 12px; border-radius: 10px; background: var(--nova-vlak); font-size: 13.5px; }
.held-koopkaart-staffels span { display: flex; justify-content: space-between; gap: 12px; }
.held-koopkaart-staffels em { font-style: normal; color: color-mix(in srgb, var(--nova-inkt) 62%, #fff); }
.held-koopkaart-staffels b { font-variant-numeric: tabular-nums; }
.held-koopkaart-vorm { margin: 4px 0 0; }
.held-koopkaart-knop { width: 100%; height: 52px; justify-content: center; border-radius: 10px; font-size: 16px; font-weight: 800; }
.winkel.terra.held-koopkaart-aan .held-koopkaart-label { color: color-mix(in srgb, var(--winkel-accent) 70%, #000); }
@media (max-width: 1023px) {
.winkel.terra.held-koopkaart-aan .site-hero:has(.held-koopkaart) { display: flex; flex-direction: column-reverse; }
.winkel.terra.held-koopkaart-aan .site-hero:has(.held-koopkaart) .site-hero-dia.metfoto:not(.kaart) .site-hero-in { padding-bottom: 0; }
.winkel.terra.held-koopkaart-aan .held-koopkaart { position: static; transform: none; width: auto; margin: -40px 16px 0; z-index: 3; display: grid; grid-template-columns: 120px minmax(0, 1fr); }
.winkel.terra.held-koopkaart-aan .held-koopkaart-foto { height: auto; }
.winkel.terra.held-koopkaart-aan .held-koopkaart-in { padding: 16px; gap: 8px; }
.winkel.terra.held-koopkaart-aan .held-koopkaart-staffels { display: none; }
}
@media (max-width: 700px) {
.winkel.terra.held-koopkaart-aan .held-koopkaart-naam { font-size: 16px; }
.winkel.terra.held-koopkaart-aan .held-koopkaart-prijs b { font-size: 24px; }
}