/* ============================================================
   MASSIVE BAITS SIGNATURE V3 — VOERPLAN
   ============================================================ */

.mb26-voerplan{
    position:relative;
    overflow:hidden;
    padding:94px 0 102px;
    background:
        radial-gradient(circle at 86% 18%,rgba(247,147,51,.075),transparent 28%),
        linear-gradient(135deg,#11120f 0%,#151612 56%,#10110f 100%);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.mb26-voerplan__watermark{
    position:absolute;
    left:-25px;
    bottom:-24px;
    pointer-events:none;
    user-select:none;
    color:rgba(255,255,255,.015);
    font-size:clamp(140px,20vw,310px);
    line-height:.7;
    font-weight:950;
    letter-spacing:-.075em;
    white-space:nowrap;
}

.mb26-voerplan__head{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);
    gap:72px;
    align-items:end;
    margin-bottom:48px;
}

.mb26-voerplan__head h2{
    max-width:800px;
    margin:0;
    color:#f4eee6;
    font-size:clamp(45px,5.6vw,76px);
    line-height:.94;
    letter-spacing:-.05em;
}

.mb26-voerplan__head h2 span{color:#f79333}

.mb26-voerplan__head>p{
    max-width:520px;
    margin:0;
    color:#827b73;
    font-size:12px;
    line-height:1.75;
}

.mb26-voerplan__grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);
    gap:24px;
    align-items:start;
}

.mb26-voerplan__controls{
    padding:31px 32px 27px;
    background:rgba(10,11,9,.46);
    border:1px solid rgba(255,255,255,.07);
    border-radius:5px;
}

.mb26-voerplan__field{
    margin:0;
    padding:0 0 25px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.mb26-voerplan__field+.mb26-voerplan__field{padding-top:25px}

.mb26-voerplan__field legend{
    width:100%;
    margin:0 0 14px;
    padding:0;
    color:#777068;
    font-size:8px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.mb26-voerplan__options{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.mb26-voerplan__options button{
    min-height:43px;
    padding:0 15px;
    color:#c7c0b8;
    background:#10110f;
    border:1px solid rgba(255,255,255,.10);
    border-radius:3px;
    font:inherit;
    font-size:9px;
    font-weight:850;
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;
}

.mb26-voerplan__options button:hover{
    color:#fff;
    transform:translateY(-1px);
    border-color:rgba(247,147,51,.45);
}

.mb26-voerplan__options button[aria-pressed="true"]{
    color:#17120d;
    background:linear-gradient(180deg,#ff9c3c,#e87a22);
    border-color:#f79333;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(0,0,0,.18);
}

.mb26-voerplan__sizes{
    display:flex;
    align-items:flex-end;
    gap:19px;
    flex-wrap:wrap;
}

.mb26-voerplan__sizes button{
    min-width:86px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:12px 12px 10px;
    color:#777068;
    background:transparent;
    border:1px solid transparent;
    border-radius:4px;
    font:inherit;
    cursor:pointer;
    transition:color .18s ease,border-color .18s ease,background .18s ease;
}

.mb26-voerplan__sizes button:hover{
    color:#d7d0c7;
    background:rgba(255,255,255,.02);
    border-color:rgba(255,255,255,.06);
}

.mb26-voerplan__sizes button[aria-pressed="true"]{
    color:#f79333;
    background:rgba(247,147,51,.035);
    border-color:rgba(247,147,51,.20);
}

.mb26-voerplan__sizes strong{
    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.07em;
}

.mb26-voerplan__boilie{
    display:block;
    border-radius:50%;
    background:
        radial-gradient(circle at 32% 26%,rgba(255,255,255,.22),transparent 33%),
        radial-gradient(circle at 72% 78%,rgba(0,0,0,.58),transparent 56%),
        radial-gradient(1.4px 1.4px at 22% 55%,rgba(0,0,0,.7),transparent),
        radial-gradient(1.4px 1.4px at 67% 34%,rgba(255,255,255,.18),transparent),
        #6c3b1f;
    box-shadow:inset -5px -7px 12px rgba(0,0,0,.45),0 10px 20px rgba(0,0,0,.32);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.mb26-voerplan__boilie{width:var(--mb26-voerplan-ball,54px);height:var(--mb26-voerplan-ball,54px)}

.mb26-voerplan__sizes button[aria-pressed="true"] .mb26-voerplan__boilie{
    transform:translateY(-2px);
    background:
        radial-gradient(circle at 32% 26%,rgba(255,255,255,.24),transparent 33%),
        radial-gradient(circle at 72% 78%,rgba(0,0,0,.58),transparent 56%),
        radial-gradient(1.4px 1.4px at 22% 55%,rgba(0,0,0,.7),transparent),
        radial-gradient(1.4px 1.4px at 67% 34%,rgba(255,255,255,.18),transparent),
        #aa531e;
    box-shadow:inset -5px -7px 12px rgba(0,0,0,.45),0 0 0 2px #f79333,0 13px 24px rgba(0,0,0,.36);
}

.mb26-voerplan__hint{
    display:grid;
    grid-template-columns:80px minmax(0,1fr);
    gap:18px;
    margin-top:22px;
    padding-top:22px;
}

.mb26-voerplan__hint span{
    color:#f79333;
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.mb26-voerplan__hint p{
    max-width:610px;
    margin:0;
    color:#625d57;
    font-size:9px;
    line-height:1.65;
}

.mb26-voerplan__result{
    position:sticky;
    top:86px;
    overflow:hidden;
    background:linear-gradient(145deg,#1a1b17,#12130f);
    border:1px solid rgba(247,147,51,.20);
    border-radius:5px;
    box-shadow:0 24px 65px rgba(0,0,0,.27);
}

.mb26-voerplan__result-top{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding:25px 25px 21px;
    background:rgba(247,147,51,.035);
    border-bottom:1px solid rgba(255,255,255,.065);
}

.mb26-voerplan__result-top>span{
    color:#817a72;
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.mb26-voerplan__result-top>strong{
    display:flex;
    align-items:flex-end;
    color:#f79333;
    font-size:64px;
    line-height:.78;
    letter-spacing:-.055em;
}

.mb26-voerplan__result-top>strong b{font:inherit}

.mb26-voerplan__result-top small{
    margin-left:5px;
    color:#8b837a;
    font-size:14px;
    line-height:1;
    letter-spacing:0;
}

.mb26-voerplan__result-body{padding:8px 25px 25px}

.mb26-voerplan__result-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:15px;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.mb26-voerplan__result-row>span{
    color:#6e6861;
    font-size:10px;
}

.mb26-voerplan__result-row>strong{
    max-width:190px;
    color:#e8e2da;
    font-size:9px;
    line-height:1.45;
    text-align:right;
}

.mb26-voerplan__result-note{
    margin-top:19px;
    padding:14px 15px;
    background:#0d0e0c;
    border-left:2px solid #f79333;
}

.mb26-voerplan__result-note span{
    display:block;
    margin-bottom:4px;
    color:#e8e2da;
    font-size:8px;
    font-weight:900;
}

.mb26-voerplan__result-note p{
    margin:0;
    color:#625d57;
    font-size:8px;
    line-height:1.55;
}

.mb26-voerplan__result-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:18px;
}

.mb26-voerplan__result-actions .mb26-signature-btn{width:100%}

@media (max-width:1000px){
    .mb26-voerplan__head{grid-template-columns:1fr;gap:18px}
    .mb26-voerplan__grid{grid-template-columns:1fr}
    .mb26-voerplan__result{position:static}
}

@media (max-width:820px){
    .mb26-voerplan{padding:58px 0 62px}
    .mb26-voerplan__watermark{display:none}
    .mb26-voerplan__head{margin-bottom:27px}
    .mb26-voerplan__head h2{font-size:clamp(34px,10.5vw,46px)}
    .mb26-voerplan__head>p{font-size:10px;line-height:1.65}
    .mb26-voerplan__grid{gap:12px}
    .mb26-voerplan__controls{padding:21px 17px 18px}
    .mb26-voerplan__field{padding-bottom:19px}
    .mb26-voerplan__field+.mb26-voerplan__field{padding-top:19px}
    .mb26-voerplan__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .mb26-voerplan__options button{width:100%;min-height:41px;padding:0 9px;font-size:8px}
    .mb26-voerplan__sizes{justify-content:space-between;gap:6px}
    .mb26-voerplan__sizes button{min-width:0;flex:1;padding:10px 5px}
    .mb26-voerplan__boilie{width:var(--mb26-voerplan-ball,54px);height:var(--mb26-voerplan-ball,54px)}
    .mb26-voerplan__hint{grid-template-columns:1fr;gap:6px;margin-top:17px;padding-top:17px}
    .mb26-voerplan__result-top{padding:20px 18px 17px}
    .mb26-voerplan__result-top>strong{font-size:52px}
    .mb26-voerplan__result-body{padding:5px 18px 19px}
    .mb26-voerplan__result-row{padding:13px 0}
    .mb26-voerplan__result-row>strong{max-width:165px}
}

@media (max-width:390px){
    .mb26-voerplan__options{grid-template-columns:1fr}
    .mb26-voerplan__result-row{grid-template-columns:1fr;gap:4px}
    .mb26-voerplan__result-row>strong{max-width:none;text-align:left}
}


/* ============================================================
   LIVE WOO PRODUCT PICKER
   ============================================================ */

.mb26-voerplan__field--products{padding-bottom:10px}

.mb26-voerplan__products{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.mb26-voerplan-product{
    position:relative;
    min-width:0;
    min-height:72px;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 18px;
    align-items:center;
    gap:11px;
    padding:8px 10px;
    color:#aaa39a;
    text-align:left;
    background:#0f100e;
    border:1px solid rgba(255,255,255,.08);
    border-radius:4px;
    font:inherit;
    cursor:pointer;
    overflow:hidden;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}

.mb26-voerplan-product:hover{
    color:#fff;
    transform:translateY(-1px);
    background:#151612;
    border-color:rgba(247,147,51,.34);
}

.mb26-voerplan-product[aria-pressed="true"]{
    color:#fff;
    background:
        linear-gradient(135deg,rgba(247,147,51,.10),rgba(247,147,51,.02)),
        #141511;
    border-color:rgba(247,147,51,.48);
    box-shadow:inset 2px 0 0 #f79333;
}

.mb26-voerplan-product img,
.mb26-voerplan-product__placeholder{
    width:54px;
    height:54px;
    display:block;
    object-fit:cover;
    background:#090a08;
    border:1px solid rgba(255,255,255,.06);
    border-radius:3px;
}

.mb26-voerplan-product__placeholder{
    background:
        radial-gradient(circle at 45% 40%,rgba(247,147,51,.18),transparent 42%),
        #0b0c0a;
}

.mb26-voerplan-product__copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.mb26-voerplan-product__copy strong{
    overflow:hidden;
    color:inherit;
    font-size:9px;
    line-height:1.3;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mb26-voerplan-product__copy small{
    color:#625d57;
    font-size:7px;
    line-height:1.35;
}

.mb26-voerplan-product__check{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    color:#17120d;
    background:#f79333;
    border-radius:50%;
    font-size:8px;
    font-weight:900;
    opacity:0;
    transform:scale(.75);
    transition:opacity .18s ease,transform .18s ease;
}

.mb26-voerplan-product[aria-pressed="true"] .mb26-voerplan-product__check{
    opacity:1;
    transform:scale(1);
}

.mb26-voerplan__products-empty{
    grid-column:1/-1;
    padding:17px 15px;
    color:#706961;
    background:#0f100e;
    border:1px dashed rgba(255,255,255,.09);
    border-radius:4px;
    font-size:8.5px;
    line-height:1.6;
}


/* selected real product */

.mb26-voerplan__selected{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:14px 25px;
    background:
        linear-gradient(90deg,rgba(247,147,51,.055),transparent 65%);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.mb26-voerplan__selected[hidden]{display:none!important}

.mb26-voerplan__selected img{
    width:72px;
    height:72px;
    object-fit:cover;
    background:#0c0d0b;
    border:1px solid rgba(255,255,255,.07);
    border-radius:4px;
}

.mb26-voerplan__selected>div{
    min-width:0;
}

.mb26-voerplan__selected span,
.mb26-voerplan__selected strong,
.mb26-voerplan__selected a{
    display:block;
}

.mb26-voerplan__selected span{
    margin-bottom:4px;
    color:#6e6861;
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.mb26-voerplan__selected strong{
    color:#eee8df;
    font-size:11px;
    line-height:1.35;
}

.mb26-voerplan__selected a{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:7px;
    color:#f79333;
    font-size:7.5px;
    font-weight:850;
}

.mb26-voerplan__selected a svg{
    width:10px;
    height:10px;
}

.mb26-voerplan__price{
    color:#f79333!important;
    font-size:12px!important;
}

.mb26-voerplan__stock{
    color:#92b76b!important;
}

.mb26-voerplan__stock.is-low{
    color:#d8924b!important;
}


/* real add-to-cart button */

.mb26-voerplan__result-actions button.mb26-signature-btn{
    border:0;
    cursor:pointer;
}

.mb26-voerplan__result-actions button.mb26-signature-btn:disabled{
    color:#716a62!important;
    background:#171713!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
    cursor:not-allowed;
}

.mb26-voerplan__result-actions button.is-loading{
    opacity:.72;
    cursor:wait;
}

.mb26-voerplan__result-actions button.is-added{
    color:#10130c!important;
    background:#8fb35a!important;
}

.mb26-voerplan__status{
    min-height:16px;
    margin:9px 0 0;
    color:#8fb35a;
    font-size:8px;
    line-height:1.5;
}

.mb26-voerplan__status.is-error{
    color:#d67868;
}

@media (max-width:820px){
    .mb26-voerplan__products{
        grid-template-columns:1fr;
    }

    .mb26-voerplan-product{
        min-height:67px;
        grid-template-columns:48px minmax(0,1fr) 18px;
    }

    .mb26-voerplan-product img,
    .mb26-voerplan-product__placeholder{
        width:48px;
        height:48px;
    }

    .mb26-voerplan__selected{
        grid-template-columns:58px minmax(0,1fr);
        padding:12px 18px;
    }

    .mb26-voerplan__selected img{
        width:58px;
        height:58px;
    }

    .mb26-voerplan__sizes button{
        min-width:72px;
        flex:1 1 calc(33.333% - 6px);
    }

    .mb26-voerplan__boilie{
        width:min(var(--mb26-voerplan-ball,54px),58px);
        height:min(var(--mb26-voerplan-ball,54px),58px);
    }
}

/* ============================================================
   VOERPLAN WATERMARK — EXACT GECENTREERD ALS FOOTER
   ============================================================ */

.mb26-voerplan{
    position:relative;
    overflow:hidden;
}

.mb26-voerplan__watermark{
    position:absolute;

    left:50%!important;
    right:auto!important;
    bottom:-28px;

    transform:translateX(-50%)!important;

    width:max-content;

    color:rgba(255,255,255,.022);

    font-size:clamp(110px,15vw,245px);
    line-height:.72;

    font-weight:950;
    letter-spacing:-.07em;

    white-space:nowrap;

    pointer-events:none;
    user-select:none;
}


/* echte inhoud boven de grote letters */
.mb26-voerplan > .mb26-shell{
    position:relative;
    z-index:2;
}

@media (max-width:820px){

    .mb26-voerplan__watermark{
        left:50%!important;
        right:auto!important;
        bottom:8px;

        transform:translateX(-50%)!important;

        font-size:25vw;

        color:rgba(255,255,255,.018);
    }

}


/* ============================================================
   VOERPLAN — MOBILE COMPACT MODE
   ============================================================ */

.mb26-voerplan__mobile-product{
    display:none;
}


@media (max-width:820px){

    /* ========================================================
       HELE SECTIE COMPACTER
       ======================================================== */

    .mb26-voerplan{
        padding-top:55px;
        padding-bottom:55px;
    }

    .mb26-voerplan__head{
        display:block;

        margin-bottom:25px;
    }

    .mb26-voerplan__head h2{
        max-width:340px;

        font-size:36px;
        line-height:.93;
    }

    .mb26-voerplan__head > p{
        max-width:390px;

        margin-top:12px;

        font-size:9.5px;
        line-height:1.55;
    }


    /* ========================================================
       1 KOLOM
       ======================================================== */

    .mb26-voerplan__grid{
        display:block;
    }

    .mb26-voerplan__controls{
        padding:17px;
    }


    /* ========================================================
       STAPPEN
       ======================================================== */

    .mb26-voerplan__field{
        margin:0;
        padding:0 0 17px;

        margin-bottom:17px;
    }

    .mb26-voerplan__field legend{
        margin-bottom:10px;

        font-size:7px;
        letter-spacing:.11em;
    }


    /* ========================================================
       NACHTEN / AANPAK
       ======================================================== */

    .mb26-voerplan__options{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:6px;
    }

    .mb26-voerplan__options button{
        min-width:0!important;
        min-height:40px;

        padding:0 8px;

        font-size:8px;
    }


    /* ========================================================
       MATEN VEEL COMPACTER
       ======================================================== */

    .mb26-voerplan__sizes{
        display:grid;

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:6px;
    }

    .mb26-voerplan__sizes button{
        min-width:0!important;

        min-height:75px;

        padding:7px 4px;
    }

    .mb26-voerplan__boilie{
        width:min(
            var(--mb26-voerplan-ball,54px),
            38px
        )!important;

        height:min(
            var(--mb26-voerplan-ball,54px),
            38px
        )!important;
    }

    .mb26-voerplan__sizes strong{
        margin-top:5px;

        font-size:7px;
    }


    /* ========================================================
       PRODUCTCARDS WEG
       ======================================================== */

    .mb26-voerplan__products{
        display:none!important;
    }


    /* ========================================================
       MOBILE PRODUCT SELECT
       ======================================================== */

    .mb26-voerplan__mobile-product{
        display:block;
    }

    .mb26-voerplan__mobile-product label{
        display:block;

        margin-bottom:7px;

        color:#6c665f;

        font-size:7px;
        font-weight:850;

        letter-spacing:.09em;

        text-transform:uppercase;
    }

    .mb26-voerplan__mobile-product select{
        width:100%;
        height:48px;

        padding:0 38px 0 13px;

        color:#eee8df;

        background:
            #11120f;

        border:
            1px solid rgba(247,147,51,.30);

        border-radius:4px;

        outline:0;

        font-size:9px;
        font-weight:750;
    }

    .mb26-voerplan__mobile-product select:focus{
        border-color:#f79333;

        box-shadow:
            0 0 0 3px rgba(247,147,51,.06);
    }


    /* ========================================================
       RICHTLIJN ONDER CONTROLS KLEINER
       ======================================================== */

    .mb26-voerplan__hint{
        display:none;
    }


    /* ========================================================
       RESULTAAT
       ======================================================== */

    .mb26-voerplan__result{
        margin-top:12px;

        border-radius:5px;
    }

    .mb26-voerplan__result-top{
        min-height:82px;

        padding:16px 18px;
    }

    .mb26-voerplan__result-top > span{
        font-size:7px;
    }

    .mb26-voerplan__result-top strong{
        font-size:42px;
    }

    .mb26-voerplan__result-top small{
        font-size:10px;
    }


    /* geselecteerde boilie */
    .mb26-voerplan__selected{
        grid-template-columns:
            48px
            minmax(0,1fr);

        gap:10px;

        padding:10px 15px;
    }

    .mb26-voerplan__selected img{
        width:48px;
        height:48px;
    }

    .mb26-voerplan__selected strong{
        font-size:9px;
    }


    /* resultaatregels */
    .mb26-voerplan__result-body{
        padding:0 15px 16px;
    }

    .mb26-voerplan__result-row{
        min-height:39px;

        padding:9px 0;
    }

    .mb26-voerplan__result-row span{
        font-size:7px;
    }

    .mb26-voerplan__result-row strong{
        font-size:8px;
    }


    /*
     * Minder relevante regels mobiel verbergen.
     *
     * We houden:
     * formaat
     * verpakking
     * prijs
     * voorraad
     */

    .mb26-voerplan__result-row:nth-of-type(3),
    .mb26-voerplan__result-row:nth-of-type(5){
        display:none;
    }


    /* echte shopdata blok compacter */
    .mb26-voerplan__result-note{
        margin-top:10px;

        padding:10px 11px;
    }

    .mb26-voerplan__result-note span{
        font-size:7px;
    }

    .mb26-voerplan__result-note p{
        margin-top:3px;

        font-size:6.8px;
        line-height:1.45;
    }


    /* CTA */
    .mb26-voerplan__result-actions{
        gap:6px;

        margin-top:11px;
    }

    .mb26-voerplan__result-actions
    .mb26-signature-btn{
        min-height:43px;

        font-size:7.5px;
    }


    /* watermark rustiger */
    .mb26-voerplan__watermark{
        font-size:23vw;
    }

}

/* =========================================================
   VOERPLAN MODAL
   ========================================================= */

.mb26-voerplan__modal-close{
    display:none;
}

.mb26-voerplan__backdrop{
    display:none;
}


/* =========================================================
   MOBILE: resultaat als modal
   ========================================================= */

@media (max-width: 820px){

    body.mb26-voerplan-modal-open{
        overflow:hidden;
    }

    .mb26-voerplan__result{
        position:fixed;
        left:14px;
        right:14px;
        top:50%;
        transform:translateY(18px) translateZ(0);
        bottom:auto;

        width:auto;
        max-width:none;
        max-height:calc(100dvh - 34px);
        overflow:auto;

        margin:0;
        padding-top:18px;

        z-index:1200;

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            opacity .22s ease,
            transform .22s ease,
            visibility .22s ease;

        border:1px solid rgba(247,147,51,.22);
        border-radius:12px;

        box-shadow:
            0 30px 80px rgba(0,0,0,.55),
            inset 0 1px 0 rgba(255,255,255,.03);

        background:
            linear-gradient(
                180deg,
                rgba(24,22,19,.98) 0%,
                rgba(12,12,11,.99) 100%
            );
    }

    .mb26-voerplan__result.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(-50%) translateZ(0);
    }

    .mb26-voerplan__modal-close{
        position:absolute;
        top:10px;
        right:10px;

        display:flex;
        align-items:center;
        justify-content:center;

        width:38px;
        height:38px;

        border:1px solid rgba(247,147,51,.26);
        border-radius:999px;

        background:rgba(13,13,12,.92);
        color:#f5efe6;

        font-size:24px;
        line-height:1;
        cursor:pointer;

        z-index:3;
    }

    .mb26-voerplan__modal-close:hover{
        border-color:rgba(247,147,51,.48);
        color:#f79333;
    }

    .mb26-voerplan__backdrop{
        position:fixed;
        inset:0;

        display:block;

        background:rgba(0,0,0,.68);
        backdrop-filter:blur(3px);

        opacity:0;
        visibility:hidden;
        pointer-events:none;

        transition:
            opacity .22s ease,
            visibility .22s ease;

        z-index:1190;
    }

    .mb26-voerplan__backdrop.is-open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }
}