@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

@media (max-width: 991px) {
    body #mobileheader {
        box-sizing: border-box;
        height: auto;
        min-height: 120px;
        padding: 14px 16px 12px;
        background: #eaeff2;
        border-bottom: 0;
    }

    body #mobileheader .zimnie-mobile-header {
        display: flex;
        position: relative;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        height: auto;
        min-height: 94px;
        background: #eaeff2;
        border: 0;
        font-family: "Manrope", sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    body #mobileheader .zimnie-mobile-header button,
    body #mobileheader .zimnie-mobile-header input,
    body #mobileheader .zimnie-mobile-header a {
        font-family: "Manrope", sans-serif;
    }

    body #mobileheader .zimnie-mobile-header__main {
        display: flex;
        align-items: stretch;
        gap: 10px;
        width: 100%;
        height: 46px;
    }

    body #mobileheader .zimnie-mobile-header .burger {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        margin: 0;
        color: #fff;
        background: #220ecc;
        border-radius: 18px;
    }

    body #mobileheader .zimnie-mobile-header .burger:hover,
    body #mobileheader .zimnie-mobile-header .burger:active {
        background: #200faf;
    }

    body #mobileheader .zimnie-mobile-header .burger .zimnie-mobile-header__burger-lines,
    body #mobileheader .zimnie-mobile-header .burger .zimnie-mobile-header__burger-lines svg {
        display: block;
        position: static;
        width: 18px;
        height: 18px;
    }

    body #mobileheader .zimnie-mobile-header .burger .zimnie-mobile-header__burger-lines {
        margin: 0;
        transform: none;
        transition: transform .2s;
    }

    body #mobileheader .zimnie-mobile-header.zimnie-catalog-open .burger .zimnie-mobile-header__burger-lines {
        transform: rotate(90deg);
    }

    body #mobileheader .zimnie-mobile-header .burger .zimnie-mobile-header__burger-lines path {
        fill: none !important;
        stroke: #fff !important;
    }

    body #mobileheader .zimnie-mobile-header .burger .svg:not(.zimnie-mobile-header__burger-lines) path {
        fill: #fff !important;
        stroke: none !important;
    }

    body #mobileheader .zimnie-mobile-header .search_wrap,
    body #mobileheader .zimnie-mobile-header .search-block,
    body #mobileheader .zimnie-mobile-header .search-wrapper,
    body #mobileheader .zimnie-mobile-header .search-wrapper > div {
        flex: 1 1 auto;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: 46px;
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    body #mobileheader .zimnie-mobile-header form.search {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: 46px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e6eaee;
        border-radius: 0 18px 0 18px;
        box-shadow: 0 2px 8px rgba(20, 24, 40, .04);
    }

    body #mobileheader .zimnie-mobile-header form.search:focus-within {
        border-color: #220ecc;
        box-shadow: 0 0 0 3px rgba(34, 14, 204, .09);
    }

    body #mobileheader .zimnie-mobile-header .search-input-div {
        flex: 1 1 auto;
        box-sizing: border-box;
        position: relative;
        width: auto;
        min-width: 0;
        height: 44px;
        margin: 0;
        padding: 0 0 0 40px;
        background: transparent;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header form.search .search-input-div::before {
        content: "" !important;
        display: block !important;
        position: absolute;
        top: 50%;
        left: 13px;
        width: 17px;
        height: 17px;
        margin: 0;
        background: url("/local/templates/zimnie/images/svg/search_header.svg") 50% 50% / 17px 17px no-repeat !important;
        opacity: 1;
        transform: translateY(-50%);
        pointer-events: none;
    }

    body #mobileheader .zimnie-mobile-header .search-input {
        box-sizing: border-box;
        width: 100%;
        height: 44px;
        margin: 0;
        padding: 0 10px 0 0;
        color: #16181d;
        background: transparent;
        border: 0;
        box-shadow: none;
        font-size: 15px;
        line-height: 44px;
        outline: 0;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .search-button-div {
        display: flex;
        align-items: center;
        position: static;
        flex: 0 0 74px;
        width: 74px;
        height: 46px;
        margin: 0;
        padding: 0;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .btn-search {
        display: flex;
        align-items: center;
        justify-content: center;
        position: static;
        box-sizing: border-box;
        width: 74px;
        height: 46px;
        margin: 0;
        padding: 0;
        color: #fff;
        background: #220ecc;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        font-size: 0;
        line-height: 46px;
        text-transform: none;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .btn-search::after {
        content: attr(value);
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .btn-search .svg,
    body #mobileheader .zimnie-mobile-header .close-block,
    body #mobileheader .zimnie-mobile-header .searchtype {
        display: none !important;
    }

    body #mobileheader .zimnie-mobile-header__nav {
        position: relative;
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    body #mobileheader .zimnie-mobile-header.zimnie-catalog-open .zimnie-mobile-header__nav {
        visibility: hidden;
    }

    body #mobileheader .zimnie-mobile-header__catalog[hidden] {
        display: none !important;
    }

    body #mobileheader .zimnie-mobile-header__catalog {
        position: absolute;
        z-index: 60;
        top: 56px;
        left: -16px;
        right: -16px;
        box-sizing: border-box;
        max-height: calc(100vh - 86px);
        padding: 14px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #f7f9fa;
        border-radius: 0 34px 0 34px;
        box-shadow: 0 22px 54px rgba(34, 14, 204, .16);
        -webkit-overflow-scrolling: touch;
    }

    body #mobileheader .zimnie-mobile-header__catalog.zimnie-mobile-header__catalog--children {
        padding: 24px 28px;
        background: #fff;
    }

    body #mobileheader .zimnie-mobile-catalog {
        display: flex;
        flex-direction: column;
        gap: 2px;
        width: 100%;
    }

    body #mobileheader .zimnie-mobile-catalog__roots[hidden],
    body #mobileheader .zimnie-mobile-catalog__panel[hidden] {
        display: none !important;
    }

    body #mobileheader .zimnie-mobile-catalog__item {
        display: flex;
        align-items: center;
        gap: 12px;
        box-sizing: border-box;
        width: 100%;
        min-height: 48px;
        padding: 10px 14px;
        color: #16181d;
        background: transparent;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 0 11px 0 11px;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
        appearance: none;
        box-shadow: none !important;
        transition: background .12s, color .12s;
    }

    body #mobileheader .zimnie-mobile-catalog__item:hover {
        color: #220ecc;
        background: #fff;
    }

    body #mobileheader .zimnie-mobile-catalog__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        color: currentColor;
    }

    body #mobileheader .zimnie-mobile-catalog__icon img,
    body #mobileheader .zimnie-mobile-catalog__icon svg {
        display: block;
        width: 22px;
        height: 22px;
        object-fit: contain;
    }

    body #mobileheader .zimnie-mobile-catalog__title {
        flex: 1 1 auto;
    }

    body #mobileheader .zimnie-mobile-catalog__arrow {
        flex: 0 0 16px;
        margin-left: auto;
        color: currentColor;
    }

    body #mobileheader .zimnie-mobile-catalog__panel {
        width: 100%;
        animation: zimnie-mobile-catalog-in .18s ease;
    }

    body #mobileheader .zimnie-mobile-catalog__panel-head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 14px;
        padding: 0;
    }

    body #mobileheader .zimnie-mobile-catalog__back {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: auto;
        height: auto;
        padding: 0;
        color: #220ecc;
        background: transparent;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 0;
        box-shadow: none !important;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        cursor: pointer;
    }

    body #mobileheader .zimnie-mobile-catalog__panel-title {
        color: #16181d;
        font-family: "Manrope", sans-serif;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.25;
    }

    body #mobileheader .zimnie-mobile-catalog__children {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    body #mobileheader .zimnie-mobile-catalog__child {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 10px;
        color: #16181d;
        border-radius: 0 8px 0 8px;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        text-decoration: none;
    }

    body #mobileheader .zimnie-mobile-catalog__child:hover {
        color: #220ecc;
        background: #fff;
    }

    body #mobileheader .zimnie-mobile-catalog__dot {
        flex: 0 0 6px;
        width: 6px;
        height: 6px;
        background: #a2ce3b;
        border-radius: 0 3px 0 3px;
    }

    @keyframes zimnie-mobile-catalog-in {
        from {
            opacity: 0;
            transform: translateX(8px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    body #mobileheader .zimnie-mobile-header__nav::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 2px;
        width: 54px;
        background: linear-gradient(90deg, rgba(234, 239, 242, 0), #eaeff2 88%);
        pointer-events: none;
    }

    body #mobileheader .zimnie-mobile-header__menu {
        display: flex;
        align-items: center;
        gap: 7px;
        width: 100%;
        margin: 0;
        padding: 0 0 2px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body #mobileheader .zimnie-mobile-header__menu::-webkit-scrollbar {
        display: none;
    }

    body #mobileheader .zimnie-mobile-header__menu a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex: 0 0 auto;
        min-height: 34px;
        padding: 8px 13px;
        color: #16181d;
        background: #fff;
        border: 0;
        border-radius: 0 11px 0 11px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        text-decoration: none;
        white-space: nowrap;
    }

    body #mobileheader .zimnie-mobile-header__menu a:hover,
    body #mobileheader .zimnie-mobile-header__menu a.active {
        color: #220ecc;
        background: #eceafb;
    }

    body #mobileheader .zimnie-mobile-header .line-block--progress {
        bottom: 0;
    }
}

@media (max-width: 380px) {
    body #mobileheader {
        padding-right: 12px;
        padding-left: 12px;
    }

    body #mobileheader .zimnie-mobile-header__main {
        gap: 6px;
    }

    body #mobileheader .zimnie-mobile-header .burger {
        flex-basis: 46px;
        width: 46px;
    }

    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .search-button-div,
    body #mobileheader .mobileheader-v3.zimnie-mobile-header .search-block .btn-search {
        flex-basis: 68px;
        width: 68px;
    }
}