@media (max-width: 769px) {

    .container {
        margin-left: 15px;
        margin-right: 15px;
    }

    /*   -----------------------   panel ordering -----------*/
    #panel-ordering {
        display: none;
        position: fixed;
        z-index: 500;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        border-top: 1px solid red;
    }
    .ordering-wrap-cart {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        height: 50px;
    }
    .ordering-cart-data {
        position: relative;
        margin-left: 10px;
        display: flex;
        align-items: center;
        width: 80%;
        justify-content: center;
    }
    .ordering-img-cart {
        position: relative;
        font-size: 13px;
    }
    .ordering-img-cart img {
        width: 25px;
        height: 25px;
    }
    .ordering-link-cart {
        position: relative;
        padding: 0 30px;
        font-size: 18px;
        text-transform: lowercase;
        background-color: #FE0606;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ordering-cart-qty {
        position: absolute;
        top: -10px;
        right: -8px;
        width: 20px;
        height: 20px;
        background-color: #FE0606;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }

    .ordering-cart-sum {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        font-size: 18px;
        margin-left: 15px;
    }
    .ordering-wrap-sum {
        margin-right: 5px;
    }
    /*   -----------------------  end panel ordering -----------*/

    /*   -----------------------   panel option info -----------*/
    .head-option-info {
        display: none;
    }


    .head-panel {
        background-color: #FFFFFF;
        border-bottom: 1px solid #0000005e;
    }
    .wrap-header .wrap-phones {
        display: none;
    }

    .wrap-header {
        display: flex;
        padding: 5px 0;
        z-index: 500;
        align-items: center;
    }
    .label-search-widget {
        background-color: transparent;
        /*border: 2px solid #010101;*/
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        font-size: 20px;
        color: #464646;

    }
    .button-close-search-widget {
        display: none;
        z-index: 9999;
        position: absolute;
        left: 0;
        top: 0;
        width: 34px;
        height: 34px;
        margin-left: 2px;
        margin-top: 15px;
        background-color: transparent;
        border: none;
    }

    .search-form {
        display: none;
        position: absolute;
        right: 0;
        bottom: -999px;
        top: 0;
        left: 0;
        background-color: white;
        z-index: 999;
        padding: 15px;
        padding-left: 40px;
    }
    .wrap-search-products .help-block {
        display: none;
    }
    .wrap-search-products .button-search-product {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 15px;
        margin-right: 15px;
        height: 34px;
        width: 34px;
        background-color: transparent;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: grey;
    }

    /*.head-nav {*/
    /*    top: 0;*/
    /*    position: sticky;*/
    /*}*/
    .main-nav {
        display: flex;
        align-items: center;
    }
    #button-menu {
        z-index: 10;
        position: relative;
        border: none;
        background: transparent;
        color: red;
        display: flex;
    }
    #button-menu > img {
        width: 30px;
    }
    .main-nav .menu-popup {
        display: none;
        position: fixed;
        background-color: white;
        top: 0;
        left: -110%;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 30px;
        z-index: 9999;
        overflow: scroll;
    }
    .menu-close {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        background-color: transparent;
        z-index: 10000;
        border: none;
        padding: 15px;
    }
    .menu-close img {
        width: 25px;
        height: 25px;
    }
    .main-nav .list-nav {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .wrap-link  {
        display: flex;
        align-items: center;
    }
    .nav-label-link {
        max-width: 20px;
        max-height: 20px;
    }
    .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        display: block;
        font-size: 15px;
        width: 50%;
    }


    .main-nav .active a {
        color: #66e202;
    }
    .main-nav .nav-separate {
        border-top: 1px solid #e0e0e0;
        margin: 10px 0;
    }

    /* Список полезная информация */
    .button-collapse-useful-info button {
        display: block;
        padding: 5px 0;
    }
    .button-collapse-useful-info button .fa {
        margin-left: 5px;
    }
    .head-nav .wrap-useful-info-menu {

    }
    .wrap-useful-info-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .main-nav .list-address-phone {
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-top: 50px;
    }
    .main-nav .list-address-phone li {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .main-nav .list-address-phone .item-address {
        font-size: 13px;
    }
    .main-nav .list-address-phone .item-phone {
        position: relative;
        font-weight: 600;
        padding: 0;
    }
    .main-nav .list-address-phone .item-phone:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 6px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f111";
        position: absolute;
        left: -13px;
        top: 7px;
    }


    .wrap-logo {
        text-align: center;
    }
    .wrap-logo img {
        width: 45%;
    }

    .option-nav-user .header-favorites a,
    .option-nav-user .header-wrap-cart a {
        display: flex;
        align-items: center;
    }
    .option-nav-user .header-img-favorites,
    .option-nav-user .header-img-cart {
        position: relative;
    }
    .option-nav-user .header-label-favorites,
    .option-nav-user .header-label-cart {
        font-size: 15px;
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
    }
    #favorites-qty, .header-cart-qty {
        font-size: 13px;
        position: absolute;
        top: -7px;
        right: -12px;
        width: 20px;
        height: 20px;
        background-color: #FE0606;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }
    .option-nav-user img {
        width: 20px;
    }


    /* кнопка профиля в шапке ----------------- */
    .user-nav-menu {
        display: none;
    }
    .header-label-profile {
        display: none;
    }
    .user-sub-menu ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    /*---------------------------- header --------------------------*/
    /*---------------------------- page category --------------------------*/
    .product-preview img {
        width: 100%;
    }
    .item-view-product {
        background-color: white;
        position: relative;
    }
    .product-preview {
        color: black;
        padding: 20px;
        margin-bottom: 30px;
    }

    .special-note {
        position: absolute;
        z-index: 150;
        right: 5px;
        top: 5px;
        display: flex;
        flex-direction: column;
    }
    #new, #chili {
        width: 50px;
        height: 50px;
    }
    .product-preview .product-image {
        width: 100%;
        margin: 0 auto;
    }
    .product-preview .info {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        align-content: center;
        flex-wrap: nowrap;

    }
    .product-preview h2 {
        color: #000000;
        margin: 20px 0 0;
        height: 50px;
        line-height: 1;
        overflow: hidden;
        text-align: center;
    }
    .product-preview .text {
        margin: 20px 0;
        font-size: 14px;
        text-align: center;
        color: #2E2E2E;
        font-weight: normal;
        line-height: 1.3;
    }
    .product-preview .text::first-letter {
        text-transform: uppercase;
    }
    .price-preview {
        font-size: 26px;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        margin-bottom: 20px;
        color: #696969;
        display: flex;
        justify-content: center;
        grid-gap: 15px;
    }
    .inner-about-product {
        display: flex;
        position: relative;
    }
    .btn-about-product,
    .product-preview .button-add-cart {
        display: block;
        width: 100%;
        margin: 0;
        font-weight: 400;
        text-align: center;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        padding: 12px;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*color: #808080;*/
        color: black;
        text-decoration: none;
        outline: 1px solid #808080;
        border: none;
        background-color: transparent;
        text-transform: capitalize;
    }
    .inner-about-product .add-favorite {
        margin-left: 15px;
    }
    /*---------------------------- end page category --------------------------*/
    /*---------------------------- pagination --------------------------*/
    .custom-pagination {
        text-align: center;
        margin: 0 0 30px 0;
        padding: 0;

        grid-column-start: 1;
        grid-column-end: 3;
    }
    .custom-pagination > li {
        display: inline-block;
        margin-right: 10px;
    }
    .custom-pagination > li > a,
    .custom-pagination > li > span {
        border: 1px solid white;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        float: none;
        color: white;
        text-decoration: none !important;
    }
    .custom-pagination > .active > a,
    .custom-pagination > .active > span {
        background-color: #66e202;
        border-color: #2d6923;
        color: #ffffff;
        font-weight: 900;
    }
    .custom-pagination > .disabled {
        display: none;
    }
    /*---------------------------- end pagination --------------------------*/
    /*---------------------------- submenu --------------------------*/
    .wrap-submenu {
        margin-bottom: 30px;
    }
    .sub-nav-category {
        padding: 0;
        list-style-type: none;
    }
    .sub-nav-category .item-sub-category {
        margin: 7px 0;
        display: flex;
        background-color: white;
        align-items: center;
        padding: 5px 0;
        position: relative;
    }
    .sub-nav-category .item-sub-category img {
        width: 70px;
    }
    .item-sub-category .item-sub-category-label {
        margin-left: 15px;
        font-size: 16px;
    }
    .sub-nav-category .item-sub-category-link {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    /*---------------------------- end submenu --------------------------*/
    /*---------------------------- page product --------------------------*/

    /* breadcrumbs */
    .wrap-breadcrumbs {
        padding: 15px 0;
    }
    .main-breadcrumbs {
        padding: 0;
        margin: 0;
    }
    .main-breadcrumbs > li {
        display: inline-block;
        font-size: 13px;
    }
    .main-breadcrumbs > li + li:before {
        content: ">";
        color: #ffffff;
        margin: 0 8px;
    }
    .main-breadcrumbs a {
        color: #ffffff;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        text-decoration: none !important;
    }
    .main-breadcrumbs > .active {
        color: #66e202;
        font-style: normal;
        font-weight: 300;
        /*font-size: 14px;*/
        line-height: 16px;
    }


    .product-about {
        display: grid;
    }
    .product-about-selection {
        grid-row: 2/3;
    }
    .product-name {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 21px;

        color: #FFFFFF;
        padding: 30px 0;
    }
    .wrapper-image {
        position: relative;
        margin-bottom: 15px;
    }
    .wrapper-image > span {
        right: -15px !important;
    }
    .page-view-product .wrapper-image img {
        width: 100%;
    }
    .product-description,
    .ingredients {
        color: white;
        margin-bottom: 30px;
    }
    .product-description p,
    .ingredients p {
        font-size: 14px;
    }
    .box-image-price {
        grid-row: 1/1;
        margin-bottom: 15px;
    }
    .wrap-product-variation {
        margin-bottom: 30px;
    }
    .name-variation-product {
        color: white;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .button-variation-product.active-product {
        color: #FE0606;
        border-color: #FE0606;
        opacity: 1;
    }
    .list-group-products {
        display: grid;
        grid-template-columns: repeat(3, minmax(max-content, 1fr));
        grid-auto-flow: row;
    }
    .button-variation-product {
        text-align: center;
        padding: 10px 0;
        background-color: transparent;
        border: 1px solid #ffffff;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #ffffff;
        opacity: 0.3;
        margin: 0 2px 2px 0;
    }



    /*  панель добавления в корзину на странице товара */
    .wrap-price-add-cart {
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        /*flex-wrap: nowrap;*/
        /*flex-direction: row;*/

        margin-bottom: 30px;
    }
    .total-price-simple-product {
        font-weight: 500;
        font-size: 30px;
        color: #ffffff;
        display: flex;
        justify-content: center;
        grid-gap: 15px;
        margin-bottom: 15px;
    }
    .wrap-button-add-cart {
        display: grid;
        grid-template-columns: auto max-content;
        grid-column-gap: 15px;
        position: relative;
    }
    .wrap-button-add-cart .button-add-cart {
        display: block;
        margin: 0;
        font-weight: 400;
        text-align: center;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        padding: 10px 40px;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: black;
        background-color: white;
        text-decoration: none;
        border: none;
    }
    button.success_add {
        color: white!important;
        background-color: #F32F33!important;
    }
    .add-favorite {
        position: relative;
        display: block;
        outline: 1px solid #808080;
        border: none;
        padding: 8px;
        background-color: white;
    }
    .add-favorite img {
        width: 25px;
        height: 25px;
    }
    .favorite-popup {
        display: none;
        position: absolute;
        width: max-content;
        padding: 15px 30px;
        background-color: #ffd8d9;
        color: black;
        font-size: 14px;
        z-index: 500;
        top: -60px;
        right: -10px;
        box-shadow: 0 0 15px rgb(0 0 0 / 20%);
        border: 1px solid #d7d7d7;
    }

    .manufacturer-market {
        margin: 30px 0;
        display: flex;
        grid-gap: 15px;
    }
    .manufacturer-market .manufacturer-title {
        font-weight: 600;
        font-size: 16px;
        color: white;
    }
    .manufacturer-market .list-manufacturer {
        color: #66E202;
        display: flex;
        flex-direction: column;
        grid-gap: 5px;
    }

    /*.margin-after-footer {*/
    /*    margin-bottom: 40px;*/
    /*}*/


    .product-modifiers {
        margin-bottom: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
    .product-modifiers .no-span {
        grid-column: span 2;
    }
    /*.product-modifiers .list-modifiers:not(:last-child) {*/
    /*    margin-bottom: 30px;*/
    /*}*/
    .product-modifiers .name-modifier {
        margin-bottom: 0;
        color: white;
        display: flex;
        flex-direction: column;
        min-height: 35px;
    }
    .product-modifiers .short-name-modifier {
        font-size: 16px;
    }
    .list-composite-products input {
        display: none;
    }
    .wrapper-modifiers-checkers {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /*align-items: center;*/
        /*justify-items: center;*/
        grid-gap: 10px;
    }
    .wrapper-modifiers-checkers label {
        position: relative;
        color: white;
        margin: 0;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .wrapper-modifiers-checkers.input-no-image label {
        border: 1px solid rgba(255, 255, 255, 0.3);
        min-height: auto;
    }

    .wrapper-modifiers-checkers input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        display: block;
        width: 0;
        height: 0;
    }
    .wrapper-modifiers-checkers .toggle-check {
        display: inline-block;
        position: absolute;
        line-height: 0;
        text-align: center;
        top: -5px;
        left: -5px;
    }
    .wrapper-modifiers-checkers .check-text {
        text-align: center;
        font-size: 13px;
        font-weight: 300;
        padding: 10px 5px;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    /* Checked */
    .wrapper-modifiers-checkers input:checked ~ .toggle-check:before {
        content: "+";
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        background-color: #00de00;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-weight: 400;
    }
    .wrapper-modifiers-checkers input:checked ~ .check-text {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.31);
    }

    .wrapper-modifiers-checkers .check-text .image-check img {
        width: 70%;
    }

    /* --------------------------- drop-modifiers */
    .button-check-modifier {
        /*width: 120px;*/
        /*display: inline-block;*/
        text-align: center;
        cursor: pointer;
    }
    .inner-change-modifier {
        display: flex;
        flex-direction: column;
        min-height: 150px;
        padding: 10px 0;
        background-color: white;
        color: black;
    }
    .button-edit-modifier {
        padding: 10px 0;
        background-color: #f32f33;
        border-top: 1px solid;
        color: white;
    }
    .button-check-modifier .checked-image {
        margin: auto;
    }
    .checked-image img {
        width: 100%;
    }
    .checked-image .icon-add-modifier {
        width: 50%;
    }



    .button-check-modifier .label-check {
        padding: 0 10px;
    }
    .popup-modifier {
        overflow-y: scroll;
        position: fixed;
        z-index: 3000;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        color: black;

        transform: scale(0);
        transition: .2s ease-in-out;
    }
    .popup-modifier.active {
        transform: scale(100%);
    }
    .popup-container-modifier {
        display: flex;
        width: 100%;
        height: 100%;
    }
    .popup-body-modifier {
        position: relative;
        background-color: #ffffff;
        padding: 10px;
        width: 100%;
    }
    .popup-close-modifier {
        color: black;
        padding: 5px 13px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        z-index: 3001;
    }
    .popup-modifier input:checked ~ .check-text,
    .popup-modifier input:not(:checked) ~ .check-text:hover {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.04);
    }
    .popup-body-modifier label {
        color: black;
    }

    .popup-modifier.active .check-text {
        padding: 0;
    }
    .popup-modifier.active .image-check img {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        background-color: white;
        padding: 10px 0;
        width: 100%;
    }
    /* end drop-modifiers */
    /* ------------------------ compilation products */
    .compilation-additional-products:not(:last-child) {
        margin-bottom: 30px;
    }
    .label-compilation {
        font-size: 24px;
    }
    .wrap-compilation-products {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }
    .item-compilation-product-preview {
        background-color: white;
        padding: 15px;
        display: grid;
        position: relative;
        grid-template-rows: 1fr;
    }
    .item-compilation-product-preview .product-image img {
        width: 100%;
    }
    .item-compilation-product-preview #new,
    .item-compilation-product-preview #chili {
        width: 40px;
        height: 40px;
    }
    .item-compilation-product-preview .special-note img {
        width: 100%;
    }
    .label-assoc-product {
        text-align: center;
        overflow: hidden;
        height: 35px;
        margin-top: 15px;
    }
    .label-assoc-product a {
        display: block;
        font-size: 14px;
    }
    .section-assoc .price-assoc-product {
        padding: 15px;
        color: black;
        font-size: 20px;
        text-align: center;
        font-weight: 500;
        display: flex;
        justify-content: space-evenly;
    }
    .action-assoc-product {
        display: flex;
        grid-gap: 5px;
        position: relative;
    }
    .assoc-add-to-cart {
        display: block;
        width: 100%;
        font-weight: 400;
        text-align: center;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        padding: 10px;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        outline: 1px solid #808080;
        border: none;
        background-color: transparent;
    }
    .assoc-add-to-cart:first-letter {
        text-transform: uppercase;
    }
    .assoc-add-to-cart:hover
    {
        background-color: #fe0606;
        color: white;
    }
    .action-assoc-product .add-favorite {
        padding: 7px;
    }
    .action-assoc-product .add-favorite img {
        width: 20px;
        height: 20px;
    }
    /* ------------------- end compilation products */



    /*---------------------------- end page product --------------------------*/
    /* ----------------------- page user order */
    .list-order {
        margin-bottom: 40px;
    }
    .list-order h3 {
        font-size: 15px;
        font-weight: normal;
        color: black;
        margin: 10px 0 15px;
    }
    .list-order p,
    .list-order li {
        font-size: 13px;
    }
    .item-view-user-order {
        background-color: white;
        position: relative;
        margin-bottom: 30px;
    }
    .item-view-user-order:last-child {
        margin-bottom: 0;
    }
    .card-user-order {
        color: black;
        padding: 10px 15px;
    }
    .card-user-order-right-info {
        margin-bottom: 15px;
    }
    .card-user-total-cost {
        font-size: 16px;
    }
    .card-user-order .name-field {
        color: grey;
        font-size: 13px;
        font-weight: 400;
        margin-right: 5px;
    }
    .card-user-order-collapse-products {
        text-align: right;
    }
    .card-user-order-collapse-products .user-order-button {
        padding: 7px 25px;
        font-weight: 200;
        border: 1px solid;
    }

    /* -------------------- order list product */
    .card-user-order-list-products {
        display: none;
    }
    .card-user-order-product {
        /*display: grid;*/
        /*grid-template-columns: 50% 10% auto max-content;*/
        /*align-items: center;*/
        padding: 15px 0;
        border-bottom: 1px solid lightgrey;
    }
    .card-user-order-product > div {
        margin-bottom: 5px;
    }
    .card-user-order-product > div:last-child {
        margin-bottom: 0;
    }
    .card-user-order-product:last-child {
        border-bottom: none;
    }
    .card-user-order-product-name p {
        font-size: 15px;
    }
    .card-user-order-product-composite {
        border: 1px solid #e7e7e7;
        border-radius: 15px;
        padding: 2px 3px;
        background-color: #e7e7e7;
        margin: 0 5px 5px 0;
        font-size: 13px;
        display: inline-block;
    }
    .card-user-order-product-image img {
        width: 100%;
    }
    .card-user-order-product-price {
        display: inline-block;
        width: 50%;
        font-size: 16px;
        margin-bottom: 0!important;
    }
    .card-user-order-product .text-cr {
        font-size: 14px;
        color: grey;
    }
    .card-user-order-product-total-cost-single-item {
        display: inline-block;
        width: 48%;
        text-align: right;
        font-size: 16px;
        margin-bottom: 0;
    }

    /* page view cart */
    .cart-panel-product {
        padding: 25px;
        background-color: #FEFEFE;
        color: black;
        margin-bottom: 50px;
    }
    .cart-list-products {
        display: grid;
        padding: 30px 0;
        border-bottom: 1px solid #505050;
        grid-template-areas:
        "fo fo fo"
        "name name name"
        "count price remove";
        grid-gap: 5px;
        grid-row-gap: 20px;
        justify-items: center;
        align-items: center;
    }
    .cart-name-products {
        grid-area: name;
        text-align: center;
    }
    .cart-name-products a {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: normal;
        color: #000000;
        margin-bottom: 5px;
    }
    .plus-modifier-in-circle {
        display: inline-block;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 1px solid red;
        text-align: center;
        color: red;
        font-size: 15px;
    }
    .cart-availability-product {
        display: flex;
        grid-gap: 10px;
        margin-top: 10px;
        align-items: center;
        justify-content: center;
    }

    .cart-image-product {
        grid-area: fo;
    }
    .inner-cart-image img {
        width: 100%;
    }
    .cart-modifiers-product {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #808080;
        margin: 0 5px 5px 0;
        display: inline-block;
    }
    .total-cost-single-item {
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px;

        display: flex;
        align-items: center;
        color: #000000;
        grid-area: price;
    }
    .cart-total-cost-position-product {
        margin-right: 5px;
    }
    .cart-remove-product {
        grid-area: remove;
    }
    .cart-control-qty-product {
    }
    .cart-control-qty-product #count {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        grid-area: count;
        border-radius: 5px;
        background: #66E202;
    }
    #cart-qty-product {
        margin: 0 10px;
    }
    .product-btn-minus {
        background: #59C006;
        border-radius: 5px 0px 0px 5px;
        width: 30px;
        height: 30px;
        border: none;
        color: white;
    }
    .product-btn-plus {
        background: #59C006;
        border-radius: 0px 5px 5px 0px;
        width: 30px;
        height: 30px;
        border: none;
        color: white;
    }
    .cart-remove-product button {
        display: inline-block;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        padding: 0;
        border: 1px solid red;
        text-align: center;
        color: red;
        font-size: 17px;
        background: transparent;
    }
    .cart-str-total {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        padding: 30px 0;
    }
    .cart-label-total {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
    }
    .cart-qty-total {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
    }
    .cart-total-cost-products {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
    }
    .total-amount {
        /*text-align: right;*/
        margin-bottom: 50px;
    }
    .total-amount .next-button {
        /*width: 100%;*/
        display: block;
        margin: 0;
        font-weight: 400;
        text-align: center;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        padding: 10px 50px;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #ffff;
        background-color: #F32F33;
        text-decoration: none;
        border: 1px solid #F32F33;
    }
    /* end page view cart --------------------- */
    /* ------------------------ page ordering */
    .page-ordering .wrap-plank {
        padding: 25px;
        background-color: #FEFEFE;
        color: black;
        margin-bottom: 30px;
    }
    .page-ordering h2 {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: normal;
        color: #000000;
        text-align: left;
    }

    .nav-way-to-get {
        margin-bottom: 30px;
    }

    .list-way-to-get {
        display: grid;
        grid-gap: 15px;
        grid-auto-flow: column;
    }
    .list-way-to-get a.active {
        background-color: #66E202;
    }
    .list-way-to-get a {
        padding: 15px;
        background-color: white;
        display: block;
        text-decoration: none;
        text-align: center;
    }
    /*#list-var-order {*/
    /*    padding: 0;*/
    /*    list-style-type: none;*/
    /*}*/
    /*#list-var-order input {*/
    /*    display: none;*/
    /*}*/
    /*#list-var-order .item-type-order label {*/
    /*    padding: 10px 40px;*/
    /*    font-size: 18px;*/
    /*    font-weight: normal;*/
    /*    background-color: #66E202;*/
    /*}*/
    /*#list-var-order input[type=radio]:checked + label {*/
    /*    background-color: #F32F33;*/
    /*    color: white;*/
    /*}*/
    /*#address_market, #address_delivery {*/
    /*    display: none;*/
    /*}*/
    #orders-payment label {
        margin: 7px 0 0 0;
        font-size: 16px;
        font-weight: normal;
        display: flex;
        align-items: center;
    }
    #orders-payment input[type='radio'] {
        position: relative;
        height: 16px;
        width: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        margin: 0 15px 0 0;
    }
    #orders-payment input[type='radio']::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        border: 2px solid lawngreen;
    }
    #orders-payment input[type='radio']:checked::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: lawngreen;
        transform: translate(-50%, -50%);
        visibility: visible;
    }
    .wrap-confirm-order {
    }
    .button-confirm-order button {
        width: 100%;
        display: inline-block;
        margin: 0;
        font-weight: 400;
        text-align: center;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        padding: 10px 50px;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #ffff;
        background-color: #F32F33;
        text-decoration: none;
        border: 1px solid #F32F33;
    }
    .ordering-total-sum {
        font-size: 24px;
        margin-bottom: 15px;
    }
    /* end page ordering */


    /* ------------ page profile */
    .box-page-profile,
    .box-password-change {
        background-color: white;
        padding: 15px;
        margin-bottom: 30px;
    }
    .wrap-profile-form,
    .wrap-profile-form p,
    .user-form,
    .user-form p {
        font-size: 13px;
        margin-bottom: 0;
    }
    .box-password-change .help-block,
    .wrap-profile-form .help-block {
        margin-top: 0;
    }
    .wrap-button-user-form,
    .wrap-button-confirm-profile-form {
        text-align: right;
    }

    .options-profile {
        display: flex;
        flex-direction: column;
    }
    .options-profile a {
        padding: 5px 0;
        margin: 5px 10px;
    }
    .options-profile a > .fa {
        padding-right: 7px;
    }
    /* ------------ end page profile */
    /* ------------------------------------------ page linked */
    .profile-list-linked ul {
        padding: 0;
        margin: 0;
    }
    .profile-list-linked li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid lightgrey;
    }
    .profile-list-linked li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .profile-list-linked .auth-icon {
        margin: 0;
        padding-right: 30px;
    }
    .profile-list-linked li a {
        text-decoration: none;
        outline: 1px solid grey;
        padding: 6px 30px;
        min-width: 70px;
        text-align: center;
    }
    .profile-list-linked li a:hover {
        outline: 1px solid black;
    }
    /* ------------------------------------------ end page linked */
    /* Страница контактов ---------------------------------*/
    .site-contact {
        color: white;
    }

    .site-contact h3 {
        margin: 50px 0 20px;
    }

    .page-contact-address-phone .item-cafe {
        margin-bottom: 30px;
    }
    .page-contact-address-phone .item-cafe p {
        font-size: 16px;
    }
    .site-contact .cus-light-text {
        font-size: 14px;
        margin-right: 10px;
        color: #d8d8d8;
    }
    .page-contact-address-phone .item-cafe a {
        color: white;
    }


    /* side nav profile ------------------------------------------------------------------------------------------------------------------------------------------------*/
    .box-side-nav {
        margin-bottom: 30px;
    }
    .inner-side-nav-profile {
        background-color: white;
        padding: 5px 15px;
    }
    .item-list-page-side-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 15px 0;
    }
    .img-list-page-side-nav img {
        width: 20px;
    }
    .item-list-page-side-nav a {
        display: block;
        padding-left: 15px;
        width: 100%;
        font-size: 15px;
    }
    .active-item-side-nav {
        color: #66e202;
    }

    /* --------------- favorite list --------------------- */
    .btn-remove-favorite {
        background-color: white;
        padding: 10px 20px;
        display: inline-block;
        margin-bottom: 15px;
    }
    /* --------------- end favorite list --------------------- */
    /* --------------- delivery pay --------------------- */
    .plank-default {
        padding: 15px;
        background-color: #FEFEFE;
        margin-bottom: 30px;
    }
    .plank-default h2 {
        margin-top: 0;
        color: black;
    }
    /* --------------- end delivery pay --------------------- */
    /*---------------------------- footer --------------------------*/
    .inner-footer {
        color: white;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .footer .list-address-phone {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .footer .list-address-phone li {
        margin: 10px 0;
        text-align: left;
        color: white;
        display: flex;
        flex-direction: column;
    }
    .footer .list-address-phone li a {
        color: white;
    }
    .footer .list-address-phone .item-phone {
        font-size: 20px;
        font-weight: 600;
    }
    .footer-down-info {
        list-style-type: none;
        padding: 0;
        text-align: center;
    }
    .footer-down-info li {
        padding: 10px 0;
    }
    .footer .social-links {
        padding-left: 0;
        list-style-type: none;
    }
    .footer .social-links a {
        color: white;
    }
    .footer .developer a {
        display: block;
        color: white;
    }
    .footer-down-info .developer img {
        width: 40px;
    }
    /*---------------------------- footer --------------------------*/

    .ui-autocomplete {
        width: auto;
        max-height: 70vh;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed!important;
    }
}