/* Verzendblok "Wanneer verzenden wij?" - blok in de pagina.
 * Overgenomen uit Code Snippets snippet 9, ongewijzigd.
 * Pop-up styling staat in levertijden-popup.css. */

.sdvz{margin:14px 0 0;cursor:pointer;line-height:1.55;color:#1A1A1A}
.sdvz *{box-sizing:border-box}
.sdvz-titelrij{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.sdvz-tt{font-size:14px;font-weight:700;letter-spacing:-.01em}
.sdvz-ii{flex:none;width:19px;height:19px;border-radius:50%;border:1.4px solid #E6007E;color:#E6007E;
         display:grid;place-items:center;font-size:11px;font-weight:700;font-style:italic;line-height:1;margin-left:auto}
.sdvz:hover .sdvz-ii{background:#E6007E;color:#fff}
.sdvz-paar{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.sdvz-paar.sdvz-solo{grid-template-columns:1fr}
.sdvz-kaart{border:1px solid #E4E4EA;border-radius:9px;overflow:hidden;background:#fff}
.sdvz-kaart.sdvz-sp{border-color:#F6D8E8;background:#FEFBFC}
.sdvz-kh{display:flex;align-items:center;gap:7px;padding:6px 11px;background:#F4F4F7;font-size:9.5px;
         font-weight:700;text-transform:uppercase;letter-spacing:.075em;color:#5C5C67}
.sdvz-kaart.sdvz-sp .sdvz-kh{background:#FDF2F7;color:#B10062}
.sdvz-kb{padding:9px 11px 11px}
.sdvz-kl{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.075em;color:#8A8A95}
.sdvz-dt{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-top:1px}
.sdvz-kaart.sdvz-sp .sdvz-dt{color:#E6007E}
.sdvz-ih{display:block;font-size:12px;color:#5C5C67;margin-top:4px;line-height:1.35}
.sdvz-ih b{color:#3A3A44;font-weight:600}
.sdvz-ster{color:#E6007E;font-weight:700}
/* het thema zet spans binnen de productkolom vet; hier terug naar het ontwerp */
.sdvz .sdvz-ih{font-weight:400;letter-spacing:0}
.sdvz .sdvz-ih b{font-weight:600;color:#3A3A44}
.sdvz .sdvz-urg,
.sdvz .sdvz-urg span{font-weight:400;letter-spacing:0}
.sdvz .sdvz-urg b{font-weight:700}
/* het thema maakt losse spans in de productkolom vet; alleen waar wij dat willen */
.sdvz .sdvz-ih span{font-weight:400}
.sdvz .sdvz-ih b.sdvz-bzd{font-weight:600}
/* offerteknop in de stijl van het ontwerp: wit met roze rand */
/* zelfde tussenruimte als in het ontwerp */
p.offerte-product{margin-top:12px}
p.offerte-product a.button{background:#fff !important;color:#B10062 !important;
    border:1.5px solid #E6007E !important;box-shadow:none !important}
p.offerte-product a.button:hover{background:#FDF2F7 !important;color:#B10062 !important}
.sdvz-urg{font-size:12.5px;color:#5C5C67;margin-top:9px;line-height:1.4;display:flex;gap:8px;align-items:center}
.sdvz-urg b{color:#B10062;font-weight:700;font-variant-numeric:tabular-nums}
.sdvz-urg.sdvz-krap b{color:#96560A}
@media(max-width:600px){
	.sdvz-kh{font-size:9px;padding:5px 9px;gap:5px;white-space:nowrap}
	.sdvz-lg{display:none}
	.sdvz-kb{padding:8px 9px 10px}
	.sdvz-kl{font-size:9px}
	.sdvz-dt{font-size:14px;white-space:nowrap}
	.sdvz-ih{font-size:11px}
	.sdvz-bzl,.sdvz-bzd{display:block;white-space:nowrap}
}

/* ---------------------------------------------------------------------------
 * Plaatsing op de productpagina.
 *
 * Het thema heeft twee knopgroepen die elkaar per schermbreedte afwisselen:
 *   .mobile-customizer            desktop: in de kolom
 *                                 mobiel : vaste balk onderaan (.showFixedMobileButton)
 *   .mobile-customizer-notfixed   desktop: verborgen
 *                                 mobiel : in de kolom
 *
 * Het blok staat in allebei, zodat het op beide breedtes tussen de ontwerpknop
 * en de offerteknop valt. Deze twee regels zorgen dat er altijd precies een van
 * de twee zichtbaar is.
 * ------------------------------------------------------------------------- */

/* De mobiele variant hoort niet op desktop. */
.sdvz-alleen-mobiel{display:none}

@media (max-width:767px){
  .sdvz-alleen-mobiel{display:block}
  /* De desktopvariant zit in de vaste balk onderaan; daar past geen blok in. */
  .mobile-customizer .sdvz{display:none}
}