.ka-mobile-contact,
.ka-mobile-nav {
    display: none;
}

@media only screen and (max-width: 767px) {
    :root {
        --ka-mobile-nav-height: 72px;
    }

    html {
        scroll-padding-bottom: calc(var(--ka-mobile-nav-height) + env(safe-area-inset-bottom, 0px));
    }

    body {
        padding-bottom: calc(var(--ka-mobile-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    }

    .b-header__toolbar .b-header__row {
        gap: 10px !important;
    }

    .b-header__toolbar .bx-basket.second,
    .b-header__toolbar .b-header__cart.b-hide_large_up,
    .b-header__toolbar .b-header__burger {
        display: none !important;
    }

    html body #smartsearch-title {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .ka-mobile-contact {
        display: block;
        position: relative;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
    }

    .ka-mobile-contact__toggle {
        display: flex;
        width: 44px;
        height: 44px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: #f36f21;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .ka-mobile-contact__toggle:hover,
    .ka-mobile-contact__toggle:focus-visible,
    .ka-mobile-contact.is-open .ka-mobile-contact__toggle {
        background: #fff2ea;
        outline: none;
    }

    .ka-mobile-contact__toggle svg {
        width: 28px;
        height: 28px;
        display: block;
        fill: currentColor;
    }

    .ka-mobile-contact__menu {
        position: fixed;
        z-index: 1200;
        top: 68px;
        left: 10px;
        right: 10px;
        display: none;
        overflow: hidden;
        margin: 0;
        padding: 7px 0;
        border: 1px solid #e4e4e4;
        border-radius: 0 0 14px 14px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .16);
    }

    .ka-mobile-contact.is-open .ka-mobile-contact__menu {
        display: block;
    }

    .ka-mobile-contact__link {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) max-content;
        column-gap: 12px;
        align-items: center;
        height: 54px;
        padding: 0 14px;
        box-sizing: border-box;
        color: #202124 !important;
        font-size: 16px;
        line-height: 1.2;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .ka-mobile-contact__name,
    .ka-mobile-contact__aside {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ka-mobile-contact__aside {
        color: #202124;
        font-size: 15px;
        font-weight: 500;
        font-variant-numeric: tabular-nums;
        text-align: right;
    }

    .ka-mobile-contact__link:hover,
    .ka-mobile-contact__link:focus-visible {
        background: #f7f7f7;
        outline: none;
    }

    .ka-mobile-contact__icon {
        display: flex;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #f2f2f2;
        color: #3c4043;
    }

    .ka-mobile-contact__icon svg {
        display: block;
        width: 22px;
        height: 22px;
    }

    .ka-mobile-contact__icon--phone svg {
        width: 24px;
        height: 24px;
    }

    .ka-mobile-contact__icon--telegram {
        background: #edf7fd;
        color: #229ed9;
    }

    .ka-mobile-contact__icon--max {
        background: #edf5ff;
        color: #1688e7;
    }

    .ka-mobile-contact__icon--whatsapp {
        background: #edfbf0;
        color: #21b956;
    }

    .ka-mobile-nav {
        position: fixed;
        z-index: 1000;
        left: 0;
        right: 0;
        bottom: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        height: calc(var(--ka-mobile-nav-height) + env(safe-area-inset-bottom, 0px));
        padding: 0 4px env(safe-area-inset-bottom, 0px);
        box-sizing: border-box;
        border-top: 1px solid #e1e1e1;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 -3px 12px rgba(0, 0, 0, .06);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

    .ka-mobile-nav__item {
        position: relative;
        display: flex;
        min-width: 0;
        height: var(--ka-mobile-nav-height);
        padding: 7px 1px 5px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;
        color: #4e5355 !important;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    .ka-mobile-nav__icon {
        display: block;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
    }

    .ka-mobile-nav__icon * {
        vector-effect: non-scaling-stroke;
    }

    .ka-mobile-nav__label {
        display: block;
        max-width: 100%;
        overflow: hidden;
        color: inherit;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        text-overflow: clip;
        white-space: nowrap;
    }

    .ka-mobile-nav__item.is-active,
    .ka-mobile-nav__item[aria-current="page"],
    .ka-mobile-nav__item:hover,
    .ka-mobile-nav__item:focus-visible {
        color: #f36f21 !important;
        outline: none;
    }

    .ka-mobile-nav__badge {
        position: absolute;
        z-index: 2;
        top: -10px;
        right: 3px;
        display: none;
        min-width: 48px;
        max-width: calc(100% - 3px);
        height: 22px;
        padding: 0 8px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 12px;
        background: #cf2f26;
        box-shadow: 0 0 0 2px #fff;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 22px;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
    }

    .ka-mobile-nav__badge.is-visible {
        display: flex;
    }

    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right {
        bottom: calc(var(--ka-mobile-nav-height) + env(safe-area-inset-bottom, 0px) + 10px) !important;
    }

    .bx-soa-tooltip,
    .bx-ui-tooltip,
    .bx-sls .dropdown-block,
    .bx-sls .bx-ui-sls-container,
    .bx-sls .bx-ui-sls-pane,
    .bx-ui-sls-pane {
        z-index: 1100 !important;
    }
}

@media only screen and (max-width: 767px) {
    .main-page-menu a > span,
    .main-page-menu.inner a > span,
    .menu-block.new .main-page-menu img,
    .main-page-menu.inner img {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-page-menu li a,
    .main-page-menu.inner li a {
        display: block !important;
        min-height: 44px;
        padding: 12px 16px !important;
        line-height: 1.3;
    }
}