/* ── Шапка сайта ───────────────────────────────────────── */
.site-header {
    background: #fff;
    border-bottom: 1px solid #e8eaed;
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* Логотип */
.site-logo {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}
.site-logo:hover { color: #467fcf; }

/* ── Поисковая строка ──────────────────────────────────── */
.search-form {
    display: flex;
    flex: 1;
    min-width: 180px;
    max-width: 520px;
    border: 1.5px solid #d0d7de;
    border-radius: 6px;
    overflow: hidden;
    background: #f8f9fa;
    transition: border-color .2s, box-shadow .2s;
}
.search-form:focus-within {
    border-color: #467fcf;
    box-shadow: 0 0 0 3px rgba(70,127,207,.15);
    background: #fff;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 7px 12px;
    font-size: .92rem;
    background: transparent;
    color: #2c3e50;
}
.search-input::placeholder { color: #a0aab4; }

.search-btn {
    border: none;
    background: #467fcf;
    color: #fff;
    padding: 0 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}
.search-btn:hover { background: #3a6bbb; }

/* ── Навигационное меню ────────────────────────────────── */
.site-nav {
    margin-top: 8px;
    border-top: 1px solid #f0f2f5;
    padding-top: 6px;
}

.site-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2px 4px;
}

.site-nav__item a {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: .85rem;
    color: #495057;
    text-decoration: none;
    background: #f1f3f5;
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.site-nav__item a:hover,
.site-nav__item.active a {
    background: #467fcf;
    color: #fff;
}

/* ── Заголовок страницы поиска ─────────────────────────── */
.page-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}
.page-title span { color: #467fcf; }

/* ── Адаптив ───────────────────────────────────────────── */
@media (max-width: 576px) {
    .header-inner { gap: 10px; }
    .search-form  { max-width: 100%; }
    .site-logo    { font-size: 1rem; }
}