/* Мобильная навигация — задачи №42/43/44 встречи 19.06.2026 (референс vseinstrumenti.ru).
   Действует ТОЛЬКО на <768px: десктопная шапка (пиксель-паритет со старой версией) не затрагивается. */
.mk-mobile-topbar{display:none}
.mk-bottom-nav{display:none}

@media (max-width:767px){
    /* №43/44: sticky-панель — «для юрлиц» + звонок + всегда видимый поиск */
    .mk-mobile-topbar{display:block;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #ececec;padding:8px 12px 10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
    .mk-mobile-topbar .mk-row{display:flex;align-items:center;gap:12px}
    .mk-mobile-topbar .mk-b2b{display:flex;gap:12px;font-size:12px;line-height:28px;white-space:nowrap;overflow-x:auto}
    .mk-mobile-topbar .mk-b2b a{color:#242424;text-decoration:none;border-bottom:1px dashed #b9b9b9}
    .mk-mobile-topbar .mk-call{margin-left:auto;display:flex;align-items:center;gap:6px;color:#e40134;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}
    .mk-mobile-topbar .mk-call .ico{font-size:14px}
    .mk-search-row{margin-top:8px;position:relative}
    .mk-search-row .mk-search-input{width:100%;height:38px;border:1px solid #dcdcdc;border-radius:4px;padding:0 40px 0 12px;font-size:14px;outline:none;background:#fff;-webkit-appearance:none}
    .mk-search-row .mk-search-input:focus{border-color:#e40134}
    .mk-search-row .mk-search-btn{position:absolute;right:0;top:0;width:40px;height:38px;background:none;border:none;color:#9a9a9a;cursor:pointer}

    /* №42: фиксированный нижний таб-бар из 5 кнопок */
    .mk-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:56px;background:#fff;border-top:1px solid #ececec;padding-bottom:env(safe-area-inset-bottom)}
    .mk-bottom-nav .mk-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#9a9a9a;text-decoration:none;position:relative}
    .mk-bottom-nav .mk-tab .ico{font-size:19px;color:inherit}
    .mk-bottom-nav .mk-tab .mk-home-svg{width:19px;height:19px;fill:currentColor}
    .mk-bottom-nav .mk-tab.active{color:#e40134}
    .mk-bottom-nav .mk-tab .nav-count{display:none;position:absolute;top:4px;left:50%;transform:translateX(6px);min-width:16px;height:16px;line-height:16px;border-radius:8px;background:#e40134;color:#fff;font-size:10px;font-weight:600;text-align:center;padding:0 4px}
    .mk-bottom-nav .mk-tab.added .nav-count{display:block}

    /* контент/футер не перекрываются таб-баром */
    body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}

    /* плавающие кнопки Instagram/WhatsApp (footer) — поднять над таб-баром.
       Аудит №42-D2: main.min.js при скролле вешает .hidden, а инлайн-правило layout
       (.whatsapp.hidden{bottom:18px!important}) идёт в каскаде позже — селектор с
       тремя классами выигрывает по специфичности независимо от порядка. */
    a.mobile_instagram{bottom:calc(80px + env(safe-area-inset-bottom)) !important}
    .mobile.whatsapp{bottom:calc(80px + env(safe-area-inset-bottom)) !important}
    .mobile.whatsapp.hidden{bottom:calc(80px + env(safe-area-inset-bottom)) !important}
    .grv-bell-wrap{bottom:calc(80px + env(safe-area-inset-bottom)) !important}

    /* Аудит №42-D1: drawers (.menu) и попапы должны лежать ПОВЕРХ таб-бара (z=50)
       и sticky-топбара (z=40) — базовый .menu{z-index:10} резался обеими полосами.
       Drawer полноэкранный и перекрывает таб-бар целиком — футер двигать не нужно
       (ревью: сдвиг bottom ломал внутренний расчёт высоты контента drawer'а). */
    .menu{z-index:60}
    .popup_overlay{z-index:55}
    .popup-wrap{z-index:60}
    .menu .menu-footer{padding-bottom:env(safe-area-inset-bottom)}
    /* тосты уведомлений — всегда поверх drawer/попапов (легаси-инвариант) */
    .notice{z-index:70}
}