@media (max-width: 768px) {

    /* ================= BODY ================= */
    .mobile-layout {
        flex-direction: column !important;
    }

    body {
        overflow-x: hidden;
        -webkit-tap-highlight-color: transparent;
    }

    /* ================= SIDEBAR (BOTTOM NAV) ================= */
    .mobile-sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;

        width: 100% !important;
        height: 64px !important;

        display: flex;
        align-items: center;

        background: #fff;
        border-top: 1px solid #e5e7eb;

        padding: 0 8px !important;
        z-index: 50;

        overflow-x: auto;
    }

    /* убираем профиль */
    .mobile-sidebar > div:first-child {
        display: none;
    }

    /* nav — теперь ровная строка */
    .mobile-sidebar nav {
        display: flex;
        align-items: center;
        gap: 8px;

        width: max-content;
        height: 100%;
    }

    /* ================= MENU ITEMS FIX ================= */

    .mobile-menu-item {
        display: flex;
        align-items: center;
        justify-content: center;

        height: 40px;
        padding: 0 12px;

        border-radius: 12px;

        font-size: 13px;
        line-height: 1;

        white-space: nowrap;

        color: #374151;
        text-decoration: none;

        background: transparent;
    }

    .mobile-menu-item:hover {
        background: #f3f4f6;
    }

    /* BUTTON FIX (очень важно) */
    .mobile-sidebar button {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;

        height: 40px;
        padding: 0 12px;

        border-radius: 12px;

        font-size: 13px;
        line-height: 1;

        cursor: pointer;
        white-space: nowrap;
        color: #374151;
    }

    .mobile-sidebar button:hover {
        background: #f3f4f6;
    }

    /* ================= CONTENT ================= */
    .mobile-content {
        padding-bottom: 90px !important;
    }

    /* ================= MAP ================= */
    #map {
        height: 300px !important;
        border-radius: 16px !important;
    }

    /* ================= CARDS ================= */
    .mobile-card-center {
        margin-top: 30px;
        box-shadow: none !important;
    }

    /* ================= BUTTONS ================= */
    a.block {
        padding: 14px !important;
        font-size: 15px !important;
        border-radius: 14px !important;
        margin-top: 0.5rem;
    }

    /* ================= PROFILE EXECUTOR ================= */
    .mobile-card-center .w-28 {
        width: 90px !important;
        height: 90px !important;
    }

    .mobile-card-center svg {
        width: 40px !important;
        height: 40px !important;
    }

    /* ================= WARNING ================= */
    #warningBox {
        font-size: 13px;
        padding: 10px;
    }
}