#mobileheader {
    height: 116px;
}
.mobile-header {
    display: grid;
    padding: 35px 16px 32px;
}
.mobile-header__logo {
    width: 229px;
    grid-column: 1;
    grid-row: 1;
}
.mobile-header__logo img {
    width: 100%;
}
.mobile-header__panel {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    column-gap: 30px;
    align-items: center;
    justify-content: end;
    margin-top: 7px;
}
.mobile-header__search {
    border: none;
    outline: none;
    background-color: unset;
}
.mobile-header__search svg {
    fill: #4F5665;
}
.mobile-header__slogan {
    grid-column: 1/3;
    grid-row: 2;
    font-family: 'Century Gothic';
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #C10230;
    margin-top: 12px;
    letter-spacing: 1.6px;
}
@media (min-width: 992px) {
    .header_wrap {
        padding-top: 50px;
    }
    .header_wrap.active  .header-custom.container-redesign {
        max-width: 1336px;
        padding: 0 20px;
        background: #ffffff;
    }
    .header-custom .maxwidth-theme {
        display: grid;
        align-items: center;
        grid-template-columns: 0.4fr 0.4fr 0.8fr 1.2fr;
        gap: 7px;
    }
    .header-custom__logo {
        display: flex;
        grid-column: 1;
        grid-row: 1/3;
        align-items: flex-start;
        margin-right: 20px;
    }
    .header-custom__logo .logo {
        display: flex;
        flex-direction: column;
        grid-column: 1;
        grid-row: 1/3;
    }
    .header-custom__logo .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .header-custom__logo-text {
        display: none;
    }
    .header-custom__work {
        display: flex;
        align-items: center;
        column-gap: 10px;
        grid-column: 2;
        grid-row: 1;
        font-family: "Open Sans", sans-serif ;
    }
    .header-custom__phone {
        display: flex;
        grid-row:1;
        grid-column: 3;
        align-items: center;
        justify-content: space-between;
    }
    .header-custom__phone-wrapper {
        display: flex;
        align-items: center;
        column-gap: 7px;
    }
    .header-custom__phone-wrapper a,
    .header-custom__about,
    .header-custom__menu-catalog-name {
        font-family: "Open Sans", sans-serif ;
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        color: #4F5665;
    }
    .header-custom__menu-catalog-name {
        display: flex;
        column-gap: 5px;
        align-items: center;
        cursor: pointer;
    }
    .header-custom__menu-catalog-name svg {
        stroke: #4F5665;
    }
    .header-custom__menu-catalog-name.active {
        color: #C10230;
    }
    .header-custom__menu-catalog-name.active svg {
        stroke: #C10230;
    }
    a.header-custom__menu-catalog-name-link {
        color: #4F5665;
    }
    a.header-custom__menu-catalog-name-link:hover {
        color: #C10230;
    }
    a.header-custom__menu-catalog-name-link:focus,  a.header-custom__menu-catalog-name-link:active {
        color: #4F5665;
    }
    .header-custom__phone-wrapper a:hover {
        color: #C10230;
    }
    .header-custom__phone-wrapper svg {
        stroke: #4F5665;
    }
    .header-custom__phone-wrapper:hover svg {
        stroke: #C10230;
    }
    .header-custom__menu {
        display: flex;
        grid-row: 1;
        grid-column: 4/6;
    }
    .header-custom__menu-catalog {
        display: flex;
        grid-row: 2;
        grid-column: 2;
    }
    .header-custom__search {
        display: flex;
        grid-row:2;
        grid-column: 3;
    }
    .header-custom__about {
        display: block;
        grid-row: 2;
        grid-column: 4;
    }
    .header-custom__cart {
        display: flex;
        column-gap: 30px;
        grid-row: 2;
        grid-column: 5;
    }
    .header-custom__work,
    .header-custom__about {
        color: #4F5665;
        font-weight: 600;
        font-size: 13px;
        line-height: 1.7;
        letter-spacing: -1px;
    }
    .header-custom__callback-btn {
        border: 1px solid #4F5665;
        border-radius: 34px;
        display: block;
        padding: 3px 8px;
        color: #4F5665;
        font-size: 8px;
        line-height: 10px;
        font-style: italic;
        text-transform: unset;
        letter-spacing: 0;
    }
    .header-custom__callback-btn:hover {
        border: 1px solid #C10230;
        color: #C10230;
    }
    .header-custom__cart .basket-link {
        padding: 0;
    }
    .header-custom__cart .basket-link .js-basket-block {
        display: flex;
        position: relative;
        margin: 0;
        padding: 0;
    }
    .header-custom__cart .basket-link .js-basket-block .count {
        position: absolute;
        left: 0;
        top: 0;
    }
    .top-block.top-block-v1 {
        border: none;
    } 
    .header_wrap.active:before {
        background-color: rgba(0, 0, 0, 0.6);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        transform: translate3d(0, 0, 0);
        transition: all var(--transition-duration) ease-in var(--transition-delay);
        z-index: 0;
    }
    .header-custom__about.active {
        display: none;
    }
    .header-custom__search.active {
        grid-column: 3/5;
    }
    .header-custom__cart .wrap_icon .basket-link .js-basket-block .svg {
        display: none;
    }
    .header-custom__cart .wrap_icon .basket-link .js-basket-block svg {
        stroke: #4F5665;
        fill: none;
    }
    .header-custom__cart .wrap_icon .basket-link:hover .js-basket-block svg {
        stroke: #C10230;
        fill: none;
    }
    .header-custom__cart .wrap_icon .basket-link .count.js-count {
        display: none;
    }
    .header-custom__cart .wrap_icon .basket-link.basket-count .count.js-count {
        display: block;
    }
    .header-custom__cart .wrap_icon .basket-link.delay.counter-state--empty .count.js-count {
        display: none;
    }
    .header-custom__cart .basket-link.delay .count.js-count {
        display: block;
    }
}

@media (min-width: 1240px) {  
    .header_wrap {
        padding-top: 16px;
        padding-bottom: 36px;
    }
    .header-custom .maxwidth-theme {
        grid-template-columns: 304px 0.25fr 0.48fr 1fr;
        column-gap: 7px;
        row-gap: 26px;
    }
    .header-custom__logo-text {
        display: block;
        font-family: "Century Gothic", sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #C10230;
    }
    .header-custom__phone-wrapper a,
    .header-custom__about,
    .header-custom__menu-catalog-name {
        font-size: 14px;
    }
    .header-custom__work,
    .header-custom__about {
        font-size: 14px;
        letter-spacing: normal;
    }
}
@media (min-width: 1320px) {
    .header_wrap {
        padding-top: 14px;
        padding-bottom: 32px;
    }
    .header-custom .maxwidth-theme {
        column-gap: 20px;
        row-gap: 25px;
        grid-template-columns: 332px 0.28fr 0.48fr 1fr;
        column-gap: 0;
        row-gap: 27px;
    }
    .header-custom .maxwidth-theme:before, .header-custom .maxwidth-theme:after {
        display: none;
    }
    .header-custom__logo {
        margin-right: 0;
        grid-row: 1 / 4;
        margin-top: 11px;
        margin-left: -3px;
    }
    .header-custom__logo-text {
        letter-spacing: 0.6px;
    }
    .header-custom__work {
        padding-left: 30px;
        grid-row: 2;
    }
    .header-custom__phone {
        padding-left: 19px;
        grid-row: 2;
    }
    .header-custom__phone-wrapper {
        column-gap: 2px;
    }
    .header-custom__menu {
        grid-row: 2;
    }
    .menu-redesign {
        padding-left: 34px;
        gap: 10px 15px;
    }
    .menu-redesign__item {
        letter-spacing: normal;
    }
    .header-custom__menu-catalog {
        padding-left: 30px;
        padding-top: 1px;
        grid-row: 3;
    }
    .header-custom__menu-catalog-name {
        column-gap: 9px;
    }
    .header-custom__search,
    .header-custom__about, 
    .header-custom__cart {
        grid-row: 3;
    }
    .header-custom__logo .logo {
        row-gap: 16px;
    }
    .header-custom__cart {
        margin-right: -4px;
        column-gap: 6px;
        margin-top: 5px;
    }
    .header-custom__search {
        padding-left: 9px;
        padding-right: 17px;
    }
    .header-custom__search .search .btn-search {
        padding-right: 3px;
    }
    .header-custom__about {
        padding-left: 12px;
    }
}