.delivery-content .text {
    min-width: 0;
    overflow-wrap: break-word;
}

.delivery-content .cms-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.delivery-content .cms-table-scroll:focus-visible {
    outline: 2px solid #197822;
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .header-menu .container-logo {
        --header-button-size: 44px;
        --header-button-gap: 4px;
        height: 65px;
        padding: 0 8px;
        gap: var(--header-button-gap);
        flex-wrap: nowrap;
        box-sizing: border-box;
        justify-content: flex-end;
    }

    .header-menu .container-logo .search {
        flex: 0 0 auto;
        align-items: center;
        justify-content: flex-start;
        gap: var(--header-button-gap);
        margin-left: auto;
    }

    .header-menu .container-logo .settings {
        display: flex;
        align-items: center;
        gap: var(--header-button-gap);
        padding: 0;
    }

    .header-menu .container-logo .settings > .account {
        flex: 0 0 auto;
        width: auto;
    }

    .header-menu .container-logo .search > .phone,
    .header-menu .container-logo .search > .whatsapp,
    .header-menu .container-logo .search > .shops,
    .header-menu .container-logo .settings > div {
        flex: 0 0 var(--header-button-size);
        width: var(--header-button-size);
        min-width: 0;
        height: var(--header-button-size);
        padding: 0;
        margin: 0;
    }

    .header-menu .container-logo .search .city-selector {
        display: none;
    }

    .header-menu .container-logo .settings .vk {
        display: inline-flex !important;
    }

    .header-menu .container-logo .search .phone #phone-icon,
    .header-menu .container-logo .search .whatsapp .max-icon,
    .header-menu .container-logo .search .shops .btn,
    .header-menu .container-logo .settings .button,
    .header-menu .container-logo .settings .account .button,
    .header-menu .container-logo .settings .vk a,
    .header-menu .container-logo .settings .menu .button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--header-button-size);
        min-width: var(--header-button-size);
        max-width: none;
        height: var(--header-button-size);
        padding: 0;
        margin: 0;
        border: 1px solid rgba(13, 113, 54, .24);
        border-radius: 9px;
        box-shadow: 0 1px 2px rgba(88, 73, 0, .16);
        background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .36));
        box-sizing: border-box;
        color: #0d7136;
        text-decoration: none;
        vertical-align: middle;
    }

    .header-menu .container-logo .search .phone #phone-icon,
    .header-menu .container-logo .search .shops .btn .glyphicon,
    .header-menu .container-logo .settings .glyphicon,
    .header-menu .container-logo .settings .fa {
        top: 0;
        padding: 0;
        margin: 0;
        font-size: 22px;
        line-height: 1;
        color: #0d7136;
    }

    .header-menu .container-logo .search .whatsapp .max-icon img {
        display: none;
    }

    .header-menu .container-logo .search .phone #phone-icon::before,
    .header-menu .container-logo .search .whatsapp .max-icon::before,
    .header-menu .container-logo .search .shops .btn .glyphicon::before,
    .header-menu .container-logo .settings .vk a::before,
    .header-menu .container-logo .settings .login > .glyphicon-user::before,
    .header-menu .container-logo .settings .basket-count > .glyphicon-shopping-cart::before,
    .header-menu .container-logo .settings .menu .glyphicon-menu-hamburger::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-color: currentColor;
        -webkit-mask: var(--header-icon) center / contain no-repeat;
        mask: var(--header-icon) center / contain no-repeat;
    }

    .header-menu .container-logo .settings .visit .create-button::before,
    .header-menu .container-logo .settings .refresh .glyphicon-phone-alt::before,
    .header-menu .container-logo .settings .request .fa-question::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: currentColor;
        -webkit-mask: var(--header-icon) center / contain no-repeat;
        mask: var(--header-icon) center / contain no-repeat;
    }

    .header-menu .settings .visit .create-button {
        --header-icon: url('/i/header/visit.svg');
    }

    .header-menu .settings .refresh .glyphicon-phone-alt {
        --header-icon: url('/i/header/call.svg');
    }

    .header-menu .settings .request .fa-question {
        --header-icon: url('/i/header/request.svg');
    }

    .header-menu #phone-icon {
        --header-icon: url('/i/header/phone.svg');
    }

    .header-menu .max-icon {
        --header-icon: url('/i/header/max.svg');
    }

    .header-menu .shops .glyphicon {
        --header-icon: url('/i/header/location.svg');
    }

    .header-menu .login > .glyphicon-user {
        --header-icon: url('/i/header/account.svg');
    }

    .header-menu .basket-count > .glyphicon-shopping-cart {
        --header-icon: url('/i/header/basket.svg');
    }

    .header-menu .menu .glyphicon-menu-hamburger {
        --header-icon: url('/i/header/menu.svg');
    }

    .header-menu .vk a {
        --header-icon: url('/i/header/vk.svg');
    }

    .header-menu .container-logo .settings .vk a::after {
        content: none;
    }

    .header-menu .container-logo .settings .account .button {
        width: auto;
        padding: 0 6px;
    }

    .header-menu .container-logo .settings .account .login-header {
        padding-top: 0;
        height: auto;
        align-self: center;
    }

    .header-menu .container-logo .settings .glyphicon-menu-down {
        font-size: 10px;
    }

    .header-menu .container-logo .settings .menu .button {
        gap: 2px;
    }

    .header-menu .container-logo .settings .account .login .count-notice,
    .header-menu .container-logo .settings .basket-count .count-notice {
        top: -5px;
        right: -4px;
        left: auto;
        min-width: 18px;
        height: 18px;
        line-height: 12px;
        padding: 1px 2px;
    }

    .header-menu .container-logo .settings .basket-count > .glyphicon-shopping-cart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .header-menu .container-logo .settings .visit .button > a,
    .header-menu .container-logo .settings .refresh .button > a,
    .header-menu .container-logo .settings .request .button > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .header-menu .container-logo.has-staff-actions,
    .header-menu .container-logo.has-header-warning {
        height: auto;
        min-height: 65px;
        padding-top: 10px;
        padding-bottom: 10px;
        row-gap: 8px;
        flex-wrap: wrap;
    }

    .header-menu .container-logo.has-staff-actions .settings,
    .header-menu .container-logo.has-header-warning .settings {
        flex: 0 0 100%;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .header-menu .header-border,
    .header-menu .search-bottom {
        padding-top: var(--public-header-height, 65px);
    }

    .header-menu .container-logo .search .phone #phone-icon:hover,
    .header-menu .container-logo .search .whatsapp .max-icon:hover,
    .header-menu .container-logo .search .shops .btn:hover,
    .header-menu .container-logo .settings .vk a:hover,
    .header-menu .container-logo .settings .button:hover {
        background: rgba(255, 255, 255, .7);
        border-color: rgba(13, 113, 54, .48);
    }

    .header-menu .container-logo .settings .button:active,
    .header-menu .container-logo .settings .vk a:active,
    .header-menu .container-logo .search .max-icon:active,
    .header-menu .container-logo .search .shops .btn:active,
    .header-menu .container-logo .search #phone-icon:active {
        box-shadow: inset 0 1px 2px rgba(88, 73, 0, .18);
    }

    .header-menu .container-logo .search .whatsapp .max-icon:focus-visible,
    .header-menu .container-logo .search .shops .btn:focus-visible,
    .header-menu .container-logo .settings .vk a:focus-visible,
    .header-menu .container-logo .settings .button:focus-visible {
        outline: 2px solid #0d7136;
        outline-offset: 2px;
    }

    #search-tabs .nav-tabs {
        min-width: 0 !important;
        width: 100%;
    }

    #search-tabs .nav-tabs #catalog-feedback {
        white-space: normal;
    }
}

@media (min-width: 423px) and (max-width: 720px) {
    .header-menu .container-logo .logo {
        display: flex;
        align-items: center;
        flex: 0 0 36px;
        width: 36px;
        height: 44px;
        padding: 0;
    }
}

@media (max-width: 370px) {
    .header-menu .container-logo {
        --header-button-size: 40px;
        --header-button-gap: 2px;
        padding: 0 6px;
    }
}

.footer-menu .col-buttons .buttons .buttons-col .footer-socials .footer-social-link {
    width: auto;
    min-width: 44px;
    min-height: 44px;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 6px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.footer-menu .col-buttons .buttons .buttons-col .footer-socials {
    flex-wrap: wrap;
}

.footer-menu .col-buttons .buttons .buttons-col .footer-social-link:focus-visible,
.footer-menu .footer-message-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.footer-menu .footer-message-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-bottom: 12px;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
}

.footer-menu .footer-message-link:hover {
    color: #fff;
    text-decoration: underline;
}