/* site-header.css — шапка внутренних страниц (10.10.2026), см. views/partials/header.php.
   Классы с префиксом site-header__, чтобы не пересекаться с .logo главной (home.css). */

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(10,31,68,0.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 18px; }
.site-header__inner { max-width: 1080px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.site-header__logo { display: flex; align-items: center; flex-shrink: 0; }
.site-header__logo img { height: 32px; width: auto; display: block; filter: drop-shadow(0 0 10px rgba(255,107,0,0.25)); }
.site-header__nav { display: flex; align-items: center; gap: 8px; }
.site-header__nav a { font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.8); text-decoration: none; padding: 8px 14px; border-radius: 20px; border: 1px solid transparent; transition: all .2s ease; white-space: nowrap; }
.site-header__nav a:hover, .site-header__nav a.is-active { color: #fff; background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.1); }
.site-header__nav a.site-header__catalog { color: #fff; background: #FF6B00; border-color: #FF6B00; }
.site-header__nav a.site-header__catalog:hover { background: #ff7d1a; border-color: #ff7d1a; }

@media (max-width: 480px) {
    .site-header__inner { padding: 8px 12px; }
    .site-header__logo img { height: 26px; }
    .site-header__nav { gap: 4px; }
    .site-header__nav a { font-size: 13px; padding: 7px 11px; }
}