.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: 12px 15px 11px !important;
        gap: 12px !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(104px, 34vw, 138px) !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: 42px;
        padding: 0 10px !important;
        gap: 6px !important;
        border: 1px solid #dedede;
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 3px 12px rgba(34, 34, 34, 0.06);
        box-sizing: border-box;
    }

    .webfus-header__region .icon {
        width: 22px;
        height: 28px;
    }

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

    .webfus-header__region .title {
        overflow: hidden;
        max-width: 78px;
        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 {
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0;
        padding: 0 !important;
        gap: 10px !important;
    }

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

    .webfus-header__burger,
    .webfus-header--compact-mobile .webfus-header__burger {
        position: absolute !important;
        z-index: 4;
        top: 72px !important;
        right: auto !important;
        bottom: auto !important;
        left: 15px !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        width: 42px !important;
        height: 52px !important;
    }

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

    .webfus-header__burger svg {
        width: 30px;
        height: 26px;
    }

    .webfus-header__search,
    .webfus-header--compact-mobile .webfus-header__search {
        order: 1;
        display: block !important;
        width: calc(100% - 55px) !important;
        min-width: 0;
        margin: 0 0 0 55px !important;
    }

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

    .webfus-header__search .search {
        display: flex;
        height: 52px;
        overflow: hidden;
        border: 1px solid #dedede;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 4px 16px rgba(34, 34, 34, 0.07);
        box-sizing: border-box;
    }

    .webfus-header__search .search .search-input-div {
        flex: 1 1 auto;
        min-width: 0;
        height: 100%;
    }

    .webfus-header__search .search .search-input {
        width: 100%;
        height: 100%;
        padding: 0 12px 0 0;
        border: 0 !important;
        border-radius: 0;
        background: transparent;
        color: #222;
        font-size: 15px;
        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: -1;
        width: 52px;
        flex: 0 0 52px;
        background: transparent !important;
    }

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

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

    .webfus-header__icons,
    .webfus-header--compact-mobile .webfus-header__icons {
        position: static !important;
        order: 2;
        display: grid !important;
        grid-template-columns: minmax(102px, 1fr) 76px 34px 34px !important;
        align-items: center !important;
        justify-content: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 7px 7px 0 !important;
        column-gap: clamp(8px, 3.5vw, 17px) !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;
    }

    .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: 42px;
        min-height: 42px;
        padding: 0 !important;
        gap: 5px;
        transform: none !important;
    }

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

    .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: 76px !important;
        min-width: 76px !important;
        max-width: 76px !important;
        margin: 0 !important;
    }

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

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

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

    .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: 30px !important;
        height: 30px !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__bottom .maxwidth-theme,
    .webfus-header__icons {
        position: static !important;
    }

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

    .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: 32px !important;
        height: 32px !important;
        margin: 0;
    }

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

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

    .webfus-header__icon--cart .count {
        top: -8px;
        left: 23px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 5px;
        border-radius: 999px;
        background: #c81016 !important;
        box-shadow: 0 0 0 2px #fff;
        color: #fff;
        font-size: 12px;
        line-height: 22px;
        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: 49px !important;
        gap: 6px !important;
    }

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

    .webfus-header__search,
    .webfus-header--compact-mobile .webfus-header__search {
        width: calc(100% - 49px) !important;
        margin-left: 49px !important;
    }

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

    .webfus-header__region .title {
        max-width: 68px;
        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(90px, 1fr) 62px 30px 30px !important;
        padding-inline: 0 !important;
        column-gap: 6px !important;
    }

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

    .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: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
    }

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

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

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

    .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: 27px !important;
        height: 27px !important;
    }

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

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