#cookie-notice { display: none !important; }

/* ── Утилиты лаба ── */
.lab-label {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #1a1a1a;
    color: #fff;
    font: 600 13px/1 system-ui, sans-serif;
    padding: 8px 20px;
    letter-spacing: .04em;
    display: flex;
    align-items: center;
    gap: 16px;
}
.lab-label span { color: #8ab59d; }
.lab-label--dark { background: #0d1a24; }
.lab-label--dark span { color: #5a9c87; }
.lab-divider { height: 60px; background: #f0f0f0; border-top: 3px dashed #ccc; }
.lab-placeholder-hero {
    background: linear-gradient(135deg, #f1f5f5 0%, #e8eeee 100%);
    padding: 60px 0 40px;
    text-align: center;
    color: #9ab;
    font-size: 14px;
}
.lab-placeholder-hero h2 { color: #c0cbcb; font-size: 2rem; margin-bottom: 8px; }

/* ── Иконка поиска (общая для всех вариантов шапки) ── */
.lab-search-btn {
    background: none; border: none; cursor: pointer;
    padding: 8px; display: flex; align-items: center; justify-content: center;
    border-radius: 4px; color: #072030; transition: background .18s, color .18s;
    flex-shrink: 0;
}
.lab-search-btn svg { width: 20px; height: 20px; display: block; }
.lab-search-btn:hover { background: var(--background-green); color: var(--green); }
.lab-search-btn--light { color: rgba(255,255,255,.7); }
.lab-search-btn--light:hover { background: rgba(255,255,255,.1); color: #fff; }

/* ════════════════════════════════════════════════════════════
   V0 — ФИНАЛЬНЫЙ КАНДИДАТ
════════════════════════════════════════════════════════════ */
.v0-header { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.08); }

/* Светлая инфополоса */
.v0-topbar {
    background: #f5f8f7;
    border-bottom: 1px solid #e2ebe7;
    padding: 6px 0;
    font-size: 12px;
    color: #6b7280;
}
.v0-topbar .container { display: flex; justify-content: flex-end; align-items: center; }
.v0-topbar-right { display: flex; align-items: center; gap: 20px; }
.v0-hours { display: flex; gap: 16px; }
.v0-hours span::after { content: '·'; margin-left: 16px; color: #ccc; }
.v0-hours span:last-child::after { content: ''; margin: 0; }
.v0-hours-closed { opacity: .5; }
.v0-contacts-link {
    color: var(--green);
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    padding-left: 20px;
    border-left: 1px solid #d8e5df;
}
.v0-contacts-link:hover { text-decoration: underline; }

/* Nav row */
.v0-nav-row { padding: 16px 0; }
.v0-nav-row .container { display: flex; align-items: center; gap: 32px; }
.v0-logo svg { height: 52px; width: auto; }
.v0-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; flex: 1; }
.v0-menu a {
    color: #072030;
    font-size: 15px; font-weight: 500;
    text-decoration: none; padding: 6px 16px;
    border-radius: 4px; position: relative; transition: color .2s;
}
.v0-menu a::after {
    content: '';
    position: absolute; bottom: 0; left: 16px; right: 16px;
    height: 2px; background: var(--green);
    transform: scaleX(0); transition: transform .2s ease;
}
.v0-menu a:hover { color: var(--green); }
.v0-menu a:hover::after { transform: scaleX(1); }
.v0-phone { font-weight: 600; font-size: 16px; white-space: nowrap; flex-shrink: 0; }
.v0-phone a { color: #072030; text-decoration: none; }
.v0-phone a:hover { color: var(--green); }
.v0-cta {
    display: inline-block;
    background: var(--green); color: #fff !important;
    font-size: 14px; font-weight: 600;
    padding: 10px 22px; border-radius: 4px;
    text-decoration: none !important; white-space: nowrap;
    transition: background .2s; flex-shrink: 0;
}
.v0-cta:hover { background: var(--hover-link); }

/* Десктоп: скрываем мобильные элементы */
.v0-phone-icon { display: none; }
.v0-menu__mobile-extra { display: none; }
.v0-burger { display: none; }

/* ── Мобильная адаптация ── */
@media (max-width: 992px) {
    /* Топбар: только контакты */
    .v0-topbar .v0-hours { display: none; }
    .v0-contacts-link { border-left: none; padding-left: 0; }

    /* Nav row */
    .v0-nav-row .container { gap: 0; }
    .v0-logo svg { height: 42px; }

    /* Скрываем десктопные phone и CTA */
    .v0-phone--desktop { display: none; }
    .v0-cta--desktop { display: none; }

    /* Правый блок */
    .v0-nav-right { display: flex; align-items: center; gap: 12px; margin-left: auto; }

    /* Иконка телефона */
    .v0-phone-icon {
        display: flex; align-items: center;
        color: var(--green);
    }
    .v0-phone-icon svg { width: 22px; height: 22px; }

    /* Бургер */
    .v0-burger {
        display: flex; flex-direction: column; justify-content: space-between;
        width: 28px; height: 20px;
        background: none; border: none; cursor: pointer; padding: 0;
    }
    .v0-burger span {
        display: block; height: 2px; width: 100%;
        background: var(--green); border-radius: 2px;
        transition: transform .25s, opacity .25s;
    }
    .v0-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
    .v0-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .v0-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

    /* Меню: скрыто по умолчанию, раскрывается под nav row */
    .v0-menu {
        display: none;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff;
        box-shadow: 0 8px 24px rgba(0,0,0,.1);
        flex-direction: column; gap: 0;
        padding: 8px 0 16px; z-index: 200;
    }
    .v0-menu.is-open { display: flex; }
    .v0-menu li { list-style: none; }
    .v0-menu a {
        padding: 12px 24px; border-radius: 0;
        font-size: 16px; border: none;
    }
    .v0-menu a::after { display: none; }

    /* Телефон и CTA внутри мобильного меню */
    .v0-menu__mobile-extra {
        display: flex; flex-direction: column; gap: 12px;
        padding: 16px 24px 0; border-top: 1px solid #eee; margin-top: 8px;
    }
    .v0-menu__mobile-extra .v0-phone a { font-size: 18px; }
    .v0-menu__mobile-extra .v0-cta { text-align: center; }

    /* Позиционирование шапки для выпадающего меню */
    .v0-nav-row { position: relative; }

    /* Категории: горизонтальный скролл */
    .v0-cats .container { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-right: 0; }
    .v0-cats .container::-webkit-scrollbar { display: none; }
    .v0-cats-search { display: none; }
}

/* Категории */
.v0-cats { background: var(--dim-green); }
.v0-cats .container { display: flex; align-items: center; gap: 6px; padding-top: 10px; padding-bottom: 10px; }
.v0-cats a {
    color: rgba(255,255,255,.85);
    font-size: 13px; font-weight: 500;
    text-decoration: none; padding: 5px 18px;
    border-radius: 20px; border: 1px solid rgba(255,255,255,.3);
    transition: background .2s, color .2s, border-color .2s; white-space: nowrap;
}
.v0-cats a:hover { background: rgba(255,255,255,.2); color: #fff; border-color: transparent; }
/* ── Цветовые варианты плашки категорий ── */

/* A: тёмный текст на светло-зелёном (#8ab59d) */
.v0-cats--a { background: var(--dim-green); }
.v0-cats--a a {
    color: #1a3025;
    border-color: rgba(26,48,37,.25);
}
.v0-cats--a a:hover { background: rgba(26,48,37,.1); color: #1a3025; border-color: transparent; }
.v0-cats--a .v0-cats-search { color: rgba(26,48,37,.6); }
.v0-cats--a .v0-cats-search:hover { background: rgba(26,48,37,.1); color: #1a3025; }

/* B: белый текст на среднем зелёном (#57806a = --green) */
.v0-cats--b { background: var(--green); }
.v0-cats--b a { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.35); }
.v0-cats--b a:hover { background: rgba(255,255,255,.2); color: #fff; border-color: transparent; }
.v0-cats--b .v0-cats-search { color: rgba(255,255,255,.7); }
.v0-cats--b .v0-cats-search:hover { background: rgba(255,255,255,.15); color: #fff; }

/* C: белый текст на тёмно-зелёном (#3d6654) */
.v0-cats--c { background: #3d6654; }
.v0-cats--c a { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.3); }
.v0-cats--c a:hover { background: rgba(255,255,255,.15); color: #fff; border-color: transparent; }
.v0-cats--c .v0-cats-search { color: rgba(255,255,255,.7); }
.v0-cats--c .v0-cats-search:hover { background: rgba(255,255,255,.15); color: #fff; }

.v0-cats-search {
    margin-left: auto;
    background: none; border: none; cursor: pointer;
    color: rgba(255,255,255,.7); padding: 5px 8px;
    display: flex; align-items: center; border-radius: 4px;
    transition: color .18s, background .18s; flex-shrink: 0;
}
.v0-cats-search svg { width: 18px; height: 18px; display: block; fill: currentColor; }
.v0-cats-search:hover { color: #fff; background: rgba(255,255,255,.15); }

/* ════════════════════════════════════════════════════════════
   V2 — TWO-TIER
════════════════════════════════════════════════════════════ */
.v2-header { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.v2-topbar { background: #072030; padding: 8px 0; font-size: 13px; }
.v2-topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255,255,255,.6);
}
.v2-topbar a { color: #8ab59d; text-decoration: none; font-weight: 500; }
.v2-topbar a:hover { color: #fff; }
.v2-topbar .v2-hours { display: flex; gap: 20px; }
.v2-hours-closed { opacity: .5; }
.v2-nav-row { padding: 16px 0; }
.v2-nav-row .container { display: flex; align-items: center; gap: 32px; }
.v2-logo svg { height: 52px; width: auto; }
.v2-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; flex: 1; }
.v2-menu a {
    color: #072030;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding: 6px 16px;
    border-radius: 4px;
    position: relative;
    transition: color .2s;
}
.v2-menu a::after {
    content: '';
    position: absolute; bottom: 0; left: 16px; right: 16px;
    height: 2px; background: var(--green);
    transform: scaleX(0);
    transition: transform .2s ease;
}
.v2-menu a:hover { color: var(--green); }
.v2-menu a:hover::after { transform: scaleX(1); }
.v2-phone { font-weight: 600; font-size: 16px; white-space: nowrap; flex-shrink: 0; }
.v2-phone a { color: #072030; text-decoration: none; }
.v2-phone a:hover { color: var(--green); }
.v2-cats { background: var(--green); padding: 0; }
.v2-cats .container { display: flex; gap: 6px; padding-top: 10px; padding-bottom: 10px; }
.v2-cats a {
    color: rgba(255,255,255,.85);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 18px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.3);
    transition: background .2s, color .2s, border-color .2s;
    white-space: nowrap;
}
.v2-cats a:hover { background: rgba(255,255,255,.2); color: #fff; border-color: transparent; }

/* ════════════════════════════════════════════════════════════
   V3 — MEGA SINGLE BAR
════════════════════════════════════════════════════════════ */
.v3-header {
    background: #fff;
    border-bottom: 3px solid var(--green);
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    position: sticky; top: 0; z-index: 100;
}
.v3-header .container { display: flex; align-items: center; gap: 24px; padding-top: 14px; padding-bottom: 14px; }
.v3-logo svg { height: 46px; width: auto; flex-shrink: 0; }
.v3-nav { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; flex: 1; }
.v3-nav > li { position: relative; }
.v3-nav > li > a {
    display: block;
    color: #072030;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 4px;
    transition: background .18s, color .18s;
    white-space: nowrap;
}
.v3-nav > li > a:hover,
.v3-nav > li:hover > a { background: var(--background-green); color: var(--green); }
.v3-dropdown {
    position: absolute;
    top: calc(100% + 8px); left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,.12);
    padding: 8px 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .2s, transform .2s;
    z-index: 200;
}
.v3-nav > li:hover .v3-dropdown { opacity: 1; pointer-events: all; transform: translateY(0); }
.v3-dropdown a {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 20px;
    color: #072030; font-size: 14px; text-decoration: none;
    transition: background .15s, color .15s;
}
.v3-dropdown a:hover { background: var(--background-green); color: var(--green); }
.v3-dropdown-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--dim-green); flex-shrink: 0; }
.v3-search-wrap {
    flex: 1;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 8px 16px;
    display: flex; align-items: center; gap: 8px;
    max-width: 280px;
    transition: box-shadow .2s;
}
.v3-search-wrap:focus-within { box-shadow: 0 0 0 2px var(--dim-green); }
.v3-search-wrap svg { width: 16px; height: 16px; flex-shrink: 0; }
.v3-search-wrap input { border: none; background: none; outline: none; font-size: 14px; width: 100%; color: #072030; }
.v3-search-wrap input::placeholder { color: #aaa; }
.v3-phone-block { text-align: right; flex-shrink: 0; }
.v3-phone-block a.v3-phone-link {
    display: block;
    color: #072030; font-size: 17px; font-weight: 700;
    text-decoration: none; white-space: nowrap;
}
.v3-phone-block a.v3-phone-link:hover { color: var(--green); }
.v3-phone-block .v3-callback { font-size: 12px; color: var(--green); text-decoration: underline; cursor: pointer; }
.v3-cta {
    display: inline-block;
    background: var(--green); color: #fff !important;
    font-size: 14px; font-weight: 600;
    padding: 10px 22px; border-radius: 4px;
    text-decoration: none !important; white-space: nowrap;
    transition: background .2s; flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(87,128,106,.25);
}
.v3-cta:hover { background: var(--hover-link); }
.v3-hours { font-size: 11px; color: #aaa; margin-top: 3px; white-space: nowrap; }

/* ════════════════════════════════════════════════════════════
   V4 — CORPORATE SPLIT
════════════════════════════════════════════════════════════ */
.v4-header { overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.1); }
.v4-topbar { background: #fff; padding: 18px 0; border-bottom: 1px solid #e8eeee; }
.v4-topbar .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.v4-logo svg { height: 48px; width: auto; }
.v4-nav { list-style: none; margin: 0; padding: 0; display: flex; }
.v4-nav a {
    display: block;
    color: #072030;
    font-size: 15px; font-weight: 500;
    text-decoration: none; padding: 10px 22px;
    border-bottom: 3px solid transparent;
    transition: color .2s, border-color .2s; white-space: nowrap;
}
.v4-nav a:hover { color: var(--green); border-bottom-color: var(--green); }
.v4-contacts { display: flex; align-items: center; gap: 20px; flex-shrink: 0; }
.v4-contacts a.v4-tel { color: #072030; font-size: 18px; font-weight: 700; text-decoration: none; }
.v4-contacts a.v4-tel:hover { color: var(--green); }
.v4-cta-btn {
    background: var(--green); color: #fff !important;
    font-size: 14px; font-weight: 600;
    padding: 10px 22px; border-radius: 4px;
    text-decoration: none !important; white-space: nowrap; transition: background .2s;
}
.v4-cta-btn:hover { background: #3c6c61; }
.v4-phone-wrap { display: flex; flex-direction: column; gap: 2px; }
.v4-hours { font-size: 11px; color: #aaa; white-space: nowrap; }
.v4-bottombar { background: #fff; padding: 14px 0; border-top: 1px solid #e8eeee; }
.v4-bottombar .container { display: flex; align-items: center; gap: 24px; }
.v4-search {
    display: flex; align-items: center; gap: 8px;
    background: var(--background-green); border-radius: 4px;
    padding: 8px 16px; width: 280px; flex-shrink: 0;
    border: 1.5px solid transparent; transition: border-color .2s;
}
.v4-search:focus-within { border-color: var(--green); }
.v4-search svg { width: 16px; height: 16px; flex-shrink: 0; }
.v4-search input { border: none; background: none; outline: none; font-size: 14px; width: 100%; }
.v4-cats { display: flex; gap: 6px; overflow-x: auto; }
.v4-cats a {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 14px; background: var(--background-green);
    border-radius: 4px; font-size: 13px; font-weight: 500;
    color: #072030; text-decoration: none; white-space: nowrap;
    transition: background .2s, color .2s; border: 1px solid transparent;
}
.v4-cats a:hover { background: #fff; color: var(--green); border-color: var(--dim-green); }
.v4-cat-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); flex-shrink: 0; }

/* ════════════════════════════════════════════════════════════
   V5 — CENTERED EDITORIAL
════════════════════════════════════════════════════════════ */
.v5-header { background: #fff; border-bottom: 1px solid #e4e9e9; }
.v5-topline { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
.v5-nav-left, .v5-nav-right { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; flex: 1; }
.v5-nav-right { justify-content: flex-end; align-items: center; gap: 12px; }
.v5-nav-left a, .v5-nav-right a.v5-nav-link {
    display: block; color: #072030;
    font-size: 15px; font-weight: 500;
    text-decoration: none; padding: 8px 18px; transition: color .2s;
}
.v5-nav-left a:hover, .v5-nav-right a.v5-nav-link:hover { color: var(--green); }
.v5-logo { text-align: center; flex-shrink: 0; }
.v5-logo svg { height: 56px; width: auto; }
.v5-phone { font-size: 16px; font-weight: 700; color: #072030; text-decoration: none; white-space: nowrap; }
.v5-phone:hover { color: var(--green); }
.v5-cta {
    background: var(--green); color: #fff !important;
    font-size: 13px; font-weight: 600;
    padding: 9px 20px; border-radius: 4px;
    text-decoration: none !important; transition: background .2s; white-space: nowrap;
}
.v5-cta:hover { background: var(--hover-link); }
.v5-hours { font-size: 11px; color: #aaa; white-space: nowrap; }
.v5-cats { border-top: 1px solid #eee; }
.v5-cats .container { display: flex; }
.v5-cats a {
    flex: 1; text-align: center;
    padding: 14px 8px; font-size: 14px; font-weight: 500;
    color: #747474; text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color .2s, border-color .2s;
}
.v5-cats a:hover { color: var(--green); border-bottom-color: var(--green); }

/* ════════════════════════════════════════════════════════════
   V6 — BOLD INVERTED
════════════════════════════════════════════════════════════ */
.v6-header { background: #072030; }
.v6-main-row { display: flex; align-items: center; gap: 32px; padding: 18px 0; }
.v6-logo svg { height: 50px; width: auto; filter: brightness(0) invert(1); }
.v6-nav { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; flex: 1; }
.v6-nav a {
    display: block; color: rgba(255,255,255,.75);
    font-size: 15px; font-weight: 400;
    text-decoration: none; padding: 8px 16px;
    border-radius: 4px; transition: background .18s, color .18s; white-space: nowrap;
}
.v6-nav a:hover { background: rgba(255,255,255,.1); color: #fff; }
.v6-right { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.v6-tel { color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.v6-tel:hover { color: var(--dim-green); }
.v6-cta {
    background: var(--green); color: #fff !important;
    font-size: 14px; font-weight: 600;
    padding: 10px 22px; border-radius: 4px;
    text-decoration: none !important; transition: background .2s; white-space: nowrap;
}
.v6-cta:hover { background: #3c6c61; }
.v6-phone-wrap { display: flex; flex-direction: column; gap: 2px; }
.v6-hours { font-size: 11px; color: rgba(255,255,255,.4); white-space: nowrap; }
.v6-cats-row { border-top: 1px solid rgba(255,255,255,.1); padding: 12px 0; }
.v6-cats-row .container { display: flex; gap: 8px; justify-content: center; }
.v6-cats-row a {
    color: rgba(255,255,255,.7); font-size: 13px; font-weight: 500;
    text-decoration: none; padding: 5px 18px;
    border: 1px solid rgba(255,255,255,.2); border-radius: 3px;
    transition: background .2s, color .2s, border-color .2s;
    white-space: nowrap; letter-spacing: .02em;
}
.v6-cats-row a:hover { background: var(--green); color: #fff; border-color: var(--green); }

/* ════════════════════════════════════════════════════════════
   ТЁМНЫЕ МОДИФИКАТОРЫ
════════════════════════════════════════════════════════════ */

/* ── V2 dark ── */
.v2-header--dark { background: #0d1a24; box-shadow: 0 2px 12px rgba(0,0,0,.25); }
.v2-header--dark .v2-nav-row { background: #0d1a24; }
.v2-header--dark .v2-logo svg { filter: brightness(0) invert(1); }
.v2-header--dark .v2-menu a { color: rgba(255,255,255,.75); }
.v2-header--dark .v2-menu a::after { background: var(--dim-green); }
.v2-header--dark .v2-menu a:hover { color: #fff; background: rgba(255,255,255,.06); }
.v2-header--dark .v2-phone a { color: rgba(255,255,255,.9); }
.v2-header--dark .v2-phone a:hover { color: var(--dim-green); }
.v2-header--dark .v2-cats { background: rgba(255,255,255,.07); }
.v2-header--dark .v2-cats a { color: rgba(255,255,255,.65); border-color: rgba(255,255,255,.2); }
.v2-header--dark .v2-cats a:hover { background: rgba(255,255,255,.12); color: #fff; border-color: transparent; }

/* ── V3 dark ── */
.v3-header--dark { background: #0d1a24; border-bottom-color: var(--dim-green); }
.v3-header--dark .v3-logo svg { filter: brightness(0) invert(1); }
.v3-header--dark .v3-nav > li > a { color: rgba(255,255,255,.75); }
.v3-header--dark .v3-nav > li > a:hover,
.v3-header--dark .v3-nav > li:hover > a { background: rgba(255,255,255,.08); color: #fff; }
.v3-header--dark .v3-dropdown { background: #132030; border: 1px solid rgba(255,255,255,.08); }
.v3-header--dark .v3-dropdown a { color: rgba(255,255,255,.75); }
.v3-header--dark .v3-dropdown a:hover { background: rgba(255,255,255,.07); color: #fff; }
.v3-header--dark .v3-dropdown-dot { background: var(--dim-green); }
.v3-header--dark .v3-phone-block a.v3-phone-link { color: #fff; }
.v3-header--dark .v3-phone-block a.v3-phone-link:hover { color: var(--dim-green); }
.v3-header--dark .v3-hours { color: rgba(255,255,255,.35); }

/* ── V4 dark: топбар и нижняя полоса тёмные ── */
.v4-header--dark .v4-topbar { background: #1a2e3b; border-bottom-color: transparent; }
.v4-header--dark .v4-logo svg { filter: brightness(0) invert(1); }
.v4-header--dark .v4-nav a { color: rgba(255,255,255,.75); }
.v4-header--dark .v4-nav a:hover { color: #fff; border-bottom-color: var(--dim-green); }
.v4-header--dark .v4-contacts a.v4-tel { color: #fff; }
.v4-header--dark .v4-contacts a.v4-tel:hover { color: var(--dim-green); }
.v4-header--dark .v4-hours { color: rgba(255,255,255,.5); }
.v4-header--dark .v4-bottombar { background: #102030; border-top-color: rgba(255,255,255,.07); }
.v4-header--dark .v4-search { background: rgba(255,255,255,.07); border-color: transparent; }
.v4-header--dark .v4-search:focus-within { border-color: var(--dim-green); }
.v4-header--dark .v4-search svg { color: rgba(255,255,255,.4); }
.v4-header--dark .v4-search input { color: #fff; }
.v4-header--dark .v4-search input::placeholder { color: rgba(255,255,255,.3); }
.v4-header--dark .v4-cats a { background: rgba(255,255,255,.08); color: rgba(255,255,255,.75); border-color: transparent; }
.v4-header--dark .v4-cats a:hover { background: var(--green); color: #fff; }
.v4-header--dark .v4-cat-dot { background: var(--dim-green); }

/* ── V5 dark ── */
.v5-header--dark { background: #0d1a24; border-bottom-color: rgba(255,255,255,.08); }
.v5-header--dark .v5-logo svg { filter: brightness(0) invert(1); }
.v5-header--dark .v5-nav-left a,
.v5-header--dark .v5-nav-right a.v5-nav-link { color: rgba(255,255,255,.75); }
.v5-header--dark .v5-nav-left a:hover,
.v5-header--dark .v5-nav-right a.v5-nav-link:hover { color: #fff; }
.v5-header--dark .v5-phone { color: #fff; }
.v5-header--dark .v5-phone:hover { color: var(--dim-green); }
.v5-header--dark .v5-hours { color: rgba(255,255,255,.35); }
.v5-header--dark .v5-cats { border-top-color: rgba(255,255,255,.08); background: rgba(0,0,0,.15); }
.v5-header--dark .v5-cats a { color: rgba(255,255,255,.5); }
.v5-header--dark .v5-cats a:hover { color: #fff; border-bottom-color: var(--dim-green); }

/* ── V6 light ── */
.v6-header--light { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.v6-header--light .v6-logo svg { filter: none; }
.v6-header--light .v6-nav a { color: #072030; }
.v6-header--light .v6-nav a:hover { background: var(--background-green); color: var(--green); }
.v6-header--light .v6-tel { color: #072030; }
.v6-header--light .v6-tel:hover { color: var(--green); }
.v6-header--light .v6-hours { color: #aaa; }
.v6-header--light .v6-cats-row { border-top-color: #eee; }
.v6-header--light .v6-cats-row a { color: #555; border-color: #ccc; }
.v6-header--light .v6-cats-row a:hover { background: var(--green); color: #fff; border-color: var(--green); }

/* ════════════════════════════════════════════════════════════
   SEARCH LAB — общие стили мок-шапок
════════════════════════════════════════════════════════════ */
.s1-bar, .s2-bar, .s3-bar, .s4-bar {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.s1-bar .container,
.s2-bar .container,
.s3-bar .container,
.s4-bar .container {
    display: flex; align-items: center; gap: 24px; padding-top: 14px; padding-bottom: 14px;
}
.s1-logo svg, .s2-logo svg, .s3-logo svg, .s4-logo svg { height: 46px; width: auto; flex-shrink: 0; }
.s1-nav, .s2-nav, .s3-nav, .s4-nav {
    list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; flex: 1;
}
.s1-nav a, .s2-nav a, .s3-nav a, .s4-nav a {
    display: block; color: #072030; font-size: 14px; font-weight: 500;
    text-decoration: none; padding: 8px 14px; border-radius: 4px;
    transition: background .18s, color .18s; white-space: nowrap;
}
.s1-nav a:hover, .s2-nav a:hover, .s3-nav a:hover, .s4-nav a:hover {
    background: var(--background-green); color: var(--green);
}

/* ── S1: Inline expand ── */
.s1-search {
    display: flex; align-items: center;
    border: 1.5px solid transparent; border-radius: 4px;
    overflow: hidden; transition: border-color .2s; flex-shrink: 0;
}
.s1-search__input {
    width: 0; padding: 0; border: none; outline: none;
    font-size: 14px; background: #f4f4f4; color: #072030;
    transition: width .3s ease, padding .3s ease;
    white-space: nowrap;
}
.s1-search--open .s1-search__input {
    width: 220px; padding: 8px 12px;
}
.s1-search--open { border-color: var(--green); background: #f4f4f4; }
.s1-search__btn {
    background: none; border: none; cursor: pointer;
    padding: 8px; display: flex; align-items: center;
    color: #072030; transition: color .18s; flex-shrink: 0;
}
.s1-search__btn svg { width: 20px; height: 20px; }
.s1-search--open .s1-search__btn { color: var(--green); }

/* ── S2: Fullscreen overlay ── */
.s2-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(7,32,48,.95);
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease;
}
.s2-overlay--open { opacity: 1; pointer-events: all; }
.s2-overlay__close {
    position: absolute; top: 24px; right: 32px;
    background: none; border: none; cursor: pointer;
    color: rgba(255,255,255,.6); font-size: 28px; line-height: 1;
    transition: color .2s; padding: 4px;
}
.s2-overlay__close:hover { color: #fff; }
.s2-overlay__label {
    color: rgba(255,255,255,.4); font-size: 12px; font-weight: 500;
    letter-spacing: .1em; text-transform: uppercase; margin-bottom: 20px;
}
.s2-overlay__form { width: 100%; max-width: 600px; padding: 0 24px; }
.s2-overlay__field {
    display: flex; align-items: center;
    border-bottom: 2px solid rgba(255,255,255,.3);
    transition: border-color .2s;
}
.s2-overlay__field:focus-within { border-bottom-color: var(--green); }
.s2-overlay__input {
    flex: 1; background: none; border: none; outline: none;
    color: #fff; font-size: 28px; font-weight: 300; padding: 12px 0;
}
.s2-overlay__input::placeholder { color: rgba(255,255,255,.3); }
.s2-overlay__submit {
    background: none; border: none; cursor: pointer;
    color: rgba(255,255,255,.5); padding: 8px; display: flex; transition: color .2s;
}
.s2-overlay__submit svg { width: 28px; height: 28px; }
.s2-overlay__submit:hover { color: var(--green); }

/* ── S3: Dropdown panel ── */
.s3-wrap { position: relative; }
.s3-panel {
    position: absolute; left: 0; right: 0; z-index: 50;
    background: #fff; border-top: 1px solid #e8eeee;
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    overflow: hidden; max-height: 0;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0;
}
.s3-panel--open { max-height: 120px; padding: 16px 0; }
.s3-panel__form { margin-bottom: 10px; }
.s3-panel__field {
    display: flex; align-items: center; gap: 10px;
    border: 1.5px solid #e0e8e4; border-radius: 4px;
    padding: 8px 16px; transition: border-color .2s;
}
.s3-panel__field:focus-within { border-color: var(--green); }
.s3-panel__field svg { width: 18px; height: 18px; color: #aaa; flex-shrink: 0; }
.s3-panel__input {
    flex: 1; border: none; outline: none; font-size: 15px; color: #072030; background: none;
}
.s3-panel__input::placeholder { color: #bbb; }
.s3-panel__submit {
    background: var(--green); color: #fff; border: none; cursor: pointer;
    padding: 6px 18px; border-radius: 3px; font-size: 14px; font-weight: 500;
    white-space: nowrap; transition: background .2s; flex-shrink: 0;
}
.s3-panel__submit:hover { background: var(--hover-link); }
.s3-panel__close {
    background: none; border: none; cursor: pointer;
    color: #aaa; font-size: 18px; padding: 4px; transition: color .2s; flex-shrink: 0;
}
.s3-panel__close:hover { color: #072030; }
.s3-panel__hints { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.s3-panel__hint-label { font-size: 12px; color: #aaa; }
.s3-panel__hints a {
    font-size: 13px; color: var(--green); text-decoration: none;
    padding: 3px 10px; border: 1px solid var(--dim-green);
    border-radius: 20px; transition: background .2s, color .2s;
}
.s3-panel__hints a:hover { background: var(--green); color: #fff; }

/* ── S4: Popover ── */
.s4-search-wrap { position: relative; flex-shrink: 0; }
.s4-popover {
    position: absolute; top: calc(100% + 8px); right: 0;
    width: 280px; background: #fff; border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0,0,0,.12); padding: 12px;
    opacity: 0; pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .2s, transform .2s;
    z-index: 200;
}
.s4-popover--open { opacity: 1; pointer-events: all; transform: translateY(0); }
.s4-popover__field {
    display: flex; align-items: center; gap: 8px;
    border: 1.5px solid #e0e8e4; border-radius: 4px; padding: 8px 12px;
    transition: border-color .2s;
}
.s4-popover__field:focus-within { border-color: var(--green); }
.s4-popover__input {
    flex: 1; border: none; outline: none; font-size: 14px; color: #072030; background: none;
}
.s4-popover__input::placeholder { color: #bbb; }
.s4-popover__submit {
    background: none; border: none; cursor: pointer; padding: 2px;
    color: #aaa; display: flex; transition: color .2s;
}
.s4-popover__submit svg { width: 18px; height: 18px; }
.s4-popover__submit:hover { color: var(--green); }