html.noscroll,
body.noscroll {
    overflow: hidden;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 15px;
    line-height: 1.07143;
    font-weight: 400;
    letter-spacing: -.005em;
}

.bodyfix {
    width: 100%;
    overflow: hidden !important;
}

a {
    color: var(--color-primary);
}

input:focus, textarea:focus, .select select:focus {
    border: 1px solid var(--color-primary);
}

.btn {
    position: relative;
    background-color: var(--color-primary);
}

.mtoggle {
    display: flex;
    flex-direction: row;
    gap: 1em;
    align-items: center;
}

    .mtoggle.wide {
        display: flex;
        gap: 1em;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        justify-content: space-between;
    }

.fortoggle {
    flex: 1;
}

.ios-toggle {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 21px;
}

.ios-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ios-toggle .toggle {
  position: absolute;
  inset: 0;
  background-color: #c5c5c7;
  border-radius: 999px;
  transition: background-color 0.2s ease;
  min-width: 47px;
}

.ios-toggle .toggle::before {
  content: "";
  position: absolute;
  height: 17px;
  width: 26px;
  left: 2px;
  top: 2px;
  background-color: white;
  border-radius: 8px; /* ← НЕ КРУГ */
  transition: transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.ios-toggle input:checked + .toggle {
  /*background-color: #34c759;*/
  background-color: var(--color-primary);
}

.ios-toggle input:checked + .toggle::before {
  transform: translateX(17px);
}

.site-informing {
    display: flex;
    gap: 0.75em;
    align-items: center;
    padding: 1.25em 1.5em;
    border-radius: 15px;
    background: #f5f7fb;
    color: #2c2f33;
    margin: 0 0 1.5em;
    line-height: 1.4;
}

    .cart-inner .site-informing {
        text-align: left;
        margin: 1.5em;
    }

.site-informing__icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-primary, #4394ff);
    position: relative;
    flex: 0 0 24px;
    margin-top: 2px;
}

.site-informing__icon::after {
    content: '!';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.site-informing__body {
    display: flex;
    flex-direction: column;
    gap: 0.15em;
    flex: 1 1 auto;
}

.site-informing__title {
    font-weight: 700;
    font-size: 0.95em;
}

.site-informing__text {
    flex: 1 1 auto;
    white-space: normal;
}

    .btn:hover, .btn.loading {
        background-color: var(--color-primary);
    }

    .btn:before {
        content: ' ';
        position: absolute;
        display: block;
        background-color: rgba(0,0,0,.1);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 40px;
        z-index: 0;
        opacity: 0;
        transition: all .15s ease;
    }

    .btn:hover::before {
        
        opacity: 1;
    }

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: 50px;*/
    text-align: center;
    /*display: block;*/
}
#cookie-message {
    /*position: fixed;*/
    /*bottom: 20px;*/
    /*left: 20px;*/
    position: relative;
    margin-bottom: 1em;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    background-color: #fff;
    padding: 10px 50px 10px 15px;
    color: #444;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    z-index: 2147483000!important;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
}

.app-download-banner {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.app-download-banner.show {
    display: flex;
}

.app-download-banner__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
}

.app-download-banner__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 500px;
    padding: 1.75rem 1.5rem 1.5rem;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 24px 68px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.app-download-banner__header {
    display: flex;
    gap: 1.5em;
}

.app-download-banner__icon {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    background: #f1f5f9;
}

.app-download-banner__icon img {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    border: 1px solid #eee;
}

.app-download-banner__titles {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.app-download-banner__title {
    font-weight: 500;
    margin: 0;
    font-size: 1.75em;
}

.app-download-banner__text {
    margin: 0;
    color: #3a4455;
    line-height: 1.5;
    font-size: .95em;
}

.app-download-banner__links {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.app-download-banner__link {
    display: inline-flex;
}

    .app-download-banner__link img {
        height: 43px;
    }

.app-download-banner__link:hover {
    transform: translateY(-1px);
}

.app-download-banner__qr {
    display: flex;
    gap: 1em;
    flex-direction: column;
}

.app-download-banner__qr-desc {
    color: #888;
    font-size: .85em;
    padding-bottom: 7px;
}

.app-download-banner__qr-code img {
    width: 170px;
}

.app-download-banner__close {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #f3f5f9;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

.app-download-banner__close:before,
.app-download-banner__close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #6b7280;
    transform-origin: center;
}

.app-download-banner__close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.app-download-banner__close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

a.terms_accept {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eee url("data:image/svg+xml,%3Csvg width='10px' height='10px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492 492' style='enable-background:new 0 0 492 492;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872 c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872 c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052 L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116 c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952 c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116 c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
}

.popup-product, .modal-cart {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

    .modal-cart {
        /*display: block;*/
    }

    .popup-product .inner, .modal-cart .inner {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.65);
        opacity: 0;
        transition: all .15s ease;
        padding: 3em;
        box-sizing: border-box;
        text-align: center;
        overflow: auto;
        position: relative;
    }

        .popup-product .inner {
            background: rgba(0,0,0,.65) url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
        }

        .popup-product .inner.loaded {
            background: rgba(0,0,0,.65);
        }

        .modal-cart .inner {
            padding: 0;
            background: rgba(0,0,0,.65);
            /*opacity: 1;*/
        }

        .popup-product .inner:before, .modal-cart .inner:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.05em;
        }

    .popup-product .inner.show, .modal-cart .inner.show {
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup-product .inner .cont {
        opacity: 0;
        transform: translateY(16px);
        transition: opacity .3s ease, transform .2s ease;
        height: fit-content;

        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        max-width: 900px;
        box-sizing: border-box;
        width: 100%;
        max-height: calc(100vh - 6em);
        overflow-y: auto;
        background: #fff;
        border-radius: 25px;
        /*overflow: hidden;*/
        padding: 0;
        border-radius: 15px;
        text-align: left;
        box-shadow: 0 3px 30px 0 rgba(0,0,0,.15);
    }

        .popup-product .inner .cont.is-dragging {
            transition: none;
        }

        .popup-product .inner .cont.show {
            opacity: 1;
            transform: translateY(0);
        }

    .modal-cart .inner .cont {
        opacity: 1;

        position: fixed;
        /*background-color: #fff;*/
        background: #fff url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%230197f3'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
        top: 0;
        right: 0;
        bottom: 0;
        max-width: 440px;
        width: 100%;
        overflow-y: scroll;

        transition: all .5s ease;
        transform: translateX(100%);
    }

        .modal-cart .inner .cont.loaded {
            background-color: #fff;
        }

    .modal-cart .inner .cont.show {
        transform: translateX(0%);
    }

.cart-panel__close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: #f3f3f3;
    cursor: pointer;
    position: relative;
    transition: background-color .2s ease;
    flex-shrink: 0;
}

.cart-panel__close--floating {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
}

.cart-panel__close::before,
.cart-panel__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #222;
    transform-origin: center;
}

.cart-panel__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.cart-panel__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.cart-panel__close:hover {
    background-color: #e9e9e9;
}

.cart-panel__title {
    font-size: 1.2rem;
    padding: 1.5rem 1rem;
    font-weight: 500;
    text-align: left;
}

@media (max-width: 767px) {
    .popup-product .inner {
        padding: 0;
    }

    .popup-product .inner.show {
        align-items: stretch;
    }

    .popup-product .inner .cont {
        height: 100%;
        max-width: none;
        max-height: none;
        border-radius: 0;
    }
}

.cart-panel__delivery {
    padding: 0 1rem;
}

    .cart-panel__delivery .delivery-choice {
        margin: 0 auto;
        gap: 0;
        background-color: #f1f1f1;
        border-radius: 30px;
        padding: 10px;
    }

    .cart-panel__delivery .delivery-choice__tabs {
        padding: 0;
        background-color: #fff;
    }

    .cart-panel__delivery .delivery-choice__tab {
        font-size: 15px;
        padding: 11px 15px;
    }

    .delivery-choice__address_out {
        width: 100%;
        margin-top: 10px;
    }

    .cart-panel__delivery svg {
        width: 20px !important;
        height: 20px !important;
    }

    .cart-panel__delivery .delivery-choice__address {
        padding: 8px 10px;
    }

    .cart-panel__delivery .delivery-choice__address-top {
        display: none;
    }

    .cart-panel__delivery .delivery-choice__address-main {
        font-size: 15px;
        font-weight: 500;
    }

    .cart-checkout .prodImg {
        margin-bottom: 0;
    }

.cart-checkout {

}
.cart-checkout__section {

}

.cart-checkout__actions {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em;
}

.cart-checkout__action {
    display: flex;
    align-items: center;
    gap: .75em;
    width: 100%;
    padding: .85em 1em;
    border-radius: 30px;
    background: #f1f1f1;
    text-align: left;
    cursor: pointer;
    border: 0;
}

.cart-checkout__action-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f1f1f;
    background-position: center;
    background-repeat: no-repeat;
}

.cart-checkout__action-icon.recepient {
    /*background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 682.667 682.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cdefs%3E%3CclipPath id='a' clipPathUnits='userSpaceOnUse'%3E%3Cpath d='M0 512h512V0H0Z' fill='%23000000' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 0 682.667)'%3E%3Cpath d='M0 0c0 70.692 57.308 128 128 128 70.692 0 128-57.308 128-128 0-70.692-57.308-128-128-128C57.308-128 0-70.692 0 0Z' style='stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(128 364)' fill='none' stroke='%23000000' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M0 0c23.308-10.357 41.955-22.615 56.089-35.034C77.637-53.966 89.902-81.317 89.902-110v-37c0-22.091-17.908-40-40-40h-392c-22.091 0-40 17.909-40 40v37c0 28.683 12.265 56.034 33.813 74.966C-311.801-2.979-245.262 29-146.098 29' style='stroke-width:40;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' transform='translate(402.098 207)' fill='none' stroke='%23000000' stroke-width='40' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='none' stroke-opacity='' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23000000' x='0' y='0' viewBox='3.25 2.25 17.5 19.5' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M7.25 7c0-2.619 2.131-4.75 4.75-4.75S16.75 4.381 16.75 7s-2.131 4.75-4.75 4.75S7.25 9.619 7.25 7zM15 13.25H9c-3.17 0-5.75 2.58-5.75 5.75A2.752 2.752 0 0 0 6 21.75h12A2.752 2.752 0 0 0 20.75 19c0-3.17-2.58-5.75-5.75-5.75z'/%3E%3C/g%3E%3C/svg%3E");
}

.cart-checkout__action-icon.comment {
    /*background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M332 56.001H180c-88.367 0-160 71.633-160 160 0 88.364 71.633 160 160 160h32c22.092 0 40 17.908 40 40v39.998c165.959-105.588 238.96-132.212 239.988-237.72.007-.757.012-1.516.012-2.278 0-88.366-71.633-160-160-160zM180 176.001h152M332 256.001H180' style='stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;' fill='none' stroke='%23000000' stroke-width='40' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 60.016 60.016' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M42.008 0h-24c-9.925 0-18 8.075-18 18v14c0 9.59 7.538 17.452 17 17.973v8.344c0 .937.764 1.699 1.703 1.699.449 0 .874-.178 1.195-.499l1.876-1.876C26.708 52.714 33.259 50 40.227 50h1.781c9.925 0 18-8.075 18-18V18c0-9.925-8.075-18-18-18zm-25 29c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.795 4-4 4zm13 0c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.795 4-4 4zm13 0c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.795 4-4 4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.cart-checkout__action-icon.promocode {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' x='0' y='0' viewBox='2 6 28 20' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M29 13a1 1 0 0 0 1-1V9c0-1.654-1.346-3-3-3h-6v3a1 1 0 0 1-2 0V6H5C3.346 6 2 7.346 2 9v3a1 1 0 0 0 1 1c1.654 0 3 1.346 3 3s-1.346 3-3 3a1 1 0 0 0-1 1v3c0 1.654 1.346 3 3 3h14v-3a1 1 0 0 1 2 0v3h6c1.654 0 3-1.346 3-3v-3a1 1 0 0 0-1-1c-1.654 0-3-1.346-3-3s1.346-3 3-3zm-8 6a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0zm0-5a1 1 0 0 1-2 0v-1a1 1 0 0 1 2 0z'/%3E%3C/g%3E%3C/svg%3E");
    /*background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 263.285 263.285' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M193.882 8.561c-7.383-3.756-16.414-.813-20.169 6.573L62.153 234.556c-3.755 7.385-.812 16.414 6.573 20.169a14.94 14.94 0 0 0 6.786 1.632c5.466 0 10.735-2.998 13.383-8.205L200.455 28.73c3.755-7.385.812-16.414-6.573-20.169zM113.778 80.818c0-31.369-25.521-56.89-56.89-56.89C25.521 23.928 0 49.449 0 80.818c0 31.368 25.521 56.889 56.889 56.889 31.369 0 56.889-25.521 56.889-56.889zm-56.889 26.889C42.063 107.707 30 95.644 30 80.818c0-14.827 12.063-26.89 26.889-26.89 14.827 0 26.89 12.062 26.89 26.89-.001 14.826-12.063 26.889-26.89 26.889zM206.396 125.58c-31.369 0-56.89 25.521-56.89 56.889 0 31.368 25.52 56.889 56.89 56.889 31.368 0 56.889-25.52 56.889-56.889 0-31.369-25.52-56.889-56.889-56.889zm0 83.777c-14.827 0-26.89-12.063-26.89-26.889 0-14.826 12.063-26.889 26.89-26.889 14.826 0 26.889 12.063 26.889 26.889 0 14.826-12.062 26.889-26.889 26.889z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");*/
}

.cart-checkout__action-icon.bonus {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23000000' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='3 3 18 18' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M21 14.155v-2.74A23.16 23.16 0 0 1 12 13a23.16 23.16 0 0 1-9-1.585v2.74C4.539 15.1 7.763 16 12 16s7.461-.9 9-1.845zM12 11c4.237 0 7.461-.9 9-1.845V6c0-2.855-7.5-3-9-3s-9 .145-9 3v3.155C4.539 10.1 7.763 11 12 11zM12 18a23.16 23.16 0 0 1-9-1.585V18c0 2.855 7.5 3 9 3s9-.145 9-3v-1.585A23.16 23.16 0 0 1 12 18z' /%3E%3C/g%3E%3C/svg%3E");
}

.cart-checkout__section--payments {
    background-color: #f1f1f1;
    margin: 0 1em;
    border-radius: 30px;
    overflow: hidden;
}

.cart-checkout__action-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: .35em;
}

.cart-checkout__action-title {
    font-size: 1rem;
    font-weight: 500;
}

.cart-checkout__action-value {
    color: #7b7b7b;
}

.cart-iiko {
    display: flex;
    flex-direction: row;
    gap: .75em;
    padding: 1em;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}

.cart-checkout__action-chevron {
    width: 20px;
    height: 20px;
    color: #9a9a9a;
}

.cart-checkout__action-chevron svg {
    width: 20px;
    height: 20px;
}

.cart-checkout__fields {
    display: grid;
    gap: 10px;
}

.cart-checkout__field label {
    display: block;
    font-size: 12px;
    color: #777;
    margin-bottom: 4px;
}

.cart-checkout__field input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    font-size: 14px;
}

.cart-checkout__section--comment textarea {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    resize: vertical;
}

.cart-payments__items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-bottom: 1px solid #d7d7d7;
    padding: 1em;
}

.cart-payments__items::-webkit-scrollbar {
    display: none;
}

.cart-payments__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    width: 140px;
    border: 2px solid #fff;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background-color: #fff;
    transition: border-color .2s ease, background-color .2s ease;

    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .08), 0 4px 16px 0 rgba(0, 0, 0, .06);
    aspect-ratio: 55 / 36;
}

.cart-payments__logo {
    max-width: 100%;
    max-height: 25px;
    object-fit: contain;
}

.cart-payments__label {
    font-size: 12px;
    line-height: 1.2;
    color: #222;
    text-align: left;
}

.cart-payments__item:hover {
    border-color: #888;
}

.cart-payments__item.current {
    border-color: var(--color-primary);
    /*background-color: rgba(214, 33, 0, .08);*/
}

.cart-prepayment__message {
    margin-bottom: 1em;
}

.cart-checkout__section--autocancel .cart-auto-cancel__text {

}

.cart-delivery-choice {
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.cart-delivery-choice .delivery-choice__tabs,
.cart-delivery-choice .delivery-choice__address {
    width: 100%;
    flex: 1 1 auto;
}

.cart-upsell {
    margin: 0 1em;
    background-color: #f1f1f1;
    border-radius: 30px;
    text-align: left;
}

.cart-upsell__title {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 1em 1em .5em;
}

.cart-upsell__items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 1em 1em;
}

.cart-upsell__items::-webkit-scrollbar {
    display: none;
}

.cart-upsell__item {
    display: flex;
    flex: 0 0 auto;
    /*gap: 12px;*/
    max-width: 275px;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
}

.cart-upsell__image {
    width: 64px;
    height: 64px;
    padding: 12px;
}

.cart-upsell__image .prodImg {
    width: 64px;
    height: 64px;
    border-radius: 12px;
}

.cart-upsell__info {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-right: 12px;
    flex-direction: column;
    align-items: flex-start;
}

.cart-upsell__name {
    font-size: .95rem;
    font-weight: 400;
}

.cart-upsell__action {
    border: none;
    border-radius: 999px;
    background-color: var(--color-primary);
    color: #fff;
    padding: 5px 11px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.cart-upsell__action.loading {
    color: transparent;
    background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
}

.cart-upsell__action--secondary {
    background-color: #e6e6e6;
    color: #1b1b1b;
}

.cart-gifts__title,
.cart-stop__title,
.cart-promocode__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.cart-gifts__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 12px;
}

.cart-gift {
    text-align: center;
    font-size: 12px;
    color: #444;
}

.cart-gift__image {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    margin: 0 auto 6px;
    position: relative;
}

.cart-gift__qua {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: 999px;
    padding: 2px 6px;
    font-size: 11px;
}

.cart-stop {
    background-color: #fff1f1;
    border-radius: 16px;
    padding: 16px;
}

.cart-stop__items .cart-item {
    padding: 0;
    margin-bottom: 1em;
}

.cart-promocode .promocode {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cart-promocode .promocode input {
    flex: 1 1 auto;
}

.cart-promocode .promoresult {
    margin-top: 1em;
}

.cart-promocode .promoresult.success {
    color: green;
}

.cart-promocode .promoresult.error {
    color: red;
}

.cart-checkout__section--prepayment, .cart-checkout__section--autocancel {
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 1em;
    margin: 1em 1em 0;
    text-align: left;
}

.cart-composition {
    margin: 1em 2.25em;
}

.cart-composition__lines {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cart-composition__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.cart-composition__line--discount .cart-composition__value {
    color: #d14b4b;
}

.cart-composition__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
}

.cart-consent {
    margin-top: 12px;
    font-size: 12px;
    color: #777;
    line-height: 1.4;
}

.header-mob {
    display: none;
}

.pop-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.pop-menu.show {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.pop-menu__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.pop-menu__panel {
    position: relative;
    width: min(420px, calc(100% - 32px));
    max-height: calc(100% - 80px);
    margin: 60px 16px 20px;
    padding: 28px 24px 24px;
    border-radius: 28px;
    /*background-color: #f7f4ee;*/
    background-color: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    overflow: auto;
    z-index: 1;
    box-sizing: border-box;
}

.pop-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #f3f3f3 url("data:image/svg+xml,%3Csvg fill='%23222222' width='16' height='16' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 48 48' style='enable-background:new 0 0 512 512'%3E%3Cpath d='m28.39 24 18.7-18.7A3.09 3.09 0 0 0 48 3.1a3 3 0 0 0-.91-2.19A3 3 0 0 0 44.9 0a3.09 3.09 0 0 0-2.2.91L24 19.61 5.3.91A3.09 3.09 0 0 0 3.1 0 3 3 0 0 0 .91.91 3 3 0 0 0 0 3.1a3.09 3.09 0 0 0 .91 2.2L19.61 24 .91 42.7A3.09 3.09 0 0 0 0 44.9a3 3 0 0 0 .91 2.19A3 3 0 0 0 3.1 48a3.09 3.09 0 0 0 2.2-.91L24 28.39l18.7 18.7a3.09 3.09 0 0 0 2.2.91 3.11 3.11 0 0 0 3.1-3.1 3.09 3.09 0 0 0-.91-2.2z' /%3E%3C/svg%3E") center no-repeat;
    cursor: pointer;
}

.pop-close:hover {
    background-color: #e9e9e9;
}

.pop-menu__title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #222;
}

.pop-menu__links a {
    display: block;
    font-size: 22px;
    line-height: 1.3;
    color: #222;
    margin-bottom: 16px;
}

.pop-menu__links a:hover {
    color: var(--color-primary);
}

.pop-menu__links a:hover svg {
    fill: var(--color-primary);
}

.pop-menu__links a[target="_blank"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pop-menu__external-icon {
    display: none;
    line-height: 0;
}

.pop-menu__links a[target="_blank"] .pop-menu__external-icon {
    display: inline-flex;
}

.pop-menu__links a:last-child {
    margin-bottom: 0;
}

.pop-menu__section + .pop-menu__section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.pop-menu__link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #f0ece4;
}

.pop-phone {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 16px;
    padding-left: 28px;
    background: transparent url("data:image/svg+xml,%3Csvg fill='%23222222' width='20' height='20' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M23.45 20.93a3 3 0 0 0-4.25 0l-1.45 1.45a26.14 26.14 0 0 1-4.51-3.62 26.14 26.14 0 0 1-3.62-4.51l1.45-1.45a3 3 0 0 0 0-4.25L8.24 5.73a2.93 2.93 0 0 0-2.11-.88A3 3 0 0 0 4 5.73L2.64 7.08A6.37 6.37 0 0 0 1 12.33c.32 3.75 2.78 8.26 6.57 12.06s8.35 6.25 12.1 6.61a7.87 7.87 0 0 0 .84 0 6.07 6.07 0 0 0 4.41-1.64L26.27 28a3 3 0 0 0 .88-2.13 2.93 2.93 0 0 0-.88-2.11zM26.6 5.39A14.92 14.92 0 0 0 16 1a1 1 0 1 0 0 2 13 13 0 0 1 13 13.11 1 1 0 0 0 1 1 1 1 0 0 0 1-1 14.91 14.91 0 0 0-4.4-10.72z' /%3E%3Cpath d='M20.91 11.11a6 6 0 0 1 1.77 4.31 1 1 0 0 0 1 1 1 1 0 0 0 1-1 8 8 0 0 0-8-8.1 1 1 0 1 0 0 2 6 6 0 0 1 4.23 1.79z' /%3E%3C/svg%3E") left center no-repeat;
}

.pop-menu__social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.pop-menu__social a {
    display: inline-flex;
}

.pop-menu__legal {
    color: #6b6b6b;
    font-size: 14px;
    line-height: 1.4;
}

.pop-menu__section--apps svg {
    width: 120px;
    color: #000;
}

.pop-menu__section--apps a:hover svg {
    fill: var(--color-primary);
}

.pop-menu__section--apps a {
    display: inline-flex;
    margin-right: 12px;
}

.pop-menu__section--apps a:last-child {
    margin-right: 0;
}

.pop-bot img {
    width: 140px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 5px;
}

@media all and (max-width:767px) {

    .header-mob {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px 0;
        position: relative;
    }

    .header-mob .logo-mob img {
        max-width: 120px;
        max-height: 28px;
    }

    .menu-mob {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-mob__link {
        padding: 10px;
        border-radius: 99px;
        cursor: pointer;
        min-width: 25px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .header-mob__link svg {
        fill: #000;
    }

    body.page-main .header:not(.header--no-cover) + .header-mob {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }

    body.page-main .header:not(.header--no-cover) + .header-mob .header-mob__link svg {
        fill: #fff;
    }

    body:not(.page-main) .header {
        display: none;
    }

}

.foot-inn {
    /*border-top: 1px solid #eee;*/
}

.app_banner {
    background-color: #f5f5f5;
    padding: 1em;
    border-radius: 20px;
    display: flex;
    gap: 2em;
    flex-direction: row;
    box-sizing: border-box;
}

    .app_iphone {
        width: 31%;
        margin-right: 0px;
        position: relative;
        overflow: hidden;
        min-height: 100%;
        margin-top: -125px;
        margin-bottom: -15px;
    }

        .app_iphone_wrap {
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: 0;
            display: flex;
            margin: 0;
            border-top-left-radius: var(--popupBorderRadius);
            border-top-right-radius: var(--popupBorderRadius);
        }

    .app_iphone img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .app_links h2 {
        font-weight: 600;
        font-size: 1.7rem;
        margin-bottom: 1.5rem;
    }

.app_links {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

.store_links {
    display: flex;
    gap: 2em;
}

    .store_links a {
        display: inline-flex;
        align-items: center;
        gap: .75em;
        font-size: 1.2rem;
        color: #000;
        font-weight: 500;
    }

    .store_links a:hover {
        color: var(--color-primary);
    }

.foot-qr img {
    max-width: 200px;
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
}

.app_feat ul {
    padding: 0 0 0 1em;
    line-height: 2;
    font-size: 1.1rem;
    margin-bottom: 0;
}

.foot-bot {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
    margin: 2rem 0;
}

    .foot-bot .platforma {
        flex: 1;
        text-align: right;
    }

    .foot-bot .platforma a {
        white-space: nowrap;
        font-size: 14px;
        color: #888;
    }

    .foot-bot .platforma a:hover {
        color: #000;
    }

    .foot-links {
        display: inline-flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .foot-links a {
        color: #000;
    }

    .foot-links a:hover {
        color: var(--color-primary);
    }

.soc {
    display: flex;
    margin-top: 20px;
}

.soc-ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background-color: rgba(255,255,255,.1);
    margin-right: 10px;
    transition: all .15s ease;
    background-repeat: no-repeat;
    background-position: center;
}

    .soc-ico:hover {
        background-color: rgba(255,255,255,.25);
    }

    .soc-ico.vk {
        background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' width='24' height='24' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 548.358 548.358' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M545.451 400.298c-.664-1.431-1.283-2.618-1.858-3.569-9.514-17.135-27.695-38.167-54.532-63.102l-.567-.571-.284-.28-.287-.287h-.288c-12.18-11.611-19.893-19.418-23.123-23.415-5.91-7.614-7.234-15.321-4.004-23.13 2.282-5.9 10.854-18.36 25.696-37.397 7.807-10.089 13.99-18.175 18.556-24.267 32.931-43.78 47.208-71.756 42.828-83.939l-1.701-2.847c-1.143-1.714-4.093-3.282-8.846-4.712-4.764-1.427-10.853-1.663-18.278-.712l-82.224.568c-1.332-.472-3.234-.428-5.712.144l-3.713.859-1.431.715-1.136.859c-.952.568-1.999 1.567-3.142 2.995-1.137 1.423-2.088 3.093-2.848 4.996-8.952 23.031-19.13 44.444-30.553 64.238-7.043 11.803-13.511 22.032-19.418 30.693-5.899 8.658-10.848 15.037-14.842 19.126-4 4.093-7.61 7.372-10.852 9.849-3.237 2.478-5.708 3.525-7.419 3.142-1.715-.383-3.33-.763-4.859-1.143-2.663-1.714-4.805-4.045-6.42-6.995-1.622-2.95-2.714-6.663-3.285-11.136-.568-4.476-.904-8.326-1-11.563-.089-3.233-.048-7.806.145-13.706.198-5.903.287-9.897.287-11.991 0-7.234.141-15.085.424-23.555.288-8.47.521-15.181.716-20.125.194-4.949.284-10.185.284-15.705s-.336-9.849-1-12.991a44.442 44.442 0 0 0-2.99-9.137c-1.335-2.95-3.289-5.232-5.853-6.852-2.569-1.618-5.763-2.902-9.564-3.856-10.089-2.283-22.936-3.518-38.547-3.71-35.401-.38-58.148 1.906-68.236 6.855-3.997 2.091-7.614 4.948-10.848 8.562-3.427 4.189-3.905 6.475-1.431 6.851 11.422 1.711 19.508 5.804 24.267 12.275l1.715 3.429c1.334 2.474 2.666 6.854 3.999 13.134 1.331 6.28 2.19 13.227 2.568 20.837.95 13.897.95 25.793 0 35.689-.953 9.9-1.853 17.607-2.712 23.127-.859 5.52-2.143 9.993-3.855 13.418-1.715 3.426-2.856 5.52-3.428 6.28-.571.76-1.047 1.239-1.425 1.427a21.387 21.387 0 0 1-7.71 1.431c-2.667 0-5.901-1.334-9.707-4-3.805-2.666-7.754-6.328-11.847-10.992-4.093-4.665-8.709-11.184-13.85-19.558-5.137-8.374-10.467-18.271-15.987-29.691l-4.567-8.282c-2.855-5.328-6.755-13.086-11.704-23.267-4.952-10.185-9.329-20.037-13.134-29.554-1.521-3.997-3.806-7.04-6.851-9.134l-1.429-.859c-.95-.76-2.475-1.567-4.567-2.427a30.301 30.301 0 0 0-6.567-1.854l-78.229.568c-7.994 0-13.418 1.811-16.274 5.428l-1.143 1.711c-.571.953-.859 2.475-.859 4.57 0 2.094.571 4.664 1.714 7.707 11.42 26.84 23.839 52.725 37.257 77.659 13.418 24.934 25.078 45.019 34.973 60.237 9.897 15.229 19.985 29.602 30.264 43.112 10.279 13.515 17.083 22.176 20.412 25.981 3.333 3.812 5.951 6.662 7.854 8.565l7.139 6.851c4.568 4.569 11.276 10.041 20.127 16.416 8.853 6.379 18.654 12.659 29.408 18.85 10.756 6.181 23.269 11.225 37.546 15.126 14.275 3.905 28.169 5.472 41.684 4.716h32.834c6.659-.575 11.704-2.669 15.133-6.283l1.136-1.431c.764-1.136 1.479-2.901 2.139-5.276.668-2.379 1-5 1-7.851-.195-8.183.428-15.558 1.852-22.124 1.423-6.564 3.045-11.513 4.859-14.846 1.813-3.33 3.859-6.14 6.136-8.418 2.282-2.283 3.908-3.666 4.862-4.142.948-.479 1.705-.804 2.276-.999 4.568-1.522 9.944-.048 16.136 4.429 6.187 4.473 11.99 9.996 17.418 16.56 5.425 6.57 11.943 13.941 19.555 22.124 7.617 8.186 14.277 14.271 19.985 18.274l5.708 3.426c3.812 2.286 8.761 4.38 14.853 6.283 6.081 1.902 11.409 2.378 15.984 1.427l73.087-1.14c7.229 0 12.854-1.197 16.844-3.572 3.998-2.379 6.373-5 7.139-7.851.764-2.854.805-6.092.145-9.712-.677-3.611-1.344-6.136-2.008-7.563z' /%3E%3C/svg%3E");
    }

    .soc-ico.ig {
        background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' width='24' height='24' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 511 511.9' style='enable-background:new 0 0 512 512' %3E%3Cpath d='M510.95 150.5c-1.2-27.2-5.598-45.898-11.9-62.102-6.5-17.199-16.5-32.597-29.6-45.398-12.802-13-28.302-23.102-45.302-29.5-16.296-6.3-34.898-10.7-62.097-11.898C334.648.3 325.949 0 256.449 0s-78.199.3-105.5 1.5c-27.199 1.2-45.898 5.602-62.097 11.898-17.204 6.5-32.602 16.5-45.403 29.602-13 12.8-23.097 28.3-29.5 45.3-6.3 16.302-10.699 34.9-11.898 62.098C.75 177.801.449 186.5.449 256s.301 78.2 1.5 105.5c1.2 27.2 5.602 45.898 11.903 62.102 6.5 17.199 16.597 32.597 29.597 45.398 12.801 13 28.301 23.102 45.301 29.5 16.3 6.3 34.898 10.7 62.102 11.898 27.296 1.204 36 1.5 105.5 1.5s78.199-.296 105.5-1.5c27.199-1.199 45.898-5.597 62.097-11.898a130.934 130.934 0 0 0 74.903-74.898c6.296-16.301 10.699-34.903 11.898-62.102 1.2-27.3 1.5-36 1.5-105.5s-.102-78.2-1.3-105.5zm-46.098 209c-1.102 25-5.301 38.5-8.801 47.5-8.602 22.3-26.301 40-48.602 48.602-9 3.5-22.597 7.699-47.5 8.796-27 1.204-35.097 1.5-103.398 1.5s-76.5-.296-103.403-1.5c-25-1.097-38.5-5.296-47.5-8.796C94.551 451.5 84.45 445 76.25 436.5c-8.5-8.3-15-18.3-19.102-29.398-3.5-9-7.699-22.602-8.796-47.5-1.204-27-1.5-35.102-1.5-103.403s.296-76.5 1.5-103.398c1.097-25 5.296-38.5 8.796-47.5C61.25 94.199 67.75 84.1 76.352 75.898c8.296-8.5 18.296-15 29.398-19.097 9-3.5 22.602-7.7 47.5-8.801 27-1.2 35.102-1.5 103.398-1.5 68.403 0 76.5.3 103.403 1.5 25 1.102 38.5 5.3 47.5 8.8 11.097 4.098 21.199 10.598 29.398 19.098 8.5 8.301 15 18.301 19.102 29.403 3.5 9 7.699 22.597 8.8 47.5 1.2 27 1.5 35.097 1.5 103.398s-.3 76.301-1.5 103.301zm0 0' /%3E%3Cpath d='M256.45 124.5c-72.598 0-131.5 58.898-131.5 131.5s58.902 131.5 131.5 131.5c72.6 0 131.5-58.898 131.5-131.5s-58.9-131.5-131.5-131.5zm0 216.8c-47.098 0-85.302-38.198-85.302-85.3s38.204-85.3 85.301-85.3c47.102 0 85.301 38.198 85.301 85.3s-38.2 85.3-85.3 85.3zM423.852 119.3c0 16.954-13.747 30.7-30.704 30.7-16.953 0-30.699-13.746-30.699-30.7 0-16.956 13.746-30.698 30.7-30.698 16.956 0 30.703 13.742 30.703 30.699zm0 0' /%3E%3C/svg%3E");
    }

.header {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--header-cover, none) center/cover no-repeat;
    /*height: max-content;*/
    /*min-height: 320px;*/
    /*padding-top: 50%;*/
    padding-top: min(50%, calc(65vh - 0px));
}

.header--no-cover {
    padding-top: 0;
    background: none;
    border-bottom: 1px solid #eee;
}

.header--no-cover svg {
    fill: #000;
}

body:not(.page-main) .header {
    padding-top: 0;
    background: none;
    border-bottom: 1px solid #eee;
}

.header__video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.header--no-cover .header__video {
    display: none;
}

.header--no-cover .header__content {
    position: static;
}

body:not(.page-main) .header__video {
    display: none;
}

body:not(.page-main) .header__content {
    position: static;
}

.topline {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    padding: 15px 0 15px;
    box-sizing: border-box;
}

.topline__link {
    padding: 10px;
    border-radius: 99px;
    cursor: pointer;
    min-width: 25px;
    display: inline-flex;
    justify-content: center;
}

    .topline__link:hover {
        background-color: rgba(255,255,255,.25);
    }

    .header svg {
        fill: #fff;
    }

    .header.header--no-cover svg {
        fill: #000;
    }

    body:not(.page-main) .header svg {
        fill: #000;
    }

    .topline__link a {
        display: inline-flex;
    }

    body:not(.page-main) .topline__link:hover {
        background-color: rgba(0,0,0,.1);
    }

.topline__block {
    display: flex;
    align-items: center;
}

.topline__block--start {
    justify-content: flex-start;
}

.topline__block--center {
    justify-content: center;
}

.topline__block--end {
    justify-content: flex-end;
    gap: .5rem;
}

.logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.5em;
}

.logo img {
    max-width: 200px;
    max-height: 50px;
}

.top-phone a {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    background: transparent url("data:image/svg+xml,%3Csvg fill='%23000000' width='24' height='24' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M23.45 20.93a3 3 0 0 0-4.25 0l-1.45 1.45a26.14 26.14 0 0 1-4.51-3.62 26.14 26.14 0 0 1-3.62-4.51l1.45-1.45a3 3 0 0 0 0-4.25L8.24 5.73a2.93 2.93 0 0 0-2.11-.88A3 3 0 0 0 4 5.73L2.64 7.08A6.37 6.37 0 0 0 1 12.33c.32 3.75 2.78 8.26 6.57 12.06s8.35 6.25 12.1 6.61a7.87 7.87 0 0 0 .84 0 6.07 6.07 0 0 0 4.41-1.64L26.27 28a3 3 0 0 0 .88-2.13 2.93 2.93 0 0 0-.88-2.11zM26.6 5.39A14.92 14.92 0 0 0 16 1a1 1 0 1 0 0 2 13 13 0 0 1 13 13.11 1 1 0 0 0 1 1 1 1 0 0 0 1-1 14.91 14.91 0 0 0-4.4-10.72z' /%3E%3Cpath d='M20.91 11.11a6 6 0 0 1 1.77 4.31 1 1 0 0 0 1 1 1 1 0 0 0 1-1 8 8 0 0 0-8-8.1 1 1 0 1 0 0 2 6 6 0 0 1 4.23 1.79z' /%3E%3C/svg%3E") left center no-repeat;
    padding-left: 32px;
}

.wh-time {
    font-weight: 500;
    color: #000;
}

.login {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: .5em;
    color: #fff;
    transition: all .15s ease;
}

    .login:hover {
        /*background-color: #e5e5e5;*/
    }

    .header.header--no-cover .login {
        color: #000;
    }

.checkcode {
    display: none;
}

.auth {
    display: none;
    padding: 2em;
    box-sizing: border-box;
}

.auth.show {
    display: block;
}

.auth input {
    padding: 12px 15px;
}

.popup-product .inner .cont:has(> .auth) {
    max-width: 400px;
}

.auth .section {
    margin-bottom: 1em;
}

.auth_form.code-stage .loadout {
    display: none;
}

.privacy-text {
    font-size: .85em;
    color: #444;
    line-height: 1.25;
    margin-top: 1em;
    text-align: center;
}

.auth_btn {
    font-size: 1.15em;
    width: 100%;
    padding: 15px 15px;
}

.result {
    display: none;
    padding-bottom: 1em;
    box-sizing: border-box;
}

.section.phone {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

    .section.phone > span {
        display: inline-flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
    }

    .section .title {
        margin-bottom: .5em;
    }

.send_new_code {
    display: none;
    color: var(--color-primary);
    /*text-decoration: underline;*/
    cursor: pointer;
}

.repeat {
    text-align: center;
    margin-bottom: 1em;
    color: #888;
}

.profile-head {
    display: flex;
    align-items: center;
    gap: 1.5em;
}

.profile-bonus {
        display: inline-flex;
        align-items: center;
        font-weight: 500;
        padding-left: 25px;
        min-height: 20px;
        background-position: left center;
        background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23888'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='3'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

    .profile-bonus.loaded {

        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='-0.00001430511474609375 11.689000129699707 511.9997863769531 488.6220397949219'%3E%3Cg%3E%3Cpath d='m497.666 185.695-156.615-22.757-70.042-141.919c-6.126-12.414-23.887-12.42-30.018 0l-70.04 141.919-156.615 22.757C.639 187.686-4.862 204.574 5.06 214.244l113.327 110.468-26.754 155.982a16.737 16.737 0 0 0 24.285 17.644L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.753-155.982 113.328-110.468c9.911-9.663 4.432-26.556-9.276-28.549z' style='' fill='%23f7ac16' data-original='%23f7ac16'%3E%3C/path%3E%3Cpath d='M256.001 11.689a16.742 16.742 0 0 0-15.011 9.33l-70.04 141.919-156.614 22.757C.639 187.686-4.862 204.574 5.06 214.244l113.327 110.468-26.754 155.982a16.737 16.737 0 0 0 24.285 17.644L256 424.695h.001V11.689z' style='' fill='%23f2d422' data-original='%23f2d422'%3E%3C/path%3E%3Cpath d='M14.336 185.695C.639 187.686-4.862 204.574 5.06 214.244l113.327 110.468-26.754 155.982a16.737 16.737 0 0 0 24.285 17.644L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567a16.73 16.73 0 0 0 9.839-3.197L170.95 162.937 14.336 185.695z' style='' fill='%23f7ac16' data-original='%23f7ac16'%3E%3C/path%3E%3Cpath d='M178.558 305.445C57.164 187.114 62.382 193.456 60.753 187.319c-.663-2.465-.799-5.333-.078-8.358l-46.339 6.733C.639 187.685-4.862 204.573 5.06 214.243l113.327 110.468-26.754 155.983a16.737 16.737 0 0 0 24.285 17.644l41.187-21.653a16.727 16.727 0 0 1-5.301-15.258l26.754-155.982z' style='' fill='%23f48b19' data-original='%23f48b19'%3E%3C/path%3E%3Cpath d='m5.06 214.244 113.327 110.468-26.754 155.982a16.737 16.737 0 0 0 24.285 17.644L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.753-155.982L.823 197.086c-1.957 7.015.002 13.032 4.237 17.158z' style='' fill='%23f2d422' data-original='%23f2d422'%3E%3C/path%3E%3Cpath d='m5.06 214.244 113.327 110.468-26.754 155.982a16.737 16.737 0 0 0 24.285 17.644l41.187-21.653a16.727 16.727 0 0 1-5.301-15.258l26.754-155.982-77.878-75.913L.823 197.086c-1.957 7.015.002 13.032 4.237 17.158z' style='' fill='%23efb616' data-original='%23efb616'%3E%3C/path%3E%3Cpath d='M91.633 480.694a16.737 16.737 0 0 0 24.285 17.644L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.753-155.982 113.328-110.468a16.743 16.743 0 0 0 4.235-17.157l-392.79 127.625-26.754 155.982z' style='' fill='%23f7ac16' data-original='%23f7ac16'%3E%3C/path%3E%3Cpath d='M91.633 480.694a16.737 16.737 0 0 0 24.285 17.644l41.187-21.653a16.727 16.727 0 0 1-5.301-15.258l26.754-155.982-.219-.213-59.952 19.48-26.754 155.982z' style='' fill='%23f48b19' data-original='%23f48b19'%3E%3C/path%3E%3Cpath d='M115.919 498.338 256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.753-155.982 113.328-110.468c9.91-9.663 4.431-26.556-9.277-28.549L341.05 162.938 98.292 497.065a16.739 16.739 0 0 0 17.627 1.273z' style='' fill='%23f2d422' data-original='%23f2d422'%3E%3C/path%3E%3Cpath d='M511.178 197.086 256 279.998 98.292 497.065a16.737 16.737 0 0 0 17.626 1.273L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.753-155.982 113.328-110.468a16.743 16.743 0 0 0 4.236-17.158z' style='' fill='%23f7ac16' data-original='%23f7ac16'%3E%3C/path%3E%3Cpath d='M393.615 324.712 256 279.998 98.292 497.065a16.737 16.737 0 0 0 17.626 1.273L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567 10.316 0 18.259-9.3 16.498-19.568l-26.752-155.982z' style='' fill='%23f2d422' data-original='%23f2d422'%3E%3C/path%3E%3Cpath d='M98.292 497.065a16.737 16.737 0 0 0 17.626 1.273L256 424.695c152.506 80.175 142.031 75.567 147.869 75.567a16.73 16.73 0 0 0 9.839-3.197L256 279.998 98.292 497.065z' style='' fill='%23f7ac16' data-original='%23f7ac16'%3E%3C/path%3E%3Cpath d='m256.001 280-.001-.002L98.292 497.065a16.737 16.737 0 0 0 17.626 1.273L256 424.695h.001V280z' style='' fill='%23f2d422' data-original='%23f2d422'%3E%3C/path%3E%3Cpath d='m160.339 411.665-62.047 85.4a16.737 16.737 0 0 0 17.626 1.273l41.187-21.653a16.727 16.727 0 0 1-5.301-15.258l8.535-49.762z' style='' fill='%23efb616' data-original='%23efb616'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

.profile-result {
    display: none;
    margin-bottom: 1em;
}

.cart {
    position: relative;
}

    .cart-msg {
        position: absolute;
        top: 70px;
        right: 0;
        background-color: rgba(0,0,0,.65);
        padding: .75em 1.25em;
        border-radius: 10px;
        color: #fff;
        line-height: 1.75;
        font-size: .95em;
        font-weight: 500;
        text-align: left;
        display: none;
        min-width: 150px;
    }

        .cart-msg.show {
            /*display: inline-block;*/
        }

.cartbtn {
    position: relative;
    background-color: var(--color-primary);
    color: #fff;
    padding: 10px 20px 11px;
    border-radius: 40px;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}

.cart-inn {
    position: relative;
    z-index: 1;
    user-select: none;
}

    .cartbtn:before {
        content: ' ';
        position: absolute;
        display: block;
        background-color: rgba(0,0,0,.1);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 40px;
        z-index: 0;
        opacity: 0;
        transition: all .15s ease;
    }

    .cartbtn:hover::before {
        opacity: 1;
    }

.cartnum {
    display: none;
    /*display: inline-block;*/
    border-left: 1px solid rgba(255,255,255,.25);
    margin-left: 10px;
    padding-left: 15px;
    line-height: normal;
}

    .cartnum.show {
        display: inline-block;
    }

.delivery-choice {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 20px auto 10px;
}

.delivery-choice__tabs {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 999px;
    /*padding: 6px;*/
    gap: 6px;
    flex: 1 1 50%;
    box-sizing: border-box;
}

.delivery-choice__tabs.is-hidden {
    display: none;
}

.delivery-choice__tab {
    border: none;
    background: transparent;
    padding: 20px 24px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
    flex: 1 1 auto;
}

.delivery-choice__tab--active {
    background-color: var(--color-primary);
    color: #fff;
}

.delivery-choice__address {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #f1f1f1;
    border: none;
    border-radius: 999px;
    padding: 12px 20px;
    flex: 1 1 50%;
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease, box-shadow .2s ease;
}

.delivery-choice__address:hover {
    background-color: #ececec;
}

.delivery-choice__address-icon,
.delivery-choice__address-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1b1b1b;
}

.delivery-choice__address-icon svg {
    width: 28px;
    height: 28px;
}

.delivery-choice__address-icon .delivery-choice__address-icon--delivery {
    display: block;
}

.delivery-choice__address-icon .delivery-choice__address-icon--pickup {
    display: none;
}

.delivery-choice__address--pickup .delivery-choice__address-icon--delivery {
    display: none;
}

.delivery-choice__address--pickup .delivery-choice__address-icon--pickup {
    display: block;
}

.delivery-choice__address-chevron {
    margin-left: auto;
}

.delivery-choice__address-chevron svg {
    width: 22px;
    height: 22px;
}

.delivery-choice__address-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.delivery-choice__address-top {
    font-size: 14px;
    color: #6b6b6b;
}

.delivery-choice__address-main {
    font-size: 15px;
    font-weight: 500;
    color: #1b1b1b;
}

.delivery-choice-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.delivery-choice-modal.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.delivery-choice-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .2s ease;
}

.delivery-choice-modal.is-visible .delivery-choice-modal__backdrop {
    opacity: 1;
}

.delivery-choice-modal__dialog {
    position: relative;
    background: #fff;
    border-radius: 24px;
    width: min(1100px, 100%);
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    z-index: 1;
    transform: translateY(16px);
    transition: transform .2s ease;
}

.delivery-choice-modal.is-visible .delivery-choice-modal__dialog {
    transform: translateY(0);
}

.delivery-choice-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #f4f4f4;
    cursor: pointer;
    transition: background-color .2s ease;
    z-index: 1;
}

.delivery-choice-modal__close::before,
.delivery-choice-modal__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background: #222;
}

.delivery-choice-modal__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.delivery-choice-modal__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.delivery-choice-modal__close:hover {
    background: #e9e9e9;
}

.delivery-choice-modal__layout {
    display: flex;
    height: 100%;
    min-height: 480px;
    position: relative;
}

.delivery-choice-modal__panel {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow-y: auto;
    min-height: 0;
}

.delivery-choice-modal__map-column {
    flex: 1 1 50%;
    min-width: 0;
    background: #f7f7f7;
    position: relative;
    display: flex;
    flex-direction: column;
}

.delivery-choice-modal__tabs {
    display: flex;
    /*gap: 6px;*/
    margin-bottom: 20px;
    background-color: #f1f1f1;
    border-radius: 100px;
}

.delivery-choice-modal__tabs.is-hidden {
    display: none;
}

.delivery-choice-modal__tabs--overlay {
    display: none;
}

.delivery-choice-modal__tab {
    flex: 1 1 50%;
    border: none;
    background: #f1f1f1;
    border-radius: 999px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease;
}

.delivery-choice-modal__tab--active {
    background: var(--color-primary);
    color: #fff;
}

.delivery-choice-modal__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 8px;
}

.delivery-choice-modal__section {
    display: none;
}

.delivery-choice-modal__section.is-active {
    display: block;
    padding-bottom: 34px;
}

.delivery-choice-modal__map {
    display: none;
    flex: 1 1 auto;
    position: relative;
}

.delivery-choice-modal__map.is-active {
    display: block;
}

.delivery-choice-modal__map-frame {
    width: 100%;
    height: 100%;
    min-height: 480px;
    border: 0;
}

.delivery-choice-modal__map-info {
    display: none;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f6f6f6;
    font-size: 14px;
}

.delivery-choice-modal__map-info.is-visible {
    display: block;
}

.delivery-choice-modal__map-info.map-info--error {
    background: #fff1f1;
    color: #c24b4b;
}

.delivery-choice-modal__map-info.map-info--loading {
    background: #f6f6f6;
    color: #4a4a4a;
}

.delivery-choice-modal__map-info.map-info--success {
    background: #f6f6f6;
    color: #202020;
}

.delivery-choice-modal__map-hint {
    margin-top: 4px;
    padding: 0;
    border: none;
    background: none;
    color: var(--color-primary);
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
}

.delivery-choice-modal__address {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery-choice-modal__address-notice {
    font-size: 13px;
    color: #777;
    margin-bottom: 8px;
}

.delivery-choice-modal__address-input {
    width: 100%;
    border: 1px solid #dadbdc;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 15px;
}

.delivery-choice-modal__hints {
    display: none;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    border: 1px solid #dadbdc;
    border-top: none;
    background: #fff;
}

.delivery-choice-modal__hints.is-visible {
    display: block;
}

.delivery-choice-modal__hint {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    border: none;
    padding: 10px 12px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.delivery-choice-modal__hint:last-child {
    border-bottom: none;
}

.delivery-choice-modal__pickup-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
}

.delivery-choice-modal__empty {
    padding: 16px;
    background: #f6f6f6;
    border-radius: 12px;
    font-size: 14px;
    color: #777;
}

.delivery-choice-modal__fulladr {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 1em;
}

.delivery-choice-modal__adr-item {
    flex: 1 1 140px;
    min-width: 0;
}

.delivery-choice-modal__field-title {
    font-size: 14px;
    color: #1b1b1b;
    margin-bottom: 6px;
    font-weight: 500;
}

.delivery-choice-modal__field-input {
    width: 100%;
    border: 1px solid #dadbdc;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
}

.delivery-choice-modal__comment {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 1em;
}

.delivery-choice-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    margin-top: auto;
    /*border-top: 1px solid #eee;*/
    position: relative;
}

    .delivery-choice-modal__footer:before {
        content: "";
        position: absolute;
        top: -34px;
        right: 0;
        left: 0;
        display: block;
        height: 34px;
        background: linear-gradient(180deg, rgba(250, 255, 255, 0) 0%, rgba(250, 255, 255, 1) 100%);
    }

@media (max-height: 700px) {
    .delivery-choice-modal__dialog {
        max-height: 100vh;
    }

    .delivery-choice-modal__layout {
        min-height: 0;
    }

    .delivery-choice-modal__map-frame {
        min-height: 0;
    }
}

.delivery-choice-modal__footer .delivery-choice-modal__action {
    display: none;
}

.delivery-choice-modal--delivery .delivery-choice-modal__save {
    display: inline-flex;
}

.delivery-choice-modal--pickup .delivery-choice-modal__pickup-confirm {
    display: inline-flex;
}

.delivery-choice-modal__action {
    border: none;
    border-radius: 999px;
    padding: 12px 22px;
    background: var(--color-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, box-shadow .2s ease;
}

.delivery-choice-modal__action:hover {
    background: #e14b38;
}

.cart-modal[data-cart-modal="yandex-delivery-info"],
.cart-modal[data-cart-modal="yandex-delivery-price"] {
    z-index: 1105;
}

.cart-modal[data-cart-modal="yandex-delivery-info"] .cart-modal__backdrop,
.cart-modal[data-cart-modal="yandex-delivery-price"] .cart-modal__backdrop {
    z-index: 1105;
}

.cart-modal[data-cart-modal="yandex-delivery-info"] .cart-modal__dialog,
.cart-modal[data-cart-modal="yandex-delivery-price"] .cart-modal__dialog {
    z-index: 1106;
}

.yandex-info-modal {
    display: none;
}

.yandex-info-modal.is-visible {
    display: block;
}

.yandex-info-modal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 200;
}

.yandex-info-modal__dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 201;
    background: #fff;
    padding: 18px 20px;
    border-radius: 12px;
    width: min(480px, 90%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.yandex-info-modal__title {
    margin: 0 0 12px;
    font-size: 18px;
}

.yandex-info-modal__body {
    white-space: pre-wrap;
    line-height: 1.5;
    color: #4a4a4a;
}

.yandex-info-modal__close {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.yandex-info-modal__close::after {
    content: '×';
}

.delivery-choice-modal .ship-item {
    border: 1px solid #dadbdc;
    padding: 14px 16px;
    border-radius: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.delivery-choice-modal .ship-item .desc {
    opacity: .7;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
}

.delivery-choice-modal .ship-item .name {
    width: 100%;
}

.delivery-choice-modal .ship-title {
    display: flex;
    justify-content: space-between;
}

.delivery-choice-modal .ship-item .radio {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d0d0d0;
    position: relative;
    flex: 0 0 auto;
}

.delivery-choice-modal .ship-item.current .radio {
    border-color: var(--color-primary);
}

.delivery-choice-modal .ship-item.current .radio::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: var(--color-primary);
}

.menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 10;
    backdrop-filter: blur(20px);
    line-height: 60px;
}

.menu::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    box-shadow: rgba(6, 5, 50, 0.1) 0px 4px 30px;
    opacity: 0;
    transition: all .25s ease;
    z-index: -1;
}

.menu.pinned::before {
    opacity: 1;
}

.menu-inn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cart {
    min-width: 200px;
    text-align: right;
}

.list-out {
    display: flex;
    gap: 1.5em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    --offset-bottom: auto!important;
    --overflow: hidden;
    overflow: auto;
    &::-webkit-scrollbar {
        display: none;
    }
}

.menu-list {
    display: inline-block;
    font-size: 1.15em;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    line-height: normal;
    transition: all .25s ease;
}

    .menu-list.active {
        color: var(--color-primary);
    }

.products {
    display: flex;
    flex-wrap: wrap;
    /*gap: 30px;*/
    row-gap: 75px;
    column-gap: 40px;
}

.prod-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*background-color: #eee;*/
    border-radius: 5px;
    /*height: 200px;*/
    /*min-width: 250px;*/
    width: calc( 25% - 30px );
}

.prod-list--unavailable {
    color: #9fa4ad;
}

.prod-list--unavailable .prodImg {
    filter: grayscale(1);
    opacity: .6;
    cursor: default;
}

.prod-list--unavailable .pl-name {
    color: inherit;
}

.prod-list--unavailable .pl-price {
    color: #9fa4ad;
    font-size: 16px;
}

.prod-list--unavailable .addcart.add {
    background-color: #f0f2f5;
    color: inherit;
    cursor: default;
    pointer-events: none;
}

.prod-list--unavailable .pl-cart .addcart {
    cursor: default;
}

.pl-stock-note {
    margin-top: .5em;
    font-size: .9em;
    font-weight: 600;
    color: #9fa4ad;
}

.pl-price-note {
    color: #9fa4ad;
    font-weight: 600;
}

.cat-list {
    padding-top: 100px;
}

    .cat-list:first-child {
        padding-top: 0;
    }

    .cat-list:last-child {
        padding-bottom: 100px;
    }

.cat-list h2 {
    font-size: 36px;
}

.prodImg {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 1 / 1;
    align-self: flex-start;
    border-radius: 8px;
    margin-bottom: 1em;
    transition: all .25s ease;
    cursor: pointer;
}

    .prodImg.cover {
        background-size: cover;
    }

    .prodImg.square {
        aspect-ratio: 1 / 1;
    }

    .prodImg.landscape43 {
        aspect-ratio: 4 / 3;
    }

    .prodImg.landscape32 {
        aspect-ratio: 3 / 2;
    }

    .prodImg.portrait34 {
        aspect-ratio: 3 / 4;
    }

    .prodImg.portrait23 {
        aspect-ratio: 2 / 3;
    }

@supports not (aspect-ratio: 1 / 1) {
    .prodImg {
        padding-top: 100%;
    }

        .prodImg.square {
            padding-top: 100%;
        }

        .prodImg.landscape43 {
            padding-top: 75%;
        }

        .prodImg.landscape32 {
            padding-top: 66.66%;
        }

        .prodImg.portrait34 {
            padding-top: 133.33%;
        }

        .prodImg.portrait23 {
            padding-top: 150%;
        }
}

    .prod-list .prodImg:hover {
        transform: translateY(3px);
    }

.pl-name {
    font-size: 20px;
    font-weight: 500;
}

.pl-desc {
    color: #888;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 10px 0;
}

.pl-bot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.5em;
    align-items: center;
}

.pl-price {
    font-size: 20px;
    font-weight: 600;
}

.pl-cart__controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.addcart {
    display: inline-block;
    font-size: 16px;
    background-color: #eee;
    padding: 0 15px;
    border-radius: 40px;
    user-select: none;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
}

.addcart--to-cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.addcart--to-cart.loading {
    color: transparent;
    pointer-events: none;
}

.addcart--to-cart.loading,
.addcart--to-cart.loading:hover {
    background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
    color: transparent !important;
}

    .addcart--to-cart.loading .addcart__plus {
        opacity: 0;
    }

.addcart--to-cart.loading::after {
    content: none;
}

@keyframes addcart-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.addcart--from {
    display: none;
    align-items: center;
    gap: 10px;
}

.addcart__plus {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 512 512'%3E%3Cg%3E%3Cpath d='M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .addcart:hover .addcart__plus, .addcart--from.is-in-cart .addcart__plus {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 512 512'%3E%3Cg%3E%3Cpath d='M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

.addcart--from.is-in-cart {
    background-color: var(--color-primary);
    color: #fff;
}

.addcart--from.is-in-cart:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.addcart__arrow {
    /*font-size: 20px;*/
    /*line-height: 1;*/
    width: 14px;
    height: 14px;
    background: transparent url("data:image/svg+xml,%3Csvg width='14' height='14' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='4 6.000214099884033 24 19.98748779296875' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M4 16a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z'/%3E%3Cpath d='M17.293 6.293a1 1 0 0 1 1.414 0l9 9a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-1.414-1.414L25.586 16l-8.293-8.293a1 1 0 0 1 0-1.414z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}

    .addcart:hover .addcart__arrow, .addcart--from.is-in-cart .addcart__arrow {
        background: transparent url("data:image/svg+xml,%3Csvg width='14' height='14' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='4 6.000214099884033 24 19.98748779296875' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M4 16a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z'/%3E%3Cpath d='M17.293 6.293a1 1 0 0 1 1.414 0l9 9a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-1.414-1.414L25.586 16l-8.293-8.293a1 1 0 0 1 0-1.414z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center !important;
    }

.addcart-qty {
    display: none;
    align-items: center;
    gap: 7px;
    padding: 0 5px;
    border-radius: 40px;
    background-color: var(--color-primary);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
}

.addcart-qty.loading {
    background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
    color: transparent;
    pointer-events: none;
}

.addcart-qty.loading .addcart-qty__btn,
.addcart-qty.loading .addcart-qty__count {
    opacity: 0;
}

.addcart-qty__btn {
    display: inline-flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 50px;
    line-height: 22px;
    font-weight: 400;
    transition: all .15s ease;
}

    .addcart-qty__btn:hover {
        background-color: #fff;
        color: var(--color-primary);
    }

.addcart-qty__count {
    min-width: 20px;
    text-align: center;
}

.prod-list--price-from .addcart--from {
    display: inline-flex;
}

.prod-list--price-from .addcart--to-cart,
.prod-list--price-from .addcart-qty {
    display: none;
}

.prod-list--qty .addcart--to-cart,
.prod-list--qty .addcart--from {
    display: none;
}

.prod-list--qty .addcart-qty {
    display: inline-flex;
}

.addcart.add {
    cursor: pointer;
    transition: all .15s ease;
}

    .addcart.add:hover {
        background-color: var(--color-primary);
        color: #fff;
    }

.pl-mob-btn {
    display: none;
}

@media all and (max-width:970px) {

    .delivery-choice-modal {
        padding: 0;
    }

    .delivery-choice {
        flex-direction: column;
        align-items: stretch;
        margin-top: 16px;
    }

    .delivery-choice__tabs,
    .delivery-choice__address {
        width: 100%;
        flex: 1 1 auto;
    }

    .delivery-choice-modal__dialog {
        width: 100%;
        max-height: 100vh;
        height: 100vh;
        border-radius: 0;
    }

    .delivery-choice-modal__layout {
        flex-direction: column;
    }

    .delivery-choice-modal__panel {
        flex: 1 1 auto;
        padding: 20px;
        z-index: 1;
        background-color: #fff;
    }

    .delivery-choice-modal__tabs {
        margin-bottom: 16px;
    }

    .delivery-choice-modal__panel .delivery-choice-modal__tabs {
        display: none !important;
    }

    .delivery-choice-modal__tabs--panel {
        display: none;
    }

    .delivery-choice-modal__tabs--overlay {
        display: flex;
        position: absolute;
        top: 12px;
        left: 12px;
        right: 60px;
        z-index: 2;
        margin-bottom: 0;
    }

    .delivery-choice-modal__tabs {
        margin-bottom: 16px;
    }

    .delivery-choice-modal__panel .delivery-choice-modal__tabs {
        display: none;
    }

    .delivery-choice-modal__tabs--panel {
        display: none;
    }

    .delivery-choice-modal__tabs--overlay {
        display: flex;
        position: absolute;
        top: 12px;
        left: 12px;
        right: 60px;
        z-index: 2;
        margin-bottom: 0;
    }

    .delivery-choice-modal__map-column {
        order: -1;
        flex: 0 0 35%;
        max-height: 35%;
        min-height: 0;
        position: relative;
        margin-bottom: -48px;
    }

    .delivery-choice-modal__map-frame {
        min-height: 0;
    }

    .prod-list {
        width: calc( 33.33% - 26.66px );
    }

    .foot-qr {
        display: none;
    }

}

@media all and (max-width:767px) {

    .delivery-choice {
        gap: 12px;
    }

    .delivery-choice__tab {
        font-size: 15px;
        padding: 10px 16px;
    }

    .delivery-choice__address {
        padding: 10px 16px;
        border-radius: 24px;
    }

    .delivery-choice__address-main {
        font-size: 16px;
    }

    .delivery-choice-modal {
        padding: 0;
    }

    .delivery-choice-modal__dialog {
        border-radius: 0;
    }

    .delivery-choice-modal__tabs {
        margin-bottom: 16px;
    }

    .delivery-choice-modal__tab {
        font-size: 14px;
        padding: 10px 14px;
    }

    .delivery-choice-modal__tabs--panel {
        display: none;
    }

    .delivery-choice-modal__close {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
    }

    .prod-list {
        width: calc( 50% - 20px );
    }

    .content {
        position: static;
    }

    body.page-main .content {
        position: relative;
    }

    body.page-main .header {
        min-height: 150px;
    }

    body.page-main .header__content {
        display: none;
    }

    .foot-top, .foot-bot {
        flex-direction: column;
    }

    .foot-apps {
        text-align: left;
        margin-top: 1em;
    }

    .cart {
        display: none;
    }

    .menu-inn {
        padding: 0;
    }

    .list-out {
        line-height: 50px;
        height: 50px;
        align-items: center;
        gap: 10px;
        padding: 0 20px;
    }

    .menu-list {
        background-color: #eee;
        border-radius: 30px;
        padding: 6px 15px 7px;
        font-size: 0.95em;
    }

    .app_banner {
        flex-direction: column;
        gap: 0;
    }

    .app_iphone {
        order: 2;
        width: calc(100% - 72px);
        min-width: 246px;
        max-height: 240px;
        margin-top: -50px;
        margin-right: auto;
        margin-left: auto;
    }

    .app_iphone_wrap {
        position: static;
        min-width: 246px;
        min-height: 494px;
    }

    .app_links {
        padding: 1em 1em 0;
    }

}

@media all and (max-width:500px) {

    .prod-list {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-bottom: 1.1em;
    }

    .pl-bot {
        display: none;
    }

    .pl-top {
        display: flex;
    }

/*  .prodImg {
        max-width: 120px;
        padding-top: 0;
    }*/

    .pl-img {
        width: 40%;
        display: flex;
        align-items: flex-start;
    }

    .pl-info {
        width: 60%;
        padding-left: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .products {
        row-gap: 0;
    }

    .pl-name {
        font-size: 16px;
    }

    .pl-desc {
        font-size: 12px;
        line-height: 1.2;
    }

    .cat-list h2 {
        font-size: 24px;
    }

    .pl-mob-btn {
        display: block;
        margin-bottom: 1em;
    }

    .pl-mob-btn .addcart {
        font-size: 14px;
    }

    .prod-list .prodImg:hover {
        transform: translateY(0px);
    }

    .cat-list {
        padding-top: 40px;
    }

    .cat-list:last-child {
        padding-bottom: 40px;
    }

}

























.product {
	padding: 30px;
}

.gallery {
	text-align: center;
	position: relative;
	/*padding-left: 80px;*/
	box-sizing: border-box;
}

	.gallery * {
		outline: none;
	}

	.slider {
		max-height: 70vh;
		overflow: hidden;

        position: -webkit-sticky;
        position: sticky;
        top: 0;
	}

    .slider-for {
        padding-left: 110px;
    }

	.gal-nav {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 80px;
/*		height: 100%;
		max-height: 70vh;
		overflow: hidden;*/
	}

	.sl-img {
		width: 70vh;
		padding-top: 70vh;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.slick-vertical .slick-slide.sim-out {
		width: 80px !important;
		height: 80px !important;
		border: 2px solid transparent;
		margin: 5px 0;
		padding: 10px;
		border-radius: 4px;
		box-sizing: border-box;
		cursor: pointer;
		transition: all .15s ease;
	}

		.slick-vertical .slick-slide.sim-out:hover {
			border: 2px solid #dadada;
		}

	.sl-img-mini {
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.gal-nav .slick-vertical .slick-slide.slick-current {
		border: 2px solid #4394ff ;
	}

	.slick-arrow {
		background-color: red;
		border: 0;
		display: block;
		width: 100%;
		height: 30px;
		cursor: pointer;
		color: transparent;
		transition: all .15s ease;
		opacity: .35;
	}

		.slick-arrow:hover {
			opacity: 1;
		}

		.slick-disabled {
			cursor: default;
			opacity: 0;
		}

		.slick-disabled:hover {
			opacity: 0;
		}

		.slick-prev {
			background: transparent url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M505.755,358.256L271.088,123.589c-8.341-8.341-21.824-8.341-30.165,0L6.256,358.256c-8.341,8.341-8.341,21.824,0,30.165 s21.824,8.341,30.165,0l219.584-219.584l219.584,219.584c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251 C514.096,380.08,514.096,366.597,505.755,358.256z'/%3E%3C/svg%3E%0A") center no-repeat;
		}

		.slick-next {
			background: transparent url("data:image/svg+xml,%3Csvg width='20px' height='20px' fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z'/%3E%3C/svg%3E%0A") center no-repeat;
		}

.card-right {
    padding-left: 30px;
}

    .sku {
        color: #888;
        /*font-weight: 300;*/
        margin-bottom: 10px;
    }

    .card-right .discount span {
        display: inline-block;
        background-color: red;
        color: #fff;
        padding: 8px 11px;
        font-size: 14px;
        font-weight: 400;
        border-radius: 3px;
        /*display: none;*/
    }

    .card-right h1 {
        font-size: 21px;
        line-height: 1.35;
        font-weight: 500;
        letter-spacing: 0em;
        margin: 20px 0 30px;
    }

    .card-right .price {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .card-right .price .old {
        font-size: 20px;
        color: #dadada;
        position: relative;
        margin-left: 15px;
    }

    .card-right .price .old:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ff2525;
        top: calc(50% - 1px);
        left: 0;
    }

    .param-list {
        margin-bottom: 15px;
    }

        .param-list .name {
            font-weight: 500;
            margin-bottom: 10px;
        }

        .param-list .p-list {
            display: inline-block;
            box-sizing: border-box;
            padding: 11px 15px;
            border-radius: 4px;
            
            margin: 0 5px 5px 0;
            border: 2px solid transparent;
            font-weight: 500;
            position: relative;
            user-select: none;
            /*transition: all 0.3s ease;*/
            border: 1px solid #eee;
        }


        .param-list .p-list.inactive, .param-list .p-list.not {
            padding: 10px 14px;
            background-color: #f7f8fa;
            border: 2px solid transparent;
            color: rgba(51,51,51,.3);
        }

        .param-list .p-list:hover {
            padding: 10px 14px;
            border: 2px solid rgba(17,147,245,.3);
            cursor: pointer;
        }

        .param-list .p-list.active {
            padding: 10px 14px;
            border: 2px solid #1193f5;
            color: #1193f5;
        }

            .param-list .p-list.active:hover {
                border: 2px solid #1193f5;
            }

        .param-list .p-list.inactive.active, .param-list .p-list.not.active {
            border: 2px solid #fcc;
            color: #888;
        }

        .param-list .p-list.error {
            padding: 10px 14px;
            border: 2px solid #ffabab;
            /*transition: all 0.3s ease;*/
        }

    /* параметр типа цвет */

    .p-list-color {
        /*padding: 10px;*/
        width: 45px;
        height: 45px;
        display: inline-block;
        border: 1px solid #eee;
        border-radius: 50px;
        position: relative;
        cursor: pointer;
        margin-right: 10px;
        box-sizing: border-box;
    }

        .p-list-color svg {
            position: absolute;
            top: 9px;
            left: 9px;
            display: inline;
        }

        .p-list-color:hover {
            border: 2px solid rgba(17,147,245,.3);
        }

        .p-list-color:hover svg {
            top: 8px;
            left: 8px;
        }







a.gocart, .outstock > span {
    display: block;
    background-color: #43A2F3;
    color: #fff;
    border-radius: 4px;
    padding: 20px;
    font-size: 18px;
    text-align: center;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    height: 62px;
    box-sizing: border-box;
    position: relative;
}

.outstock {
    display: none;
}

.outstock > span {
    background-color: #f7f8fa;
    color: #888;
    user-select: none;
}

.addtocart {
    position: relative;
}

.done {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #30bd30;
    border-radius: 4px;
    padding: 20px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    user-select: none;
    z-index: 1000;
    display: none;
}

.gcinn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cartcount {
    padding-left: 5px;
}

.more {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #43A2F3;
    color: #fff;
    padding: 20px;
    display: none;
    border-left: 1px solid rgba(0,0,0,.03);
}

.already .more {
    display: inline-block;
}

.favlink {
    margin: 20px 0;
}

a.favorite {
    display: block;
    height: 40px;
    line-height: 40px;
}
    a.favorite svg {
        fill: #2d94e0;
        display: inline;
        width: 20px;
        height: 20px;
        float: left;
        margin: 10px 10px 0 0;
    }

    a.favorite.favor {
        color: #333;
    }

    a.favorite.favor svg {
        fill: red;
    }

.profile-page {
    display: flex;
    margin-top: 1.5em;
}

.left-side, .right-side {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.profile-page h2, .order-item h2 {
    font-weight: 500;
}

.section {
    margin-bottom: 2em;
}

.input-title {
    font-size: 15px;
    color: #555;
    margin-bottom: .5em;
}

.profile-page .section input {
    max-width: 50%;
}

.section.logout {
    margin-top: 3.5em;
}

.order-list {
    margin-bottom: 1em;
    border: 1px solid #e1e2e3;
    /*background-color: #f5f5f5;*/
    border-radius: 15px;
    /*padding: 1em;*/
}

.o-head, .o-main, .o-foot {
    padding: 1em;
}

.o-main, .o-foot {
    border-top: 1px solid #e1e2e3;
}

.order-info .o-foot {
    border: 0;
    padding: 0;
    margin: 2em 0;
}

.o-prod {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.prod-list-item {
    width: 14%;
}

.prod-list-item img {
    max-width: 100%;
}

.o-num {
    color: #888;
    margin-top: .5em;
}

.o-delivery {
    font-weight: 500;
    margin-bottom: .5em;
}

.stars {
    display: inline-block;
    margin-left: .5em;
}

.o-foot {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.rate-order {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.result5 {
    margin-bottom: 1em;
}

.result5, .result, .thanks, .send-rating {
    display: none;
}

.send-rating {
    margin-top: .5em;
}

.o-rate-title {
    color: #888;
    font-size: .9em;
}

.star {
    width: 20px;
    height: 16px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23888' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 511.987 511' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M114.594 491.14c-5.61 0-11.18-1.75-15.934-5.187a27.223 27.223 0 0 1-10.582-28.094l32.938-145.09L9.312 214.81a27.188 27.188 0 0 1-7.976-28.907 27.208 27.208 0 0 1 23.402-18.71l147.797-13.419L230.97 17.027C235.277 6.98 245.089.492 255.992.492s20.715 6.488 25.024 16.512l58.433 136.77 147.774 13.417c10.882.98 20.054 8.344 23.425 18.711 3.372 10.368.254 21.739-7.957 28.907L390.988 312.75l32.938 145.086c2.414 10.668-1.727 21.7-10.578 28.098-8.832 6.398-20.61 6.89-29.91 1.3l-127.446-76.16-127.445 76.203c-4.309 2.559-9.11 3.864-13.953 3.864zm141.398-112.874c4.844 0 9.64 1.3 13.953 3.859l120.278 71.938-31.086-136.942a27.21 27.21 0 0 1 8.62-26.516l105.473-92.5-139.543-12.671a27.18 27.18 0 0 1-22.613-16.493L255.992 39.895 200.844 168.96c-3.883 9.195-12.524 15.512-22.547 16.43L38.734 198.062l105.47 92.5c7.554 6.614 10.858 16.77 8.62 26.54l-31.062 136.937 120.277-71.914c4.309-2.559 9.11-3.86 13.953-3.86zm-84.586-221.848s0 .023-.023.043zm169.13-.063.023.043c0-.023 0-.023-.024-.043zm0 0' /%3E%3C/svg%3E");
}

.star.yellow {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23ffc107' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 511.987 511' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M510.652 185.902a27.158 27.158 0 0 0-23.425-18.71l-147.774-13.419-58.433-136.77C276.71 6.98 266.898.494 255.996.494s-20.715 6.487-25.023 16.534l-58.434 136.746-147.797 13.418A27.208 27.208 0 0 0 1.34 185.902c-3.371 10.368-.258 21.739 7.957 28.907l111.7 97.96-32.938 145.09c-2.41 10.668 1.73 21.696 10.582 28.094 4.757 3.438 10.324 5.188 15.937 5.188 4.84 0 9.64-1.305 13.95-3.883l127.468-76.184 127.422 76.184c9.324 5.61 21.078 5.097 29.91-1.305a27.223 27.223 0 0 0 10.582-28.094l-32.937-145.09 111.699-97.94a27.224 27.224 0 0 0 7.98-28.927zm0 0' /%3E%3C/svg%3E");
}

.order-item {
    display: flex;
    flex-direction: row;
    margin-top: 2em;
    gap: 10em;
}

.order-info, .order-prods {
    width: calc(50% - 1em);
}

.cdek {
    background-color: #f7f8fa;
    margin-top: 1em;
    border-radius: 10px;
    padding: 1em;
    line-height: 1.75;
}

.cdek_logo {
    width: 75px;
}

.prod_list {
    display: flex;
    flex-direction: row;
    gap: 1em;
    margin-bottom: 1em;
}

.list_img {
    width: calc(100px + 1em);
    height: 100px;
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.list_info {
    /*width: calc(100% - 1em);*/
    align-items: center;
}

.list_info .params, .list_info .qua {
    color: #888;
    line-height: 1.5;
    margin-top: .5em;
    font-size: .85em;
}

.order-info .date {
    margin-bottom: 1em;
}

.order-info .section {
    line-height: 1.5;
}

.total {
    line-height: 2.5;
}

.status {
    padding: .5em 1em;
    border-radius: 10px;
    background-color: #f5f5f5;
    color: #888;
}

    .status18 {
        color: #fff;
        background-color: red;
    }

    .paid_item18, .rate-order18 {
        display: none;
    }

.paystatus {
    background-color: var(--color-primary);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
}

    .paystatus.paid_desc {
        background-color: #bababa;
    }

.source {
    background-color: #bababa;
    color: #fff;
    padding: 5px 7px;
    border-radius: 4px;
    font-size: .85em;
    margin-left: 1em;
}

.working_hours {
    background-color: #f5f5f5;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em 2em;
    margin: 1em 1.5em;
    gap: 1em;
}


.night_ico {
    width: 32px;
    height: 32px;
    background: transparent url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 499.712 499.712' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M146.88 375.528c126.272 0 228.624-102.368 228.624-228.64 0-55.952-20.16-107.136-53.52-146.88C425.056 33.096 499.696 129.64 499.696 243.704c0 141.392-114.608 256-256 256-114.064 0-210.608-74.64-243.696-177.712 39.744 33.376 90.944 53.536 146.88 53.536z' style='' fill='%23ffd93b' data-original='%23ffd93b'/%3E%3Cpath d='M401.92 42.776c34.24 43.504 54.816 98.272 54.816 157.952 0 141.392-114.608 256-256 256-59.68 0-114.448-20.576-157.952-54.816 46.848 59.472 119.344 97.792 200.928 97.792 141.392 0 256-114.608 256-256 0-81.584-38.32-154.064-97.792-200.928z' style='' fill='%23f4c534' data-original='%23f4c534'/%3E%3Cpath d='m128.128 99.944 26.368 53.456 58.976 8.56-42.672 41.6 10.064 58.736-52.736-27.728-52.752 27.728L85.44 203.56l-42.672-41.6 58.976-8.56zM276.864 82.84l13.664 27.712 30.576 4.432-22.128 21.568 5.232 30.432-27.344-14.368-27.344 14.368 5.232-30.432-22.128-21.568 30.576-4.432z' style='' fill='%23ffd83b' data-original='%23ffd83b'/%3E%3C/svg%3E") center left no-repeat;
}

.night_title {
    font-weight: 500;
}

.night_text {
    line-height: 1.5;
    text-align: left;
}

.pins {
    position: absolute;
    top: 1em;
    left: 1em;
    display: flex;
    gap: 1em;
}

    .pin {
        color: #fff;
        font-size: 1.25em;
        font-weight: 500;
        padding: 10px 15px;
        border-radius: 50px;
        user-select: none;
    }

    .pinInfo {
        display: none;
        position: absolute;
        top: 4.5em;
        left: 1em;
        background-color: rgba(0,0,0,.8);
        color: #fff;
        padding: 1em 1.5em;
        border-radius: 15px;
        line-height: 1.25;
        font-size: .91em;
    }

.energyTable {
    display: none;
    position: absolute;
    z-index: 10;
    right: -20px;
    top: 30px;
    /*transform: translateY(-45%);*/
    background-color: rgba(0,0,0,.85);
    color: #fff;
    padding: 1em;
    box-sizing: border;
    border-radius: 1em;
    font-size: .85em;
    user-select: none;
}

.e-title {
    white-space: nowrap;
    font-size: .8em;
    color: #888;
}

.e-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: .8em;
    margin-top: 8px;
    column-gap: 20px;
    white-space: nowrap;
    font-weight: 400;
}

.rating-area {
    overflow: hidden;
    /*width: 265px;*/
    margin: 0 auto;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 24px;
    padding: 0;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    color: lightgrey;
    /*text-shadow: 1px 1px #bbb;*/
}
.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: gold;
    /*text-shadow: 1px 1px #c60;*/
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: gold;
    /*text-shadow: 1px 1px goldenrod;*/
}
.rate-area > label:active {
    position: relative;
}

/*.close-modal {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 329.269 329' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M194.8 164.77 323.013 36.555c8.343-8.34 8.343-21.825 0-30.164-8.34-8.34-21.825-8.34-30.164 0L164.633 134.605 36.422 6.391c-8.344-8.34-21.824-8.34-30.164 0-8.344 8.34-8.344 21.824 0 30.164l128.21 128.215L6.259 292.984c-8.344 8.34-8.344 21.825 0 30.164a21.266 21.266 0 0 0 15.082 6.25c5.46 0 10.922-2.09 15.082-6.25l128.21-128.214 128.216 128.214a21.273 21.273 0 0 0 15.082 6.25c5.46 0 10.922-2.09 15.082-6.25 8.343-8.34 8.343-21.824 0-30.164zm0 0' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: rgba(6, 5, 50, 0.35) 0px 3px 15px;
    cursor: pointer;
}*/
.close-modal {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23000000' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 329.269 329' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M194.8 164.77 323.013 36.555c8.343-8.34 8.343-21.825 0-30.164-8.34-8.34-21.825-8.34-30.164 0L164.633 134.605 36.422 6.391c-8.344-8.34-21.824-8.34-30.164 0-8.344 8.34-8.344 21.824 0 30.164l128.21 128.215L6.259 292.984c-8.344 8.34-8.344 21.825 0 30.164a21.266 21.266 0 0 0 15.082 6.25c5.46 0 10.922-2.09 15.082-6.25l128.21-128.214 128.216 128.214a21.273 21.273 0 0 0 15.082 6.25c5.46 0 10.922-2.09 15.082-6.25 8.343-8.34 8.343-21.824 0-30.164zm0 0' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    /*box-shadow: rgba(6, 5, 50, 0.35) 0px 3px 15px;*/
    cursor: pointer;
    opacity: .5;
}

    .close-modal:hover {
        opacity: 1;
    }

    .mod-prod .close-modal  {
        top: .5em;
        right: .5em;
    }

.mob-cart {
    display: none;
}

.call_type {
    color: #888;
    margin: 1em 0;
}

.last4 {
    border: 1px solid #b50000;
    border-radius: 5px;
    padding: .15em;
}

@media all and (max-width:767px) {

    .profile-page {
        flex-direction: column;
    }

    .left-side, .right-side {
        width: 100%;
    }

    .profile-page .section input {
        max-width: 100%;
    }

    .order-item {
        flex-direction: column;
        gap: 1em;
    }

    .order-info, .order-prods {
        width: 100%;
    }

    .pin {
        font-size: .85em;
        padding: 6px 11px;
    }

    .popup-product .inner .cont,
    .popup-product .inner .cont.show {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-height: 100dvh;
        overflow-y: auto;
        border-radius: 0;
        transform: none;
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }

    .popup-product .mod-prod {
        padding-bottom: calc(1.5em + 74px + env(safe-area-inset-bottom));
    }

    .mob-cart {
        position: fixed;
        bottom: 1.5em;
        right: 1.5em;
        z-index: 1;
        display: block;
    }

    .mob-cart .cartbtn {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        display: block;
        box-sizing: border-box;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0.3200128674507141 2.337688446044922 63.39628219604492 59.341312408447266'%3E%3Cg%3E%3Cpath d='M25.308 61.679c-3.514 0-6.373-2.859-6.373-6.373s2.859-6.372 6.373-6.372 6.373 2.858 6.373 6.372-2.859 6.373-6.373 6.373zm0-8.745a2.375 2.375 0 0 0-2.373 2.372c0 1.309 1.064 2.373 2.373 2.373s2.373-1.064 2.373-2.373a2.375 2.375 0 0 0-2.373-2.372zM47.462 61.679c-3.514 0-6.372-2.859-6.372-6.373s2.858-6.372 6.372-6.372 6.373 2.858 6.373 6.372-2.86 6.373-6.373 6.373zm0-8.745a2.375 2.375 0 0 0-2.372 2.372 2.375 2.375 0 0 0 2.372 2.373 2.375 2.375 0 0 0 2.373-2.373 2.375 2.375 0 0 0-2.373-2.372zM52.128 43.994H20.709a6.482 6.482 0 0 1-6.35-5.061L7.838 10.456a1.264 1.264 0 0 0-.696-.86L1.733 7.089a2.5 2.5 0 0 1 2.102-4.536L9.244 5.06a6.293 6.293 0 0 1 3.468 4.28l6.521 28.479a1.506 1.506 0 0 0 1.476 1.176h31.419a1.51 1.51 0 0 0 1.476-1.171l5.07-21.813a1.488 1.488 0 0 0-.288-1.284 1.49 1.49 0 0 0-1.186-.572h-37a2.5 2.5 0 1 1 0-5h37c1.999 0 3.857.897 5.101 2.462s1.696 3.579 1.244 5.526l-5.071 21.814a6.489 6.489 0 0 1-6.346 5.037z' %3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        box-shadow: rgba(6, 5, 50, 0.35) 0px 3px 15px;
    }

    .mob-cart .cartbtn .cartnum {
        position: absolute;
        font-size: .8em;
        top: -5px;
        right: -5px;
        background-color: red;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 7px 4px;
        border-radius: 20px;
    }

    .mob-cart .cart-msg {
        top: auto;
        bottom: 0;
        right: calc(50px + 1em);
    }

    .mob-cart .cart-msg {
        font-size: .85em;
        padding: .5em 1em;
    }

    .mod-prod .close-modal {
        top: 1em;
        right: 1em;
    }
}


.banner-slide.mob {
    display: none;
}

@media all and (max-width:500px) {


    .banner-slide {
        display: none;
    }

    .banner-slide.mob {
        display: block;
    }
}


/* ===== Styles moved from template files ===== */

/* Source: omnisite.ru/templates/food_v2/legal/legal.tpl */
.legal {
	margin: 3em 0;
}

.legal-list {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.legal-list a {
    display: inline-flex;
    width: fit-content;
    font-size: 1.25em;
    font-weight: 500;
}

/* Source: omnisite.ru/templates/food_v2/pages/item.tpl */
.page {
	margin: 3em 0;
}

.page-content {
	display: flex;
	flex-direction: column;
	gap: 1em;
	line-height: 1.5;
	max-width: 800px;
}

.page-content h1 {
	font-weight: 500;
}

.caption {
	text-align: center;
	color: #888;
	font-size: .85em;
}

.image img {
	max-width: 100%;
}

.delimiter {
	font-weight: 600;
	text-align: center;
	font-size: 2em;
}

/* Source: omnisite.ru/templates/food_v2/404.tpl */
.content {
	/*height: 100%;*/
}

.error {
	display: flex;
	flex-direction: column;
	gap: 1em;
	text-align: center;
    align-items: center;
    margin-bottom: 3em;
    height: 100%;
    justify-content: center;
}

.error img {
	max-width: 300px;
}

.error h1 {
	margin: 0;
}

/* Source: omnisite.ru/templates/food_v2/main.tpl */
.banner-slide {
	/*width: 100%;*/
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/*display: none;*/
	cursor: pointer;
}

.banner-slide.loaded {
	/*display: block;*/
}

.slides {
	margin: 1em 0;
}

/* Source: omnisite.ru/templates/food_v2/orders/item.tpl */
.delivery-status {
margin-top: 1em;
padding: 1em;
border: 1px solid #dadbdc;
border-radius: 10px;
}

.delivery-status__steps {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
}

.delivery-status__step {
	display: inline-flex;
	align-items: center;
	color: #9fa2a6;
	font-size: 13px;
	flex-direction: column;
	gap: .5rem;
	flex: 1;
	min-width: 0;
}

.delivery-status__label {
	display: block;
	max-width: 100%;
	line-height: 1.25;
	text-align: center;
	word-break: break-word;
}

.delivery-status__dot {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #e5e5e5;
	position: relative;
}

.delivery-status__step--current .delivery-status__dot {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.delivery-status__step--current .delivery-status__label {
	color: #333;
	font-weight: 600;
	font-size: 13px;
}

.delivery-status__step--done .delivery-status__dot {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.delivery-status__step.delivery-status__step--done .delivery-status__dot, .delivery-status__step.delivery-status__step--current .delivery-status__dot {
	background-position: center;
	background-repeat: no-repeat;
}

.delivery-status__step.delivery-status__step--done[data-code="processing"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="processing"] .delivery-status__dot {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M12.005 18.5a6.5 6.5 0 1 1 5.31-10.25h-2.21a1.25 1.25 0 1 0 0 2.5h5.25a1.25 1.25 0 0 0 1.25-1.25V4.25a1.25 1.25 0 0 0-2.5 0v2.219a9 9 0 1 0 1.31 8.741c.282-.736-.313-1.46-1.1-1.46h-.1c-.56 0-1.041.38-1.27.892a6.501 6.501 0 0 1-5.94 3.858z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.delivery-status__step.delivery-status__step--done[data-code="accepted"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="accepted"] .delivery-status__dot {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' fill-rule='evenodd' class=''%3E%3Cg%3E%3Cpath d='M20.75 3v19a.75.75 0 0 1-1.173.619l-2.495-1.703-2.359 1.693a.748.748 0 0 1-.931-.045L12 20.997l-1.792 1.567a.748.748 0 0 1-.931.045l-2.359-1.693-2.495 1.703A.75.75 0 0 1 3.25 22V3c0-.966.783-1.75 1.75-1.75h14c.967 0 1.75.784 1.75 1.75zM8 10.75h8a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0 0 1.5zm0-4h8a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0 0 1.5zm0 8h4a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0 0 1.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.delivery-status__step.delivery-status__step--done[data-code="cooking"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="cooking"] .delivery-status__dot {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M6.148 6.383a.75.75 0 0 0-1.287-.77l-.398.664a1.75 1.75 0 0 0 .65 2.429l.053.03a.25.25 0 0 1 .093.347l-.398.665a.75.75 0 1 0 1.287.77l.398-.664a1.75 1.75 0 0 0-.65-2.43l-.054-.029a.25.25 0 0 1-.093-.347zM21.25 12.6h-2.04a1.25 1.25 0 0 0-.654.186l-1.886 1.158a.536.536 0 0 0-.247.418 4.25 4.25 0 0 1-4.237 3.907H6.25A4.25 4.25 0 0 1 2 14.02v-.35a.75.75 0 0 1 .75-.75h12.583a.5.5 0 0 0 .262-.075l2.176-1.336a2.75 2.75 0 0 1 1.439-.407h2.04a.75.75 0 0 1 0 1.5zM9.606 5.355a.75.75 0 0 1 .258 1.028l-.398.665a.25.25 0 0 0 .092.347l.054.03a1.75 1.75 0 0 1 .65 2.429l-.398.665a.75.75 0 0 1-1.287-.771l.399-.665a.25.25 0 0 0-.093-.347l-.054-.03a1.75 1.75 0 0 1-.65-2.429l.398-.665a.75.75 0 0 1 1.029-.257zM13.58 6.383a.75.75 0 0 0-1.286-.77l-.399.664a1.75 1.75 0 0 0 .65 2.429l.054.03a.25.25 0 0 1 .093.347l-.398.665a.75.75 0 1 0 1.286.77l.399-.664a1.75 1.75 0 0 0-.65-2.43l-.054-.029a.25.25 0 0 1-.093-.347z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.delivery-status__step.delivery-status__step--done[data-code="courier"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="courier"] .delivery-status__dot {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' aria-hidden='true' focusable='false' viewBox='0 0 20 20' data-testid='courier-icon'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8406 3.70878L15.3998 3.48265C15.9483 3.26086 16.2766 2.69555 16.1976 2.10925L13.6463 2.55964C13.3676 2.44121 13.0609 2.37569 12.739 2.37569C11.4564 2.37569 10.4167 3.41542 10.4167 4.69799C10.4167 5.98055 11.4564 7.02028 12.739 7.02028C14.0215 7.02028 15.0613 5.98055 15.0613 4.69799C15.0613 4.3442 14.9821 4.00889 14.8406 3.70878ZM2.6081 8.95287C3.0428 8.12283 3.91629 7.61696 4.85259 7.65302C5.24924 7.6683 5.71964 7.67608 6.2383 7.68465H6.23831C7.28303 7.70191 8.52358 7.72242 9.75189 7.81399C9.99581 11.0511 9.03862 13.0865 7.62519 14.4168L7.37519 16.1668C10.0698 14.4564 11.3143 11.5864 11.0076 7.93661C12.8004 8.15944 14.4044 8.59471 15.1176 9.47136C15.1686 9.53402 15.2045 9.60512 15.2276 9.68069C15.2498 9.72005 15.2705 9.77486 15.301 9.85591L15.301 9.85593L17.0191 14.4171C17.2488 15.0268 17.3636 15.3316 17.3753 15.6278C17.3905 16.0102 17.2856 16.3877 17.0754 16.7075C16.9126 16.9552 16.657 17.1571 16.1458 17.5609L16.1458 17.5609L14.6792 14.4242C14.4711 15.5467 14.2215 16.5675 13.9168 17.5582C12.6446 17.5582 10.7968 17.5371 9.324 17.5204L9.32358 17.5204L9.32319 17.5203H9.32308L9.32293 17.5203C8.34741 17.5092 7.53659 17.5 7.16683 17.5L7.37516 16.1667L3.04183 15.9167L3.75016 10.5833L2.12402 9.8772L2.6081 8.95287Z'%3E%3C/path%3E%3C/svg%3E");
}


.delivery-status__step.delivery-status__step--done[data-code="canceled"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="canceled"] .delivery-status__dot {
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 365.696 365.696' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.delivery-status__step.delivery-status__step--done[data-code="delivered"] .delivery-status__dot, .delivery-status__step.delivery-status__step--current[data-code="delivered"] .delivery-status__dot {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 170 170' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M66.01 142.58h.02c3.4 0 6.65-1.39 9-3.85l86.49-90.16c4.78-4.98 4.61-12.89-.37-17.67s-12.89-4.62-17.67.37l-77.5 80.78L26.49 71.1c-4.79-4.97-12.71-5.11-17.67-.32-4.97 4.79-5.11 12.71-.32 17.67l48.51 50.3a12.51 12.51 0 0 0 9 3.82z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.delivery-status__step--done .delivery-status__label {
	color: #4b4b4b;
}

.delivery-status--error .delivery-status__step--current .delivery-status__dot,
.delivery-status--canceled .delivery-status__step--current .delivery-status__dot {
	background-color: #c0392b;
}

.delivery-status--error .delivery-status__step--current .delivery-status__label,
.delivery-status--canceled .delivery-status__step--current .delivery-status__label {
color: #c0392b;
}

@media (max-width: 576px) {
	.delivery-status__steps {
		gap: .5rem;
	}

	.delivery-status__step,
	.delivery-status__step--current .delivery-status__label {
		font-size: 12px;
	}
}

.section.pay_from_orders {
margin-top: 1em;
padding: 1em;
        border: 1px solid #dadbdc;
        border-radius: 10px;
}

.section.pay_from_orders .pay_options {
        display: flex;
        flex-direction: column;
        gap: 0.5em;
}

.section.pay_from_orders .pay-item {
        border: 1px solid #dadbdc;
        border-radius: 8px;
        padding: 0.75em 1em;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0.5em;
}

.section.pay_from_orders .pay-item .radio {
        width: 14px;
        height: 14px;
        border-radius: 100%;
        border: 1px solid #dadbdc;
        display: inline-block;
}

.section.pay_from_orders .pay-item.current {
        border-color: var(--color-primary);
        /*background: #fffaf0;*/
}

.section.pay_from_orders .pay-item.current .radio {
        border-color: var(--color-primary);
        background: var(--color-primary);
}

.section.pay_from_orders .pay_actions {
        margin-top: 1em;
}

.section.pay_from_orders .pay_retry {
        margin-bottom: 0.5em;
        font-weight: 600;
}

/* Source: omnisite.ru/templates/food_v2/product-id.tpl */
.mod-prod {
        /*background: #fff;*/
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        max-height: 100%;
        animation: 0.2s fadeIn ease;
        padding: 2.5em;
        gap: 2.5em;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    /*max-width: 100%;*/
}

.photo {
	width: 55%;
	max-width: 400px;
	position: sticky;
	top: 2.5em;
	align-self: flex-start;
}

	.photo .prodImg {
		margin-bottom: 0;
	}

.prod-info {
/*	width: 100%;
	max-width: 500px;*/
	width: 45%;
}

.prodImg {
	margin-bottom: 1em;
}

.prod-price {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 1.2em;
}

.prod-name {
	position: relative;
	font-size: 1.35em;
	font-weight: 500;
	margin-bottom: 1em;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.energy-info {
	display: inline-flex;
	width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23888' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 330 330' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M165 0C74.019 0 0 74.02 0 165.001 0 255.982 74.019 330 165 330s165-74.018 165-164.999S255.981 0 165 0zm0 300c-74.44 0-135-60.56-135-134.999S90.56 30 165 30s135 60.562 135 135.001C300 239.44 239.439 300 165 300z' /%3E%3Cpath d='M164.998 70c-11.026 0-19.996 8.976-19.996 20.009 0 11.023 8.97 19.991 19.996 19.991 11.026 0 19.996-8.968 19.996-19.991 0-11.033-8.97-20.009-19.996-20.009zM165 140c-8.284 0-15 6.716-15 15v90c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-90c0-8.284-6.716-15-15-15z' /%3E%3C/svg%3E");
    cursor: pointer;
}

.modif {
	margin-bottom: 1em;
}

.modif-title {
	margin-bottom: 1em;
}

.mod-items {
	display: flex;
	flex-direction: column;
}

.mod-prod__close {
	position: sticky;
	top: .5em;
	display: flex;
	justify-content: flex-end;
	z-index: 6;
}

	.horizontal .mod-items {
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: nowrap;

		background-color: #eee;
		padding: .35em;
		box-sizing: border-box;
		border-radius: 10px;
		width: 100%;
		line-height: 41px;
	}

		.horizontal .mod-items .mod-val {
			display: flex;
			/* background: #fff; */
			width: 100%;
			align-items: center;
			justify-content: center;
			border-radius: 8px;
			user-select: none;
		}

			.horizontal .mod-items .mod-val.current {
				background-color: #fff;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
			}

.horizontal .price, .horizontal .img {
	display: none;
}

.znak {
	display: none;
}

.show_znak .znak {
	display: inline-block;
}

.show_img .img {
	/*padding: 1em;*/
}

	.mod-img-inn {
	    background-color: #f5f5f5;
	    padding-top: 100%;
	    border-radius: 5px;
	    background-position: center;
	    background-color: transparent;
	    background-size: cover;
	}

.show_img .mod-items {
        flex-direction: row;
        /*justify-content: space-evenly;*/
    flex-wrap: wrap;
    gap: 1em;
}

.no-img .img {
        display: none;
}

.no-img .mod-name {
        margin-top: 0;
}

.modif.no-img.text-mod .mod-items {
    gap: .5em;
}

.modif.no-img.text-mod .mod-val {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .85em 1em;
    background-color: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 10px;
    box-sizing: border-box;
    transition: all .15s ease;
}

.modif.no-img.text-mod .mod-name {
    flex: 1;
    margin: 0;
    font-size: 1em;
    font-weight: 500;
}

.modif.no-img.text-mod .mod-val .price {
    margin-top: 0;
    font-weight: 600;
}

.modif.no-img.text-mod .mod-val.current {
    background-color: #fff;
    border-color: var(--color-primary);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.mod-val {
        cursor: pointer;
}

	.mod-val .price {
		color: #03af03;
		margin-top: .5em;
	}

	.show_img .mod-name {
		margin-top: 1em;
	}

	.show_img .mod-val {
		font-size: 1.25em;
	}

.show_img .mod-items .mod-val {
    position: relative;
	/*flex-grow: 0;*/
	/*flex-basis: 29%;*/
    width: calc(33.33333% - 1em);
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;
    border-radius: 10px;
    font-size: 0.75em;
    text-align: center;
    margin-bottom: 0;
    display: inline;
    padding: 1em;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: all .15s ease;
    user-select: none;
}

	.show_img .mod-items .mod-val.current {
		border-color: var(--color-primary);
	}

	.show_img .mod-items .mod-val.current .mod-done {
		opacity: 1;
	}

.mod-val.default {
	background-color: #fff !important;
}

.mod-val.default.current {
	background-color: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: none !important;
}

	.mod-val.default .check {
		display: flex;
		margin-right: 1em;
	}

	.mod-val.default .check span {
		width: 20px;
		height: 20px;
		background-color: #eee;
		border-radius: 100px;
		box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
	}

	.mod-val.default.current .check span {
		background-color: var(--color-primary) !important;
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' %3E%3Cg%3E%3Cpath d='M511.877 117.167a42.739 42.739 0 0 1-12.6 30.419L228.011 418.854a65.095 65.095 0 0 1-91.924 0L12.72 295.486a43.021 43.021 0 1 1 60.841-60.84l108.488 108.489L438.44 86.745a43.017 43.017 0 0 1 73.437 30.422z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
	}

.description {
	font-size: 1.1em;
	line-height: 1.5;
	padding-bottom: 2em;
}

.mod-done {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0;
    transition: all .15s ease;
}

	.mod-done svg {
		fill: var(--color-primary);
	}

.prod-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
	background-color: #fff;
	padding: 1em 1.25em;
}

        .btn-cart {
                background-color: var(--color-primary);
                color: #fff;
                padding: 1em 1.25em;
                box-sizing: border-box;
                height: 50px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                user-select: none;
        }

        .btn-cart--disabled {
                background-color: #d0d0d0;
                color: #fff;
                cursor: default;
                pointer-events: none;
        }

	.btn-cart.loading {
		color: transparent;
		background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
	}

@media all and (max-width:767px) {

	.mod-prod {
		flex-direction: column;
		padding: 1.5em 1.5em calc(1.5em + 50px);
	}

    .photo, .prod-info {
        width: 100%;
		margin: 0 auto;
    }

	.photo {
		position: static;
		top: auto;
		align-self: stretch;
	}

    .btn-cart-out {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: .75em 1.5em;
		background-color: rgba(255, 255, 255, 0.75);
		backdrop-filter: blur(20px);
    }

}


/* ===== Additional styles moved from template files ===== */

/* Source: omnisite.ru/templates/food_v2/cart/cart-shell.tpl */
.gocheck {
	padding: 0 1.5em;
}

.gocheck {
	margin-bottom: 1.5em;
}

	.gocheck .btn {
		width: 100%;
		padding: 1em 1.25em;
	}

.cart-wrap {
	display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
}

.cart-panel__empty {
	margin: 0 1em 1em;
	text-align: left;
	font-size: 1.1em;
	font-weight: 500;
	color: #888;
}

.cart-wrap--empty .cart-checkout__actions.comment {
	padding-top: 0;
}
	.cart-wrap.emp {
		justify-content: center;
	}

	.cart-wrap h3 {
		margin: 1.5em;
	}

.copyright {
	/*padding-bottom: 1.5em;*/
}
.empty {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box;
    height: 100%;
}

.empty .ico {
	display: inline-flex;
	width: 50px;
	height: 50px;
	/*background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' fill='%23f5f5f5' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M504.399 185.065c-6.761-8.482-16.904-13.348-27.83-13.348h-98.604L324.496 49.284c-3.315-7.591-12.157-11.06-19.749-7.743-7.592 3.315-11.059 12.158-7.743 19.75l48.225 110.427H166.771l48.225-110.427c3.315-7.592-.151-16.434-7.743-19.75-7.591-3.317-16.434.15-19.749 7.743l-53.469 122.434H35.431c-10.926 0-21.069 4.865-27.83 13.348C.964 193.394-1.485 204.1.882 214.442l52.657 230c3.677 16.06 17.884 27.276 34.549 27.276h335.824c16.665 0 30.872-11.216 34.549-27.276l52.657-230.001c2.367-10.342-.082-21.048-6.719-29.376zm-80.487 256.652H88.088c-2.547 0-4.778-1.67-5.305-3.972L30.126 207.747c-.413-1.805.28-3.163.936-3.984.608-.764 1.985-2.045 4.369-2.045h85.503l-3.929 8.997c-3.315 7.592.151 16.434 7.743 19.75a14.935 14.935 0 0 0 5.995 1.258c5.782 0 11.292-3.363 13.754-9l9.173-21.003h204.662l9.173 21.003c2.462 5.638 7.972 9 13.754 9 2.004 0 4.041-.404 5.995-1.258 7.592-3.315 11.059-12.158 7.743-19.75l-3.929-8.997h85.503c2.384 0 3.761 1.281 4.369 2.045.655.822 1.349 2.18.936 3.983l-52.657 230c-.528 2.301-2.76 3.971-5.307 3.971z'/%3E%3Cpath d='M166 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c0-8.284-6.715-15-15-15zM256 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c0-8.284-6.716-15-15-15zM346 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c-.001-8.284-6.716-15-15-15z' /%3E%3C/svg%3E");*/
	margin-bottom: 1em;
}

	.empty .ico svg {
		fill: #d3d3d3;
	}

.empty .text {
	font-size: 1.25em;
}


.modal-cont-cart {
	width: 100%;
	height: 100%;
}
.cart-inner {
	background: #fff;
	width: 100%;
	height: 100%;
}

.total {
	padding: 0 0 1.5em;
    box-sizing: border-box;
}

.total .item {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: .5em 0;
}

.cart-items {
	margin: 0 1em 1em;
}

.cart-item {
	display: flex;
	flex-direction: row;
	gap: 1em;
	text-align: left;
	padding: .5em 0;
	border-bottom: 1px solid #eee;
	align-items: flex-start;
}

	.cart-item:last-child {
		border-color: transparent;
	}

    .cart-item .info .qua {
        display: none;
    }

.cart-item--unavailable {
	color: #9fa4ad;
}

.cart-item--unavailable .prodImg {
	filter: grayscale(1);
	opacity: .6;
}

.cart-item--unavailable .name {
	color: inherit;
}

.cart-item__stock-note {
	margin-top: .25em;
	font-size: .9em;
	font-weight: 600;
}

.cart-item .photo {
	flex: 0 0 65px;
	width: 65px;
}

.cart-item .info {
	font-size: .9rem;
	line-height: 1.5;
	flex: 1 1 auto;
}

.cart-item .name {
	font-size: 1em;
}

.cart-item .price {
	font-weight: 500;
}

.cart-item .info-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: .75em;
    margin-top: 1em;
}

.btns {
	display: flex;
	align-items: flex-end;
}

.quas {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.cart-item__delete {
	display: inline-flex;
	margin-left: .75em;
}

.cart-wrap .qua, .cart-wrap .modif {
	color: #888;
	font-size: .9em;
}

.cart-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5em;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s ease, visibility .2s ease;
}

.cart-modal.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.cart-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .25);
	opacity: 0;
	transition: opacity .2s ease;
}

.cart-modal.is-visible .cart-modal__backdrop {
	opacity: 1;
}

.cart-modal__dialog {
	position: relative;
	background: #f8f6f3;
	border-radius: 24px;
	padding: 1.5em;
	width: min(400px, 92vw);
	max-height: 90vh;
	display: flex;
	flex-direction: column;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
	z-index: 1;
	pointer-events: auto;
	transform: translateY(16px);
	transition: transform .2s ease;
}

.cart-modal.is-visible .cart-modal__dialog {
	transform: translateY(0);
}

.cart-modal__title {
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: .75em;
}

.cart-modal__body {
	display: flex;
	flex-direction: column;
	gap: .75em;
	overflow-y: auto;
	padding-right: .25em;
	line-height: 1.5;
	/*margin-bottom: 1.25em;*/
}

.cart-modal__body textarea,
.cart-modal__body input {
	width: 100%;
	border-radius: 14px;
	/*border: 1px solid #e0e0e0;*/
	border: 0;
	background: #e5e5e5;
	padding: .9em 1em;
	font-size: 1em;
	box-sizing: border-box;
}

.cart-modal__submit {
	width: 100%;
	padding: .85em 1em;
	border-radius: 999px;
	margin-top: 1em;
}

.cart-modal__close {
	position: absolute;
	right: 1em;
	top: 1em;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: #f1ede8;
	cursor: pointer;
}

.cart-modal__close::before,
.cart-modal__close::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 2px;
	background: #333;
}

.cart-modal__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.cart-modal__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.delete {
	display: inline-block;
	width: 20px;
	height: 20px;
	
	cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23888' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cpath fill-rule='evenodd' d='M10.31 2.25h3.38c.217 0 .406 0 .584.028a2.25 2.25 0 0 1 1.64 1.183c.084.16.143.339.212.544l.111.335a1.25 1.25 0 0 0 1.263.91h3a.75.75 0 0 1 0 1.5h-17a.75.75 0 0 1 0-1.5h3.09a1.25 1.25 0 0 0 1.173-.91l.112-.335c.068-.205.127-.384.21-.544a2.25 2.25 0 0 1 1.641-1.183c.178-.028.367-.028.583-.028zm-1.302 3a2.757 2.757 0 0 0 .175-.428l.1-.3c.091-.273.112-.328.133-.368a.75.75 0 0 1 .547-.395c.045-.007.104-.009.392-.009h3.29c.288 0 .348.002.392.01a.75.75 0 0 1 .547.394c.021.04.042.095.133.369l.1.3.039.112c.039.109.085.214.136.315z' clip-rule='evenodd' %3E%3C/path%3E%3Cpath d='M5.915 8.45a.75.75 0 1 0-1.497.1l.464 6.952c.085 1.282.154 2.318.316 3.132.169.845.455 1.551 1.047 2.104.591.554 1.315.793 2.17.905.822.107 1.86.107 3.146.107h.879c1.285 0 2.324 0 3.146-.107.854-.112 1.578-.351 2.17-.905.591-.553.877-1.26 1.046-2.104.162-.813.23-1.85.316-3.132l.464-6.952a.75.75 0 0 0-1.497-.1l-.46 6.9c-.09 1.347-.154 2.285-.294 2.99-.137.685-.327 1.047-.6 1.303-.274.256-.648.422-1.34.512-.713.093-1.653.095-3.004.095h-.774c-1.35 0-2.29-.002-3.004-.095-.692-.09-1.066-.256-1.34-.512-.273-.256-.463-.618-.6-1.303-.14-.705-.204-1.643-.294-2.99z' %3E%3C/path%3E%3Cpath d='M9.425 10.254a.75.75 0 0 1 .821.671l.5 5a.75.75 0 0 1-1.492.15l-.5-5a.75.75 0 0 1 .671-.821zM14.575 10.254a.75.75 0 0 1 .671.82l-.5 5a.75.75 0 0 1-1.492-.149l.5-5a.75.75 0 0 1 .82-.671z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

	.delete.loading, .delta.loading {
		color: transparent;
		background: transparent url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23417fc6'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
	}

.delta {
	display: inline-flex;
    justify-content: center;
    align-items: center;
	min-width: 25px;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	background-color: #eee;
	font-size: .9rem;
	font-weight: 600;
}

	.delta.prodqua {
		font-size: 1rem;
		font-weight: 500;
		background: transparent;
		cursor: default;
	}

/* Source: omnisite.ru/templates/food_v2/modal/product.tpl */
.mod-prod {
        /*background: #fff;*/
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        max-height: 100%;
        animation: 0.2s fadeIn ease;
        padding: 2.5em;
        gap: 2.5em;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    /*max-width: 100%;*/
}

.mod-prod__drag {
	display: none;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 0.5em 0 0.75em;
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 5;
}

.mod-prod__drag-line {
	width: 48px;
	height: 5px;
	border-radius: 999px;
	background-color: #d6d6d6;
}

.mod-prod__close {
	position: sticky;
	top: .5em;
	display: flex;
	justify-content: flex-end;
	z-index: 6;
}

.photo {
	width: 55%;
	max-width: 400px;
	position: sticky;
	top: 2.5em;
	align-self: flex-start;
}

	.photo .prodImg {
		margin-bottom: 0;
	}

.prod-info {
/*	width: 100%;
	max-width: 500px;*/
	width: 45%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.prodImg {
	margin-bottom: 1em;
}

.prod-price {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 1.2em;
}

.prod-name {
	position: relative;
	font-size: 1.35em;
	font-weight: 500;
	margin-bottom: 1em;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.energy-info {
	display: inline-flex;
	width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='%23888' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 330 330' style='enable-background:new 0 0 512 512'%3E%3Cpath d='M165 0C74.019 0 0 74.02 0 165.001 0 255.982 74.019 330 165 330s165-74.018 165-164.999S255.981 0 165 0zm0 300c-74.44 0-135-60.56-135-134.999S90.56 30 165 30s135 60.562 135 135.001C300 239.44 239.439 300 165 300z' /%3E%3Cpath d='M164.998 70c-11.026 0-19.996 8.976-19.996 20.009 0 11.023 8.97 19.991 19.996 19.991 11.026 0 19.996-8.968 19.996-19.991 0-11.033-8.97-20.009-19.996-20.009zM165 140c-8.284 0-15 6.716-15 15v90c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-90c0-8.284-6.716-15-15-15z' /%3E%3C/svg%3E");
    cursor: pointer;
}

.modif {
	margin-bottom: 1em;
}

.modif-title {
	margin-bottom: 1em;
}

.mod-items {
	display: flex;
	flex-direction: column;
}

	.horizontal .mod-items {
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: nowrap;

		background-color: #eee;
		padding: .35em;
		box-sizing: border-box;
		border-radius: 10px;
		width: 100%;
		line-height: 41px;
	}

		.horizontal .mod-items .mod-val {
			display: flex;
			/* background: #fff; */
			width: 100%;
			align-items: center;
			justify-content: center;
			border-radius: 8px;
			user-select: none;
		}

			.horizontal .mod-items .mod-val.current {
				background-color: #fff;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
			}

.horizontal .price, .horizontal .img {
	display: none;
}

.znak {
	display: none;
}

.show_znak .znak {
	display: inline-block;
}

.show_img .img {
	/*padding: 1em;*/
}

	.mod-img-inn {
	    background-color: #f5f5f5;
	    padding-top: 100%;
	    border-radius: 5px;
	    background-position: center;
	    background-color: transparent;
	    background-size: cover;
	}

.show_img .mod-items {
        flex-direction: row;
        /*justify-content: space-evenly;*/
    flex-wrap: wrap;
    gap: 1em;
}

.no-img .img {
        display: none;
}

.no-img .mod-name {
        margin-top: 0;
}

.modif.no-img.text-mod .mod-items {
    gap: .5em;
}

.modif.no-img.text-mod .mod-val {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .85em 1em;
    background-color: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 10px;
    box-sizing: border-box;
    transition: all .15s ease;
}

.modif.no-img.text-mod .mod-name {
    flex: 1;
    margin: 0;
    font-size: 1em;
    font-weight: 500;
}

.modif.no-img.text-mod .mod-val .price {
    margin-top: 0;
    font-weight: 600;
}

.modif.no-img.text-mod .mod-val.current {
    background-color: #fff;
    border-color: var(--color-primary);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

.mod-val {
        cursor: pointer;
}

	.mod-val .price {
		color: #03af03;
		margin-top: .5em;
	}

	.show_img .mod-name {
		margin-top: 1em;
	}

	.show_img .mod-val {
		font-size: 1.25em;
	}

.show_img .mod-items .mod-val {
    position: relative;
	/*flex-grow: 0;*/
	/*flex-basis: 29%;*/
    width: calc(33.33333% - 1em);
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;
    border-radius: 10px;
    font-size: 0.75em;
    text-align: center;
    margin-bottom: 0;
    display: inline;
    padding: 1em;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: all .15s ease;
    user-select: none;
}

	.show_img .mod-items .mod-val.current {
		border-color: var(--color-primary);
	}

	.show_img .mod-items .mod-val.current .mod-done {
		opacity: 1;
	}

.mod-val.default {
	background-color: #fff !important;
}

.mod-val.default.current {
	background-color: #fff !important;
    border: 1px solid #ededed !important;
    box-shadow: none !important;
}

	.mod-val.default .check {
		display: flex;
		margin-right: 1em;
	}

	.mod-val.default .check span {
		width: 20px;
		height: 20px;
		background-color: #eee;
		border-radius: 100px;
		box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.05);
	}

	.mod-val.default.current .check span {
		background-color: var(--color-primary) !important;
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23fff' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' %3E%3Cg%3E%3Cpath d='M511.877 117.167a42.739 42.739 0 0 1-12.6 30.419L228.011 418.854a65.095 65.095 0 0 1-91.924 0L12.72 295.486a43.021 43.021 0 1 1 60.841-60.84l108.488 108.489L438.44 86.745a43.017 43.017 0 0 1 73.437 30.422z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
	}

.description {
	font-size: 1.1em;
	line-height: 1.5;
	padding-bottom: 2em;
}

.mod-done {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0;
    transition: all .15s ease;
}

	.mod-done svg {
		fill: var(--color-primary);
	}

.prod-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
	background-color: #fff;
	padding: 1em 1.25em;
}

	.btn-cart-out {
		position: sticky;
		bottom: 0;
		padding: 1em 0 0;
		background-color: #fff;
		margin-top: auto;
		z-index: 1;
	}

        .btn-cart {
                background-color: var(--color-primary);
                color: #fff;
                padding: 1em 1.25em;
                box-sizing: border-box;
                height: 50px;
                border-radius: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                user-select: none;
        }

        .btn-cart--disabled {
                background-color: #d0d0d0;
                color: #fff;
                cursor: default;
                pointer-events: none;
        }

	.btn-cart.loading {
		color: transparent;
		background: var(--color-primary) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.4' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat;
	}

@media all and (max-width:767px) {

	.mod-prod {
		flex-direction: column;
		padding: 0 1.5em calc(1.5em + 50px);
	}

	.mod-prod__drag {
		display: flex;
	}

    .photo, .prod-info {
        width: 100%;
		margin: 0 auto;
    }

    .prod-info {
        padding-bottom: 70px;
    }

	.photo {
		position: static;
		top: auto;
		align-self: stretch;
	}

    .btn-cart-out {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0 1.5em .75em;
		background-color: rgba(255, 255, 255, 0.75);
		backdrop-filter: blur(20px);
    }

    .btn-cart-out:before {
	    content: "";
	    position: absolute;
	    top: -34px;
	    right: 0px;
	    left: 0px;
	    display: block;
	    height: 34px;
	    background: linear-gradient(rgba(250, 255, 255, 0) 0%, rgb(250, 255, 255) 100%);
    }

}

@media (max-width: 768px) {

    .app-download-banner__inner {
        max-width: 100% !important;
    }

    .app-download-banner {
        padding: 1.25em;
    }

    .app-download-banner__links {
        flex-direction: row;
    }

    .app-download-banner__qr {
        display: none;
    }

    .foot-bot {
        flex-direction: column;
    }

    .foot-links {
        justify-content: center;
    }

    .section.logout {
        margin-top: 0 !important;
    }

    .foot-bot .platforma {
        text-align: center;
    }

}

@media (max-width: 500px) {

    .app-download-banner__header {
        flex-direction: column;
    }

}