/* Шапка и навигация — светлая, «автосалон», не glass-dark */

.site-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 10000;
    background: var(--bg-white);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
    padding-top: env(safe-area-inset-top, 0);
}

.site-header__inner {
    display: flex; align-items: center; justify-content: space-between;
    min-height: var(--site-header-h); gap: 16px;
}

.site-logo {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800; font-size: 1.35rem; color: var(--text);
    white-space: nowrap; flex-shrink: 0;
}
.site-logo span { color: var(--cta); }
.site-logo:hover { color: var(--text); }

.site-nav {
    display: flex; align-items: center; gap: 2px; list-style: none;
    margin: 0; padding: 0; flex-wrap: nowrap;
}
.site-nav a {
    display: block; padding: 8px 10px; border-radius: 8px;
    font-size: 0.84rem; font-weight: 600; color: var(--text-muted);
    white-space: nowrap;
}
.site-nav a:hover, .site-nav a.is-active {
    color: var(--trust); background: var(--trust-light);
}

.header-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.header-phone {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 0.82rem; font-weight: 600; color: var(--text-muted);
    padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border);
    background: var(--bg);
}
.header-phone:hover { color: var(--trust); border-color: var(--trust-mid); }

.menu-toggle {
    display: none; width: 42px; height: 42px; border-radius: 10px;
    border: 1px solid var(--border); background: var(--bg-white); cursor: pointer;
    color: var(--text);
}

/* Полоса доверия — сразу под шапкой, снимает страх */
.trust-bar {
    position: fixed; top: var(--site-header-offset); left: 0; right: 0; z-index: 9999;
    background: var(--trust); color: #fff; font-size: 0.8rem;
}
.trust-bar__inner {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 8px 24px; min-height: var(--trust-bar-h); padding: 6px 0;
}
.trust-bar__item {
    display: inline-flex; align-items: center; gap: 6px; opacity: 0.95;
}
.trust-bar__item i { color: #fbbf24; font-size: 0.75rem; }

body.page-home main { padding-top: calc(var(--site-header-offset) + var(--trust-bar-h)); }
body.landing-page main { padding-top: calc(var(--site-header-offset) + var(--trust-bar-h)); }
body.landing-page:not(.has-trust-bar) main { padding-top: var(--site-header-offset); }

.nav-overlay {
    display: none; position: fixed; inset: 0; z-index: 9998;
    background: rgba(15, 23, 42, 0.4); border: none; cursor: pointer;
}
.nav-overlay.is-visible { display: block; }

/* Совместимость со старыми подстраницами */
.header, .site-header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 10000;
    background: var(--bg-white); border-bottom: 1px solid var(--border);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
    padding-top: env(safe-area-inset-top, 0);
}
.nav-container, .site-header__inner {
    display: flex; align-items: center; justify-content: space-between;
    min-height: var(--site-header-h); gap: 16px;
}
.logo, .site-logo {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800; font-size: 1.35rem; color: var(--text);
}
.logo span, .site-logo span { color: var(--cta); }
.nav-menu, .site-nav {
    display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0;
}
.nav-menu a, .site-nav a {
    display: block; padding: 8px 10px; border-radius: 8px;
    font-size: 0.84rem; font-weight: 600; color: var(--text-muted);
    white-space: nowrap;
}
.nav-menu a:hover, .nav-menu a.is-active,
.site-nav a:hover, .site-nav a.is-active {
    color: var(--trust); background: var(--trust-light);
}
.header-cta {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 18px; border-radius: 10px; font-weight: 600; font-size: 0.85rem;
    background: var(--cta); color: #fff; border: none; cursor: pointer;
}

@media (max-width: 992px) {
    .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
    .header-phone-text { display: none; }
    .site-nav, .nav-menu {
        position: fixed; top: var(--site-header-offset); right: 0; bottom: 0;
        width: min(300px, 88vw); flex-direction: column; align-items: stretch;
        padding: 20px 16px; background: var(--bg-white);
        border-left: 1px solid var(--border);
        transform: translateX(100%); transition: transform 0.3s ease;
        box-shadow: var(--shadow-lg); z-index: 10001;
    }
    .site-nav.is-open, .nav-menu.is-open, .nav-menu.active { transform: translateX(0); }
    .site-nav a, .nav-menu a { padding: 14px 16px; }
    body.nav-open { overflow: hidden; }
}