/* ============================================================
   SmokeDonalds
   HOME HEADER ALIGN V39
   ============================================================ */


/* ============================================================
   ОСНОВНАЯ ШАПКА
   ============================================================ */

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

    width:min(
        1480px,
        calc(100% - 64px)
    )!important;

    min-height:100px!important;

    display:grid!important;

    grid-template-columns:
        210px
        150px
        minmax(320px,1fr)
        210px
        52px
        52px!important;

    column-gap:24px!important;
    row-gap:0!important;

    align-items:center!important;

    margin-left:auto!important;
    margin-right:auto!important;

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

    box-sizing:border-box!important;

}


/* ============================================================
   ВСЕ ПРЯМЫЕ ЭЛЕМЕНТЫ — ОДНА ОСЬ
   ============================================================ */

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

    align-self:center!important;

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

}


/* ============================================================
   LOGO
   ============================================================ */

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

    display:flex!important;

    align-items:center!important;
    justify-content:flex-start!important;

    width:210px!important;
    height:64px!important;

    min-width:0!important;

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

}


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

    display:block!important;

    width:190px!important;
    height:60px!important;

    object-fit:contain!important;
    object-position:left center!important;

    margin:0!important;

}


/* ============================================================
   CATALOG
   ============================================================ */

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

    width:150px!important;

    min-width:150px!important;
    max-width:150px!important;

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

    margin:0!important;

    padding:
        0
        20px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    gap:12px!important;

    box-sizing:border-box!important;

}


/* ============================================================
   CENTER NAV
   ============================================================ */

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

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    gap:54px!important;

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

    height:54px!important;

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

}


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

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

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    height:42px!important;

    margin:0!important;

    padding:
        0
        5px!important;

    line-height:1!important;

    white-space:nowrap!important;

}


/* ============================================================
   CITY
   ============================================================ */

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

    width:210px!important;

    min-width:210px!important;
    max-width:210px!important;

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

    margin:0!important;

    padding:
        0
        18px!important;

    box-sizing:border-box!important;

    align-self:center!important;

}


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

    line-height:1!important;

}


/* ============================================================
   THEME
   ============================================================ */

html[data-site-theme]
body.site-home-modern
.site-theme-toggle-v33{

    grid-column:5!important;

    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;

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

    margin:0!important;

    align-self:center!important;

}


/* ============================================================
   ACCOUNT
   ============================================================ */

html[data-site-theme]
body.site-home-modern
.home-account-v1{

    grid-column:6!important;

    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;

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

    margin:0!important;

    padding:0!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    align-self:center!important;

}


/* ============================================================
   КАТАЛОГ PANEL
   ============================================================ */

body.site-home-modern
.catalog-panel{

    top:100px!important;

}


/* ============================================================
   LARGE DESKTOP
   ============================================================ */

@media(min-width:1600px){

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

        width:min(
            1540px,
            calc(100% - 72px)
        )!important;

        grid-template-columns:
            220px
            154px
            minmax(380px,1fr)
            220px
            52px
            52px!important;

        column-gap:26px!important;

    }


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

        width:220px!important;

    }


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

        width:200px!important;

    }


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

        width:220px!important;
        min-width:220px!important;
        max-width:220px!important;

    }

}


/* ============================================================
   <= 1350
   ============================================================ */

@media(max-width:1350px){

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

        width:calc(100% - 40px)!important;

        grid-template-columns:
            180px
            136px
            minmax(260px,1fr)
            180px
            48px
            48px!important;

        column-gap:16px!important;

    }


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

        width:180px!important;

    }


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

        width:165px!important;
        height:56px!important;

    }


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

        width:136px!important;
        min-width:136px!important;
        max-width:136px!important;

    }


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

        gap:32px!important;

    }


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

        width:180px!important;
        min-width:180px!important;
        max-width:180px!important;

    }


    html[data-site-theme]
    body.site-home-modern
    .site-theme-toggle-v33,

    html[data-site-theme]
    body.site-home-modern
    .home-account-v1{

        width:48px!important;
        min-width:48px!important;
        max-width:48px!important;

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

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:980px){

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

        min-height:78px!important;

        width:calc(100% - 28px)!important;

        grid-template-columns:
            150px
            112px
            minmax(0,1fr)
            44px
            46px!important;

        grid-template-areas:
            "logo catalog city theme account"!important;

        gap:12px!important;

    }


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

        grid-area:logo!important;

        width:150px!important;
        height:56px!important;

    }


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

        width:145px!important;
        height:52px!important;

    }


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

        grid-area:catalog!important;

        width:112px!important;
        min-width:112px!important;
        max-width:112px!important;

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

    }


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

        display:none!important;

    }


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

        grid-area:city!important;

        width:100%!important;
        min-width:0!important;
        max-width:none!important;

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

    }


    html[data-site-theme]
    body.site-home-modern
    .site-theme-toggle-v33{

        grid-area:theme!important;
        grid-column:auto!important;

        width:44px!important;
        min-width:44px!important;
        max-width:44px!important;

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

    }


    html[data-site-theme]
    body.site-home-modern
    .home-account-v1{

        grid-area:account!important;
        grid-column:auto!important;

        width:46px!important;
        min-width:46px!important;
        max-width:46px!important;

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

    }


    body.site-home-modern
    .catalog-panel{

        top:78px!important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:620px){

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

        min-height:70px!important;

        width:calc(100% - 20px)!important;

        grid-template-columns:
            108px
            42px
            minmax(0,1fr)
            40px
            42px!important;

        gap:8px!important;

    }


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

        width:108px!important;
        height:48px!important;

    }


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

        width:104px!important;
        height:46px!important;

    }


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

        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;

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

        padding:0!important;

        font-size:0!important;

    }


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

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

        padding:
            0
            10px!important;

    }


    html[data-site-theme]
    body.site-home-modern
    .site-theme-toggle-v33{

        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;

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

    }


    html[data-site-theme]
    body.site-home-modern
    .home-account-v1{

        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;

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

    }


    body.site-home-modern
    .catalog-panel{

        top:70px!important;

    }

}