.wf-mobile-catalog-back,
.wf-sort-mobile-label,
.wf-sort-icon,
.wf-filter-icon {
    display: none;
}

@media (max-width: 767.98px) {
    .webfus-header,
    .webfus-header.webfus-header--compact-mobile {
        padding: 0 !important;
        border-bottom: 1px solid #ededed;
        background: #fff;
    }

    .webfus-header__inner,
    .webfus-header--compact-mobile .webfus-header__inner {
        position: relative;
        display: flex !important;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 7px 12px 8px !important;
        gap: 6px !important;
        box-sizing: border-box;
    }

    .webfus-header__main,
    .webfus-header__bottom,
    .webfus-header--compact-mobile .webfus-header__bottom {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .webfus-header__main .maxwidth-theme {
        display: grid !important;
        grid-template-columns: minmax(104px, 1fr) auto;
        align-items: center;
        width: 100%;
        min-height: 48px;
        padding: 0 54px 0 0 !important;
        gap: 8px !important;
        box-sizing: border-box;
    }

    .webfus-header__main_left {
        display: flex;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .webfus-header__logo,
    .webfus-header--compact-mobile .webfus-header__logo {
        width: clamp(108px, 32vw, 128px) !important;
        max-width: none !important;
        height: auto !important;
        margin: 0;
    }

    .webfus-header__logo_link,
    .webfus-header__logo img {
        display: block;
        width: 100%;
        height: auto;
    }

    .webfus-header__main_right {
        display: block !important;
        margin: 0 !important;
    }

    .webfus-header__main_right .webfus-header__address,
    .webfus-header__main_right .webfus-header__phone,
    .webfus-header__main_right .socials,
    .webfus-header__nav,
    .webfus-delivery-shortcut--desktop {
        display: none !important;
    }

    .webfus-header__region .region_wrapper {
        pointer-events: auto !important;
    }

    .webfus-header__region .region_wrapper .js_city_chooser {
        min-height: 38px;
        padding: 0 9px !important;
        gap: 5px !important;
        border: 1px solid #dedede;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 3px 12px rgba(34, 34, 34, 0.06);
        box-sizing: border-box;
    }

    .webfus-header__region .icon {
        width: 20px;
        height: 26px;
    }

    .webfus-header__region .icon svg {
        fill: #222 !important;
    }

    .webfus-header__region .title {
        overflow: hidden;
        max-width: 74px;
        color: #9a0202;
        font-size: 14px;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .webfus-header__region .region_wrapper .arrow {
        width: 9px;
        height: 8px;
    }

    .webfus-header__bottom .maxwidth-theme,
    .webfus-header--compact-mobile .webfus-header__bottom .maxwidth-theme {
        position: relative;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 46px;
        align-items: center !important;
        justify-content: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 52px;
        margin: 0;
        padding: 0 0 0 44px !important;
        gap: 8px !important;
        box-sizing: border-box;
    }

    .webfus-header__catalog {
        display: none !important;
    }

    .webfus-header__burger,
    .webfus-header--compact-mobile .webfus-header__burger {
        position: absolute !important;
        z-index: 4;
        top: 61px !important;
        right: auto !important;
        bottom: auto !important;
        left: 12px !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        width: 40px !important;
        height: 52px !important;
        border-right: 1px solid #e4e4e4;
        box-sizing: border-box;
    }

    .webfus-header__burger .burger,
    .webfus-header--compact-mobile .webfus-header__burger .burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 26px;
        transform: none !important;
    }

    .webfus-header__burger svg {
        width: 28px;
        height: 24px;
    }

    .webfus-header__search,
    .webfus-header--compact-mobile .webfus-header__search {
        position: relative;
        order: 2;
        display: block !important;
        width: 46px !important;
        min-width: 0;
        margin: 0 !important;
        transition: width 0.2s ease;
    }

    .webfus-header__search .search-wrapper,
    .webfus-header__search #title-search_fixed,
    .webfus-header__search .search {
        width: 100%;
    }

    .webfus-header__search .search {
        display: flex;
        width: 46px;
        height: 46px;
        overflow: hidden;
        border: 1px solid #dedede;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 3px 12px rgba(34, 34, 34, 0.06);
        box-sizing: border-box;
        transition: width 0.2s ease, border-radius 0.2s ease;
    }

    .webfus-header__search .search .search-input-div {
        width: 0;
        min-width: 0;
        height: 100%;
        flex: 0 0 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.15s ease;
    }

    .webfus-header__search .search .search-input {
        width: 100%;
        height: 100%;
        padding: 0 10px 0 2px;
        border: 0 !important;
        border-radius: 0;
        background: transparent;
        color: #222;
        font-size: 14px;
        line-height: 1;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }

    .webfus-header__search .search .search-input::placeholder {
        color: #9398a2;
        opacity: 1;
    }

    .webfus-header__search .search .search-button-div {
        order: 0;
        width: 44px;
        flex: 0 0 44px;
        background: transparent !important;
    }

    .webfus-header__search .search .btn-search {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: transparent !important;
    }

    .webfus-header__search .search .btn-search svg {
        width: 25px;
        height: 25px;
    }

    .webfus-header__search .search .btn-search svg path {
        fill: #222;
    }

    .webfus-header__search::before {
        position: absolute;
        top: 9px;
        bottom: 9px;
        left: -5px;
        width: 1px;
        background: #e4e4e4;
        content: '';
    }

    .webfus-header__search.is-mobile-search-open,
    .webfus-header--compact-mobile .webfus-header__search.is-mobile-search-open {
        position: absolute;
        z-index: 7;
        top: 3px;
        right: 0;
        left: 44px;
        width: auto !important;
    }

    .webfus-header__search.is-mobile-search-open::before {
        display: none;
    }

    .webfus-header__search.is-mobile-search-open .search {
        width: 100%;
        border-radius: 15px;
        box-shadow: 0 4px 16px rgba(34, 34, 34, 0.09);
    }

    .webfus-header__search.is-mobile-search-open .search .search-input-div {
        width: auto;
        flex: 1 1 auto;
        opacity: 1;
        pointer-events: auto;
    }

    .webfus-header__search.is-mobile-search-open .search .search-button-div {
        order: -1;
    }

    .webfus-header__icons,
    .webfus-header--compact-mobile .webfus-header__icons {
        position: static !important;
        order: 1;
        display: grid !important;
        grid-template-columns: minmax(76px, 1fr) 66px 32px 32px !important;
        align-items: center !important;
        justify-content: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 3px 0 0 !important;
        column-gap: clamp(4px, 2vw, 10px) !important;
        box-sizing: border-box;
    }

    .webfus-header__icon--favor,
    .webfus-header__icon--compare,
    .webfus-header__icon--order {
        display: none !important;
    }

    .webfus-delivery-shortcut--mobile {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        min-width: 0;
        border-right: 1px solid #e4e4e4;
    }

    .webfus-delivery-shortcut--mobile .webfus-delivery-link,
    .webfus-header--compact-mobile .webfus-delivery-shortcut--mobile .webfus-delivery-link {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: auto !important;
        min-width: 0;
        height: 46px;
        min-height: 46px;
        padding: 0 7px 0 0 !important;
        gap: 4px;
        transform: none !important;
    }

    .webfus-delivery-shortcut--mobile .webfus-delivery-mark {
        width: 38px !important;
        flex: 0 0 38px;
    }

    .webfus-delivery-shortcut--mobile .webfus-delivery-label {
        margin: 0 !important;
        color: #222;
        font-size: 12px !important;
        font-weight: 700;
    }

    .webfus-header__icons .socials-tablet-header-wrapper,
    .webfus-header__icons .socials-tablet-header {
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
        margin: 0 !important;
    }

    .webfus-header__icons .socials-tablet-header {
        display: grid !important;
        grid-template-columns: 29px 29px !important;
        align-items: center;
        justify-content: start;
        column-gap: 8px !important;
    }

    .webfus-header__icons .socials-icon,
    .webfus-header__icons .socials-tablet-header img {
        display: block;
        width: 29px !important;
        min-width: 29px !important;
        max-width: 29px !important;
        height: 29px !important;
    }

    .webfus-header__icon--phone,
    .webfus-header__icon--auth {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 46px;
    }

    .webfus-header__icon--phone .wrap_icon,
    .webfus-header__icon--phone .svg-inline-phone,
    .webfus-header__icon--auth .personal-link,
    .webfus-header__icon--auth .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px !important;
        height: 28px !important;
        margin: 0;
    }

    .webfus-header__icon--phone svg,
    .webfus-header__icon--auth svg {
        width: 100% !important;
        height: 100% !important;
    }

    .webfus-header__icon .title {
        display: none !important;
    }

    .webfus-header__bottom,
    .webfus-header__icons {
        position: static !important;
    }

    .webfus-header__bottom {
        box-shadow: 0 -1px 0 #ededed;
    }

    .webfus-header__bottom .maxwidth-theme,
    .webfus-header--compact-mobile .webfus-header__bottom .maxwidth-theme {
        position: relative !important;
    }

    .webfus-header__icon--cart,
    .webfus-header--compact-mobile .webfus-header__icon--cart {
        position: absolute !important;
        z-index: 5;
        top: -49px !important;
        right: 12px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
    }

    .webfus-header__icon--cart .js-basket-block,
    .webfus-header__icon--cart .basket-link,
    .webfus-header__icon--cart .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px !important;
        height: 30px !important;
        margin: 0;
    }

    .webfus-header__icon--cart .icon svg {
        width: 30px;
        height: 30px;
        opacity: 1 !important;
    }

    .webfus-header__icon--cart .basket-link:not(.basket-count) .icon svg {
        opacity: 1 !important;
    }

    .webfus-header__icon--cart .count {
        top: -7px;
        left: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 21px;
        height: 21px;
        padding: 0 5px;
        border-radius: 999px;
        background: #c81016 !important;
        box-shadow: 0 0 0 2px #fff;
        color: #fff;
        font-size: 12px;
        line-height: 21px;
        box-sizing: border-box;
    }

    .page--catalog > .webfus-breadcrumb_block {
        display: none;
    }

    .wf-mobile-catalog-back {
        display: inline-flex;
        align-items: center;
        margin: 4px 0 30px;
        color: #777;
        font-size: 17px;
        line-height: 1.3;
    }

    .wf-mobile-catalog-back:hover,
    .wf-mobile-catalog-back:focus {
        color: #9a0202;
    }

    .page--catalog .page__head {
        margin-bottom: 28px;
    }

    .page--catalog .page__head h1 {
        margin: 0;
        font-size: 30px;
        line-height: 1.1;
        letter-spacing: -0.025em;
    }

    .wf-mobile-catalog-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px;
        margin: 0 0 30px;
    }

    .page--catalog .webfus-catalog .adaptive_filter,
    .page--catalog .webfus-catalog .js_wrapper_items.has_mobile_filter_compact .sort_header .mobile_filter_compact {
        display: block !important;
        float: none !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .page--catalog .sort_header {
        float: none !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .page--catalog .filter_opener,
    .page--catalog .dropdown-select__title {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        min-height: 58px;
        margin: 0;
        padding: 12px 14px;
        border: 1px solid #dedede;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 4px 18px rgba(34, 34, 34, 0.08);
        color: #222;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
        cursor: pointer;
    }

    .page--catalog .filter_opener i {
        display: none;
    }

    .wf-sort-mobile-label,
    .wf-sort-icon,
    .wf-filter-icon {
        display: block;
    }

    .wf-sort-icon,
    .wf-filter-icon {
        flex: 0 0 24px;
        width: 24px !important;
        height: 24px !important;
        fill: currentColor;
    }

    .page--catalog .wf-sort-current,
    .page--catalog .dropdown-select__title > .svg-inline-down,
    .page--catalog .sort_display {
        display: none !important;
    }

    .page--catalog .dropdown-select {
        position: relative;
        width: 100%;
    }

    .page--catalog .dropdown-select__drawer {
        top: calc(100% + 8px);
        right: 0;
        bottom: auto;
        left: auto;
        z-index: 30;
        min-width: 100%;
        border-radius: 12px;
        box-shadow: 0 8px 24px rgba(34, 34, 34, 0.14);
    }
}

@media (max-width: 380px) {
    .webfus-header__inner,
    .webfus-header--compact-mobile .webfus-header__inner {
        padding-inline: 12px !important;
    }

    .webfus-header__main .maxwidth-theme {
        padding-right: 54px !important;
        gap: 6px !important;
    }

    .webfus-header__burger,
    .webfus-header--compact-mobile .webfus-header__burger {
        left: 12px !important;
        width: 38px !important;
    }

    .webfus-header__search,
    .webfus-header--compact-mobile .webfus-header__search {
        width: 42px !important;
        margin: 0 !important;
    }

    .webfus-header__bottom .maxwidth-theme,
    .webfus-header--compact-mobile .webfus-header__bottom .maxwidth-theme {
        grid-template-columns: minmax(0, 1fr) 42px;
        padding-left: 40px !important;
        gap: 6px !important;
    }

    .webfus-header__search .search {
        width: 42px;
        height: 42px;
    }

    .webfus-header__search .search .search-button-div {
        width: 40px;
        flex-basis: 40px;
    }

    .webfus-header__search .search .btn-search svg {
        width: 23px;
        height: 23px;
    }

    .webfus-header__search.is-mobile-search-open,
    .webfus-header--compact-mobile .webfus-header__search.is-mobile-search-open {
        right: 0;
        left: 40px;
        width: auto !important;
    }

    .webfus-header__region .region_wrapper .js_city_chooser {
        padding-inline: 8px !important;
    }

    .webfus-header__region .title {
        max-width: 58px;
        font-size: 13px;
    }

    .webfus-header__icon--cart,
    .webfus-header--compact-mobile .webfus-header__icon--cart {
        right: 12px !important;
    }

    .webfus-header__icons,
    .webfus-header--compact-mobile .webfus-header__icons {
        grid-template-columns: minmax(68px, 1fr) 54px 26px 26px !important;
        padding-inline: 0 !important;
        column-gap: 4px !important;
    }

    .webfus-delivery-shortcut--mobile .webfus-delivery-mark {
        width: 34px !important;
        flex-basis: 34px;
    }

    .webfus-delivery-shortcut--mobile .webfus-delivery-label {
        font-size: 11px !important;
    }

    .webfus-header__icons .socials-tablet-header-wrapper,
    .webfus-header__icons .socials-tablet-header {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
    }

    .webfus-header__icons .socials-tablet-header {
        grid-template-columns: 25px 25px !important;
        column-gap: 4px !important;
    }

    .webfus-header__icons .socials-icon,
    .webfus-header__icons .socials-tablet-header img {
        width: 25px !important;
        min-width: 25px !important;
        max-width: 25px !important;
        height: 25px !important;
    }

    .webfus-header__icon--phone,
    .webfus-header__icon--auth {
        width: 26px;
    }

    .webfus-header__icon--phone .wrap_icon,
    .webfus-header__icon--phone .svg-inline-phone,
    .webfus-header__icon--auth .personal-link,
    .webfus-header__icon--auth .icon {
        width: 25px !important;
        height: 25px !important;
    }

    .wf-mobile-catalog-actions {
        gap: 8px;
    }

    .page--catalog .filter_opener,
    .page--catalog .dropdown-select__title {
        gap: 7px;
        padding-inline: 10px;
        font-size: 15px;
    }
}