/* De Ventilatorenbaas - Verzekerde Verzending */
.vb-vv-block{
    display:flex;
    align-items:center;
    gap:16px;
    padding:20px;
    margin:20px 0;
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    transition:border-color .2s ease, box-shadow .2s ease;
}
.vb-vv-block.is-on{ border-color:#43b02a; box-shadow:0 4px 18px rgba(67,176,42,.18); }
.vb-vv-icon{
    flex:0 0 48px;
    width:48px;height:48px;
    display:flex;align-items:center;justify-content:center;
    background:#f4faf2;color:#43b02a;
    border-radius:12px;
}
.vb-vv-text{ flex:1 1 auto; min-width:0; }
.vb-vv-title{ font-weight:600; font-size:15px; line-height:1.3; color:#111; }
.vb-vv-price{ color:#43b02a; font-weight:600; }
.vb-vv-desc{ font-size:13px; color:#555; margin-top:4px; line-height:1.4; }

/* iOS-style switch */
.vb-vv-switch{
    position:relative; display:inline-block;
    width:54px; height:30px; flex:0 0 54px;
}
.vb-vv-switch input{ opacity:0; width:0; height:0; }
.vb-vv-slider{
    position:absolute; cursor:pointer; inset:0;
    background:#d1d5db; border-radius:999px;
    transition:background .25s ease;
}
.vb-vv-slider::before{
    content:""; position:absolute;
    height:24px; width:24px; left:3px; top:3px;
    background:#fff; border-radius:50%;
    box-shadow:0 2px 4px rgba(0,0,0,.2);
    transition:transform .25s ease;
}
.vb-vv-switch input:checked + .vb-vv-slider{ background:#43b02a; }
.vb-vv-switch input:checked + .vb-vv-slider::before{ transform:translateX(24px); }
.vb-vv-switch input:focus-visible + .vb-vv-slider{ outline:2px solid #43b02a; outline-offset:2px; }

.vb-vv-block.is-loading{ opacity:.6; pointer-events:none; }

.vb-vv-qty{ display:inline-block; padding:4px 10px; background:#f3f4f6; border-radius:8px; font-weight:600; }

/* Mobiel */
@media (max-width: 600px){
    .vb-vv-block{
        flex-wrap:wrap;
        gap:12px;
        padding:16px;
    }
    .vb-vv-icon{ flex:0 0 40px; width:40px; height:40px; }
    .vb-vv-text{ flex:1 1 calc(100% - 120px); order:2; }
    .vb-vv-switch{ order:3; margin-left:auto; }
}