.contract-mobile-bottom-nav {
        position: fixed;
        z-index: 1000;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(76px + env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 7px 8px env(safe-area-inset-bottom);
        border-top: 1px solid #e4e9f1;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 -5px 18px rgba(20, 36, 65, .04);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .contract-mobile-nav-item {
        position: relative;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 3px 2px 6px;
        border: 0;
        background: transparent;
        color: #778296;
        font-family: inherit;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .contract-mobile-nav-item svg {
        width: 25px;
        height: 25px;
        overflow: visible;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .contract-mobile-nav-item svg circle {
        fill: currentColor;
        stroke: none;
    }

    .contract-mobile-nav-item.is-active {
        color: #2168e5;
        font-weight: 800;
    }

    .contract-mobile-nav-home.is-active svg {
        fill: currentColor;
        stroke: currentColor;
        stroke-width: 1.2;
    }
.contract-complete-page .contract-mobile-bottom-nav { grid-template-columns: repeat(4,minmax(0,1fr)); }

@media (min-width: 768px) { body:not(.contract-complete-page) .contract-mobile-bottom-nav { display: none; } }
.contract-complete-page .contract-mobile-bottom-nav { display: grid !important; }