.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg-kaart .duin-bezorg-bevestiging { font-size: 14px; line-height: 26px; font-weight: 700; color: var(--nova-inkt); white-space: normal; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg { margin: 0; padding: 0; border: 0; background: none; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { gap: 12px; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart { gap: 2px; padding: 14px 16px; border: 1px solid var(--duin-lijn, var(--nova-lijn)); border-radius: 12px; background: #fff; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart.soort-afhalen { order: -1; border: 2px solid var(--winkel-accent); padding: 13px 15px; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-icoon-vlak { width: 20px; height: 20px; margin: 0 0 4px; padding: 0; background: none; color: var(--winkel-accent); }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart b { font-size: 15px; line-height: 22.5px; font-weight: 800; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-waarde { font-size: 17px; line-height: 25.5px; font-weight: 800; color: var(--winkel-accent); }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-zin { font-size: 13px; line-height: 19.5px; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
@media (max-width: 760px) {
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg { padding: 0; border: 0; background: none; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg :is(.pdp-bezorg-icoon-vlak, .pdp-bezorg-retourregel, .pdp-bezorg-vink) { display: none; }
}
@media (max-width: 560px) {
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaarten { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: baseline; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > b { grid-column: 1; grid-row: 1; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > .pdp-bezorg-waarde { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > :is(.pdp-bezorg-zin, .pdp-bezorg-dag) { grid-column: 1 / -1; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart > .pdp-bezorg-waarde.duin-bezorg-bevestiging { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; }
.winkel.terra.bezorgblok-kaarten:is(.bezorgblok-kaarten, #duin) .pdp-bezorg.duin-bezorg .pdp-bezorg-kaart:has(> .duin-bezorg-bevestiging) > b { grid-column: 1 / -1; }
}