.scanmit-bottom-nav{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    z-index:99999;

    width:min(100%,820px);

    display:grid;
    grid-template-columns:repeat(6,1fr);
    align-items:end;

    padding:8px 6px calc(8px + env(safe-area-inset-bottom));

    background:rgba(255,255,255,.97);
    border-top:1px solid #e1e8e4;
    box-shadow:0 -8px 26px rgba(15,45,36,.08);

    backdrop-filter:blur(16px);
}

.scanmit-bottom-item{
    min-width:0;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;

    gap:4px;

    color:#68756f;
    text-decoration:none;

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

.scanmit-bottom-item img{
    width:24px;
    height:24px;
    object-fit:contain;
    opacity:.78;
}

.scanmit-bottom-item.is-active{
    color:#08704f;
}

.scanmit-bottom-item.is-active img{
    opacity:1;
}

.scanmit-bottom-item.is-active::after{
    content:"";

    width:30px;
    height:4px;

    margin-top:2px;

    border-radius:999px;

    background:#08704f;
}

.scanmit-bottom-report{
    color:#66736c;
}

.scanmit-bottom-plus{
    width:58px;
    height:58px;

    margin-top:-26px;

    display:grid;
    place-items:center;

    border:6px solid #fff;
    border-radius:50%;

    background:linear-gradient(
        135deg,
        #f7bf17,
        #e2a500
    );

    color:#fff;

    font-size:38px;
    font-weight:300;
    line-height:1;

    box-shadow:
        0 8px 22px
        rgba(197,143,0,.25);
}

body{
    padding-bottom:
        calc(
            90px +
            env(safe-area-inset-bottom)
        ) !important;
}

/* alte Navigationen verstecken */

.sm5-bottom,
.scanmit-live-nav,
.scanmit-live-bottom,
.bottom-nav{
    display:none !important;
}

.scanmit-bottom-nav{
    display:grid !important;
}

@media(max-width:520px){

    .scanmit-bottom-nav{
        min-height:72px;
        padding-left:3px;
        padding-right:3px;
    }

    .scanmit-bottom-item{
        font-size:7.5px;
    }

    .scanmit-bottom-item img{
        width:22px;
        height:22px;
    }

    .scanmit-bottom-plus{
        width:54px;
        height:54px;

        font-size:34px;
    }
}

/* ==========================================
   FINAL BOTTOM NAV CLEANUP
   ========================================== */

/* Alte / doppelte Navigationsleisten komplett ausblenden */
.sm5-bottom,
.scanmit-live-nav,
.scanmit-live-bottom,
.live-bottom-nav,
.bottom-nav:not(.scanmit-bottom-nav){
    display:none !important;
}

/* Nur die zentrale Navigation bleibt sichtbar */
.scanmit-bottom-nav{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    position:fixed !important;
    left:50% !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
    width:min(100%,820px) !important;
    z-index:999999 !important;
}

/* Fahrzeug informieren: volle Breite und alle 6 Menüpunkte */
body .scanmit-bottom-nav .scanmit-bottom-item{
    display:flex !important;
}

/* genug Platz unter Seiteninhalt */
body{
    padding-bottom:
        calc(92px + env(safe-area-inset-bottom))
        !important;
}

/* Mobile */
@media(max-width:700px){

    .scanmit-bottom-nav{
        width:100% !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    }

    .scanmit-bottom-item{
        min-width:0 !important;
        font-size:8px !important;
    }

    .scanmit-bottom-item img{
        width:22px !important;
        height:22px !important;
    }

}