.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling { background: #fff; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); border-bottom: 1px solid var(--duin-lijnzand, var(--nova-lijn)); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-deel svg { color: var(--winkel-accent); stroke-width: 2.2; }
@media (max-width: 1023px) { .winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-rechts { display: none; } }
@media (min-width: 1024px) {
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling { height: 41px; min-height: 41px; font-size: 13px; line-height: 19.5px; font-weight: 400; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-in { height: 40px; max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 0; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-deel { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-weight: 400; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-deel svg { width: 16px; height: 16px; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-rechts { margin-left: auto; display: flex; align-items: center; gap: 20px; white-space: nowrap; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-rechts > .shop-mededeling-tekst:first-child { display: inline-flex; align-items: center; gap: 6px; color: var(--nova-inkt); font-weight: 700; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-rechts > .shop-mededeling-tekst:first-child::before { content: ""; flex: none; width: 15px; height: 15px; background: var(--winkel-accent); -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/></svg>") center / contain no-repeat; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .duin-btw { display: inline-flex; align-items: center; padding: 2px; border-radius: 999px; background: var(--duin-zand, var(--nova-vlak)); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .duin-btw > * { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); text-decoration: none; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .duin-btw > .aan { background: #fff; color: var(--nova-inkt); box-shadow: 0 1px 3px rgba(0, 0, 0, .13); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .duin-btw > a:hover { color: var(--nova-inkt); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-tekst { color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); font-weight: 400; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-schakel { display: inline-flex; align-items: center; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-link { color: var(--duin-inkt2, color-mix(in srgb, var(--nova-inkt) 74%, #fff)); font-weight: 400; opacity: 1; text-decoration: none; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-schakel .shop-mededeling-link + .shop-mededeling-link { margin-left: 10px; padding-left: 11px; border-left: 1px solid var(--duin-lijnzand, var(--nova-lijn)); line-height: 14px; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-link.nu { color: var(--nova-inkt); font-weight: 700; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-link:hover { color: var(--nova-inkt); }
}
@media (min-width: 1024px) and (max-width: 1400px) {
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-in { max-width: none; width: auto; margin-left: var(--nova-zij); margin-right: var(--nova-zij); }
}
@media (max-width: 760px) {
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-in { gap: 16px; overflow: hidden; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-deel:nth-child(n+2) { display: none; }
}
@media (min-width: 1024px) and (max-width: 1399px) {
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-rechts > .shop-mededeling-tekst:nth-child(2) { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling-in > .shop-mededeling-deel:nth-child(3) { display: none; }
}
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling.belofte-donker { background: var(--donker-vlak, var(--nova-inkt)); color: rgba(255, 255, 255, .9); border-bottom: 0; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling.belofte-donker :is(.shop-mededeling-deel, .shop-mededeling-tekst, .shop-mededeling-link) { color: rgba(255, 255, 255, .9); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling.belofte-donker .shop-mededeling-deel svg { color: color-mix(in srgb, var(--winkel-accent) 40%, #fff); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling.belofte-accent { background: var(--winkel-accent); color: var(--winkel-accent-ink, #fff); border-bottom: 0; }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling.belofte-accent :is(.shop-mededeling-deel, .shop-mededeling-tekst, .shop-mededeling-link, .shop-mededeling-deel svg) { color: var(--winkel-accent-ink, #fff); }
.winkel.terra.strook-rechts:is(.strook-rechts, #vorm) .shop-mededeling:is(.belofte-donker, .belofte-licht, .belofte-accent) .shop-mededeling-in:not(:has(.shop-mededeling-rechts)) { justify-content: center; }