body.noscroll {
    overflow: hidden;
}

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);
}

    .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;
}

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) 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;
        opacity: 0;
        transition: all .15s ease;
        padding: 3em;
        box-sizing: border-box;
        text-align: center;
        overflow: auto;
    }

        .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;
        transition: opacity .3s ease;
        height: fit-content;

        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        max-width: 800px;
        box-sizing: border-box;
        width: 100%;
        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.show {
            opacity: 1;
        }

    .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: 500px;
        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%);
        }

.header-mob {
    display: none;
}

.pop-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: scroll;
    background-color: #000;
    z-index: 10000;
}

.pop-menu.show {
    display: block;
}

.pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: transparent url("data:image/svg+xml,%3Csvg fill='%23fff' 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;
}

.pop-head {
    border-bottom: 1px solid rgba(255,255,255,.15);
    padding: 15px 45px;
}

.pop-head a {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    background: transparent url("data:image/svg+xml,%3Csvg fill='%23fff' 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;
    padding-left: 25px;
}

.pop-bot {
    border-top: 1px solid rgba(255,255,255,.15);
    padding: 15px 45px;
}

.pop-cont {
    
}

.pop-cont a, .pop-cont span {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 45px;
}

.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;
    }

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

    .mmenu {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: transparent url("data:image/svg+xml,%3Csvg fill='%23000000' width='26' height='26' 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='M29 8H3a2 2 0 0 1 0-4h26a2 2 0 0 1 0 4zM29 28H3a2 2 0 0 1 0-4h26a2 2 0 0 1 0 4zM29 18H3a2 2 0 0 1 0-4h26a2 2 0 0 1 0 4z' /%3E%3C/svg%3E") center no-repeat;
    }

}

.footer {
    background-color: #181818;
    color: #fff;
    padding: 30px 0;
}

.footer a {
    color: #fff;
}

.foot-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.links a {
    display: inline-block;
    margin: 0 1em 1em 0;
    white-space: nowrap;
}

.soc {
    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");
    }

.foot-apps {
    text-align: right;
}

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

.foot-phone {
    font-size: 30px;
    font-weight: 500;
    background: transparent 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 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;
    margin-top: 10px;
    display: inline-block;
}

.foot-bot {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,.15);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    opacity: .7;
}

.copyright {
    margin-right: 1em;
}

.urlico {
    margin-top: 1em;
    line-height: 1.5;
}

.platforma {
    display: inline-flex;
    align-items: flex-end;
}

.platforma a {
    white-space: nowrap;
    font-size: .85em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.platforma img {
    width: 100px;
    margin-left: 5px;
}

.header {
    display: flex;
    flex-direction: column;
}

.topline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 10px;
    box-sizing: border-box;
}

.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 {
    padding: 8px 20px;
    background-color: #eee;
    border-radius: 40px;
    cursor: pointer;
    user-select: none;
    transition: all .15s ease;
}

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

.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;
    }

.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 );
}

.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%;
    padding-top: 100%;
    border-radius: 8px;
    margin-bottom: 1em;
    transition: all .25s ease;
    cursor: pointer;
}

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

    .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;
}

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

.addcart {
    display: inline-block;
    font-size: 16px;
    background-color: #eee;
    padding: 8px 20px;
    border-radius: 40px;
    user-select: none;
    white-space: nowrap;
}

.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) {

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

}

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

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

    .header {
        display: none;
    }

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

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

    .platforma {
        margin-top: 1em;
    }

    .platforma a {
        display: inline-flex;
    }

    .cart {
        display: none;
    }

    .menu-inn {
        padding: 0;
    }

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

    .menu-list {
        background-color: #eee;
        border-radius: 30px;
        padding: 8px 20px;
        font-size: 0.85em;
    }

}

@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;
    }

    .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;
    }

}























.footer1 {
	background-color: #f7f8fa;
	padding: 30px 20px;
}

.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;
    }

/*.info {
    max-width: 1000px;
    padding: 30px 20px;
}

    .info h2 {
        display: block;
        padding: 0;
        margin: 0 0 30px;
        font-size: 30px;
        line-height: 1.05;
        font-weight: 500;
        margin-bottom: .35em;
    }

    .info.items {
        max-width: 100%;
    }*/


.grey_btn {
    padding: 8px 20px;
    background-color: #eee;
    color: #555;
    font-weight: 500;
    border-radius: 40px;
    cursor: pointer;
    user-select: none;
    transition: all .15s ease;
}

    .grey_btn:hover {
        background-color: #e5e5e5;
    }

.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;
}

.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;
}

    .checkout .working_hours {
        margin: 0 0 2em;
    }

.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;
}

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

.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 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .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;
    }
}