/* Mobile header layout + mobile slider banner */

@media (min-width: 992px) {
    .gamburger.mobile-version {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .header-top__menu {
        display: none;
    }

    .header-top {
        padding: 12px 0;
    }

    .header-top .container {
        display: grid;
        grid-template-columns: 45px 1fr 45px;
        grid-template-areas:
            "burger logo basket"
            "search search search";
        grid-gap: 12px 16px;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-top .gamburger.mobile-version {
        display: flex;
        grid-area: burger;
        margin: 0;
    }

    .header-top .header__logo.mobile-version {
        grid-area: logo;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        order: unset;
    }

    .header-top .header__logo.mobile-version img {
        height: 44px;
        width: auto;
    }

    .header-top .header__search {
        grid-area: search;
        width: 100%;
        order: unset;
        margin: 0;
    }

    .header-top .header__basket {
        grid-area: basket;
        order: unset;
        margin: 0 0 0 auto;
        justify-self: end;
    }

    .header-bottom {
        padding: 0;
    }

    .header-bottom .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 0;
        padding: 10px 20px 14px;
    }

    header:not(.open-menu) .header-bottom__contacts,
    header:not(.open-menu) .header__work,
    header:not(.open-menu) .header__mail {
        display: none !important;
    }

    header:not(.open-menu) .header-bottom .header__phone {
        display: block !important;
        margin: 0;
        text-align: center;
        grid-column: unset;
        grid-row: unset;
    }

    header:not(.open-menu) .header-bottom .header__phone a {
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: #3d3b3e;
    }

    header.open-menu .header-bottom .container {
        align-items: flex-start;
        padding: 18px 20px;
    }

    header.open-menu .header-top .header__search,
    header.open-menu .header-top .header__basket,
    header.open-menu .header-top .header__logo {
        display: none;
    }

    header.open-menu .header-top .container {
        grid-template-columns: 45px 1fr;
        grid-template-areas: "burger .";
    }
}

/* Mobile banner image in main slider */
.slider__wrap-slide--img picture {
    display: block;
    width: 100%;
}

.slider__wrap-slide--img picture img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .slider__wrap-slide--img {
        padding: 0;
        max-width: 100%;
    }

    .slider__wrap-slide--img img {
        margin-right: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}