/* ============================================================
   HEADER ALIGN ONLY V99.1

   ВАЖНО:
   НЕ меняем размеры вообще.

   Только:
   - вертикальное выравнивание;
   - одинаковая линия элементов;
   - одинаковый воздух сверху/снизу.
   ============================================================ */


/* ============================================================
   1. ВНЕШНИЙ HEADER

   Только симметричный вертикальный воздух.
   ============================================================ */

html body.site-home-modern .topbar{

    padding-top:10px!important;
    padding-bottom:10px!important;

    box-sizing:border-box!important;
}


/* ============================================================
   2. ОСНОВНАЯ СТРОКА

   НЕ задаём:
   height
   min-height
   width
   размеры элементов
   ============================================================ */

html body.site-home-modern
.topbar .home-nav-v1{

    display:flex!important;

    align-items:center!important;

    align-content:center!important;

    box-sizing:border-box!important;

    margin-top:0!important;
    margin-bottom:0!important;

    padding-top:0!important;
    padding-bottom:0!important;
}


/* ============================================================
   3. ВСЕ ОСНОВНЫЕ БЛОКИ ПО ОДНОЙ ЦЕНТРАЛЬНОЙ ОСИ
   ============================================================ */

html body.site-home-modern
.home-nav-v1 > *{

    align-self:center!important;
}


/* ============================================================
   4. ЛОГО

   КРИТИЧНО:
   width / height / max-width НЕ ТРОГАЕМ.
   img размер НЕ ТРОГАЕМ.
   ============================================================ */

html body.site-home-modern
.home-logo-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


html body.site-home-modern
.home-logo-v1 img{

    /*
     * НИКАКИХ width / height.
     */
    margin-top:0!important;
    margin-bottom:0!important;

    vertical-align:middle!important;
}


/* ============================================================
   5. КАТАЛОГ

   Размер плашки сохраняется на 100%.
   ============================================================ */

html body.site-home-modern
.home-catalog-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


/* ============================================================
   6. ЦЕНТРАЛЬНОЕ МЕНЮ
   ============================================================ */

html body.site-home-modern
.home-links-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


html body.site-home-modern
.home-links-v1 > a,

html body.site-home-modern
.home-links-v1 > button{

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;
}


/* ============================================================
   7. ГОРОД
   ============================================================ */

html body.site-home-modern
.home-city-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


/* ============================================================
   8. ТЕМА
   ============================================================ */

html body.site-home-modern
.home-theme-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


/* ============================================================
   9. ЛК
   ============================================================ */

html body.site-home-modern
.home-account-v1{

    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;

    top:auto!important;
    bottom:auto!important;

    translate:0 0!important;
}


/* ============================================================
   10. ЕСЛИ ГОРОД / ТЕМА / ЛК СИДЯТ В ОБЩЕЙ ОБЁРТКЕ
   ============================================================ */

html body.site-home-modern
.home-actions-v1,

html body.site-home-modern
.home-controls-v1,

html body.site-home-modern
.home-nav-actions-v1{

    align-items:center!important;
    align-self:center!important;

    margin-top:0!important;
    margin-bottom:0!important;
}


/* ============================================================
   11. УБИРАЕМ ТОЛЬКО ВЕРТИКАЛЬНЫЕ СДВИГИ,
   КОТОРЫЕ НАКОПИЛИСЬ ОТ СТАРЫХ ПАТЧЕЙ.

   transform целиком НЕ сбрасываем,
   чтобы не убить возможные другие эффекты.

   Используем translate longhand.
   ============================================================ */

html body.site-home-modern
.home-nav-v1
.home-logo-v1,

html body.site-home-modern
.home-nav-v1
.home-catalog-v1,

html body.site-home-modern
.home-nav-v1
.home-links-v1,

html body.site-home-modern
.home-nav-v1
.home-city-v1,

html body.site-home-modern
.home-nav-v1
.home-theme-v1,

html body.site-home-modern
.home-nav-v1
.home-account-v1{

    translate:0 0!important;
}


/* ============================================================
   12. ОБЕ ТЕМЫ — ОДИНАКОВАЯ ГЕОМЕТРИЯ
   ============================================================ */

html[data-site-theme="light"]
body.site-home-modern .topbar,

html[data-site-theme="dark"]
body.site-home-modern .topbar{

    padding-top:10px!important;
    padding-bottom:10px!important;
}


html[data-site-theme="light"]
body.site-home-modern .home-nav-v1,

html[data-site-theme="dark"]
body.site-home-modern .home-nav-v1{

    align-items:center!important;
}


/* ============================================================
   13. HERO

   Его геометрию НЕ переделываем.
   Только аккуратный существующий зазор.
   ============================================================ */

html body.site-home-modern
.hero.home-hero-v4{

    margin-top:8px!important;
}


/* ============================================================
   14. MOBILE

   Не ломаем существующую мобильную раскладку.
   Размеры также не меняются.
   ============================================================ */

@media(max-width:700px){

    html body.site-home-modern .topbar{

        padding-top:7px!important;
        padding-bottom:7px!important;
    }


    html body.site-home-modern
    .home-nav-v1{

        align-items:center!important;
    }


    html body.site-home-modern
    .home-nav-v1 > *{

        align-self:center!important;
    }


    html body.site-home-modern
    .hero.home-hero-v4{

        margin-top:5px!important;
    }

}