/* /domains/gromadan.com/public_html/css/top_bar/style.css
   Стили мобильной шапки (top_bar/index.php). Перенесены из
   css/style.css (скрытие на десктопе) и css/mobile_style.css (вид). */

.mobile-header {
    display: none;
}

@media (max-width: 900px) {
    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 18px;
        background: var(--surface);
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        box-shadow: var(--shadow);
        position: sticky;
        top: 0;
        z-index: 50;
    }
    .mobile-header .logo {
        font-size: 1.3rem;
    }
    .mobile-menu-btn {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: none;
        background: var(--bg);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}