.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart {
position: absolute; z-index: 3; right: max(var(--nova-zij), calc((100% - 1440px) / 2 + var(--nova-zij))); bottom: 160px; width: 352px; box-sizing: border-box;
background: #fff; color: var(--sk-inkt, var(--nova-inkt)); border-radius: 16px; padding: 18px 18px 20px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6);
display: flex; flex-direction: column;
}
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart-boven { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 24px; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-label { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 5px; background: var(--sk-kool, var(--donker-vlak, var(--nova-inkt))); color: #fff; font-size: 13px; line-height: 18px; font-weight: 800; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-voorraad { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; line-height: 18px; font-weight: 650; color: var(--sk-groen, #2E7D32); }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-voorraad::before { content: ""; width: 8px; height: 8px; border-radius: 4px; background: currentColor; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-voorraad.wacht { color: var(--sk-oranje, #B45309); }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-voorraad.nee { color: var(--sk-rood, var(--winkel-accent)); }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-foto img { display: block; width: 100%; height: 220px; object-fit: contain; margin: 6px 0 4px; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart .sk-kaart-merk { display: block; margin-top: 0; font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sk-zacht, color-mix(in srgb, var(--nova-inkt) 66%, #fff)); }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-naam { display: block; font-size: 20px; line-height: 26px; font-weight: 800; color: var(--sk-inkt, var(--nova-inkt)); text-decoration: none; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-prijs { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 10px 0 12px; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-prijs b { font-size: 24px; line-height: 28px; font-weight: 850; font-stretch: 80%; font-variant-numeric: tabular-nums; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-prijs small { font-size: 13px; color: var(--sk-zacht, color-mix(in srgb, var(--nova-inkt) 66%, #fff)); }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-zin { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 8px 10px; border-radius: 8px; background: var(--sk-rood-zacht, color-mix(in srgb, var(--winkel-accent) 10%, #fff)); color: var(--sk-rood-inkt, color-mix(in srgb, var(--winkel-accent) 70%, #000)); font-size: 13px; line-height: 18px; font-weight: 700; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-knop { width: 100%; height: 44px; font-size: 15px; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-knop::after { content: none; }
@media (max-width: 760px) {
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .site-pagina > .site-blok.soort-hero > section { display: flex; flex-direction: column; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .site-hero-dias { order: 0; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart {
order: 1; position: relative; right: auto; bottom: auto; width: auto; margin: 0 16px 24px; display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; padding: 14px;
}
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart > * { grid-column: 2; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-kaart-boven { display: none; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-foto { grid-column: 1; grid-row: 1 / span 3; align-self: center; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-foto img { height: 96px; margin: 0; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-naam { font-size: 17px; line-height: 22px; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-prijs { margin: 4px 0 0; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-zin { grid-column: 1 / -1; margin: 12px 0 0; }
.winkel.terra.held-koopkaart-aan.held-koopkaart-bekijken .sk-held-knop { display: none; }
}