/* ═══════════ Mobile Header — Clean ═══════════ */
@media (max-width: 768px) {
    .header-inner {
        height: 56px;
        padding: 0 12px;
        justify-content: space-between;
        max-width: 100%;
    }
    .site-logo .logo-text { font-size: 1rem; }
    .site-logo .logo-img { width: 32px !important; height: 32px !important; }

    .header-actions {
        margin-left: auto;
        gap: 4px;
        display: flex;
        align-items: center;
    }
    .btn-icon {
        width: 40px; height: 40px;
        min-width: 40px; min-height: 40px;
        border-radius: 8px;
    }
    .menu-toggle { border: 1px solid var(--news-primary) !important; }

    .main-nav {
        display: block;
        position: fixed;
        top: 56px; left: 0; right: 0; bottom: 0;
        background: var(--news-surface);
        z-index: 99;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.2s ease;
    }
    .main-nav.open { transform: translateX(0); }
    .main-nav ul { flex-direction: column; padding: 0; margin: 0; list-style: none; }
    .main-nav li { border-bottom: 1px solid var(--news-border); }
    .main-nav a {
        display: block; padding: 14px 20px;
        font-size: 1rem; color: var(--news-text); text-decoration: none;
    }
    .main-nav a:active { background: var(--news-bg); }
}