/* ============================================================
   MOBILE HERO THEME STABLE V51

   Светлая/тёмная тема больше НЕ меняет:
   - размер hero
   - масштаб картинки
   - позицию картинки
   - геометрию слайда
   ============================================================ */

@media (max-width:700px){

    /* --------------------------------------------------------
       HERO — одна геометрия в обеих темах
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-v4,

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-hero-v4,

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

    body.site-home-modern.site-theme-light
    .home-hero-v4{

        width:100%!important;

        height:540px!important;
        min-height:540px!important;
        max-height:540px!important;

        margin:0!important;

        overflow:hidden!important;

        transform:none!important;
        translate:none!important;

        transition:none!important;
        animation:none!important;

        box-sizing:border-box!important;
    }


    /* --------------------------------------------------------
       Сам слайд всегда 100% hero
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-slide-v4{

        position:absolute!important;
        inset:0!important;

        width:100%!important;
        height:100%!important;

        margin:0!important;

        overflow:hidden!important;

        transform:none!important;
        translate:none!important;

        transition:none!important;

        box-sizing:border-box!important;
    }


    /* --------------------------------------------------------
       Media контейнер не меняется при смене темы
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-media-v4{

        position:absolute!important;

        inset:0!important;

        left:0!important;
        right:0!important;
        top:0!important;
        bottom:0!important;

        width:100%!important;
        height:100%!important;

        margin:0!important;

        overflow:hidden!important;

        transform:none!important;
        translate:none!important;

        transition:none!important;

        box-sizing:border-box!important;
    }


    /* --------------------------------------------------------
       КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ

       Раньше:
       обычный img = scale(...)
       active img  = другой scale(...)
       transition  = 7 секунд

       Теперь масштаб один всегда.
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-media-v4 img,

    html[data-site-theme]
    body.site-home-modern
    .home-hero-slide-v4.active
    .home-hero-media-v4 img,

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-hero-media-v4 img,

    html[data-site-theme="light"]
    body.site-home-modern
    .home-hero-media-v4 img,

    body.site-home-modern.site-theme-light
    .home-hero-media-v4 img{

        display:block!important;

        position:absolute!important;

        left:0!important;
        top:0!important;

        width:100%!important;
        height:100%!important;

        min-width:100%!important;
        min-height:100%!important;

        max-width:none!important;
        max-height:none!important;

        margin:0!important;
        padding:0!important;

        object-fit:cover!important;

        object-position:
            var(--slide-pos-x,63%)
            var(--slide-pos-y,50%)!important;

        /*
         * ОДИНАКОВЫЙ масштаб во всех состояниях.
         */
        transform:scale(1.03)!important;

        transform-origin:center center!important;

        translate:none!important;

        transition:none!important;
        animation:none!important;

        will-change:auto!important;
    }


    /* active больше НЕ увеличивается */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-slide-v4.active
    .home-hero-media-v4 img{

        transform:scale(1.03)!important;
    }


    /* --------------------------------------------------------
       При смене темы разрешаем менять только цвет/фильтр.
       Геометрия остаётся той же.
       -------------------------------------------------------- */

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-hero-media-v4 img{

        transform:scale(1.03)!important;
    }


    html[data-site-theme="light"]
    body.site-home-modern
    .home-hero-media-v4 img,

    body.site-home-modern.site-theme-light
    .home-hero-media-v4 img{

        transform:scale(1.03)!important;
    }


    /* --------------------------------------------------------
       Shade тоже не должен анимировать геометрию
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-shade-v4,

    html[data-site-theme]
    body.site-home-modern
    .home-hero-v4::after{

        inset:0!important;

        transform:none!important;
        translate:none!important;

        transition:none!important;
        animation:none!important;
    }


    /* --------------------------------------------------------
       Контент hero не прыгает при переключении темы
       -------------------------------------------------------- */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-copy-v4{

        left:18px!important;
        right:18px!important;

        top:auto!important;
        bottom:50px!important;

        width:auto!important;

        margin:0!important;

        transform:none!important;
        translate:none!important;

        transition:none!important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-hero-search-v4{

        width:100%!important;
        max-width:100%!important;

        transform:none!important;
        transition:none!important;
    }


    /* поисковая строка также не подпрыгивает */

    html[data-site-theme]
    body.site-home-modern
    .home-hero-search-shell-v4{

        transform:none!important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-hero-search-v4:focus-within
    .home-hero-search-shell-v4{

        transform:none!important;
    }

}


/* ============================================================
   Очень узкие телефоны — геометрия всё равно одна для тем
   ============================================================ */

@media (max-width:390px){

    html[data-site-theme]
    body.site-home-modern
    .home-hero-v4,

    html[data-site-theme="dark"]
    body.site-home-modern
    .home-hero-v4,

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

    body.site-home-modern.site-theme-light
    .home-hero-v4{

        height:540px!important;
        min-height:540px!important;
        max-height:540px!important;
    }


    html[data-site-theme]
    body.site-home-modern
    .home-hero-media-v4 img,

    html[data-site-theme]
    body.site-home-modern
    .home-hero-slide-v4.active
    .home-hero-media-v4 img{

        transform:scale(1.03)!important;

        object-position:
            var(--slide-pos-x,63%)
            var(--slide-pos-y,50%)!important;
    }

}