#cart{
    background: #252f35 url(https://vexar.io/templates/Domain/img/cart.svg) no-repeat 10px center;
    background-size: 21px;
    color: #fff;
    padding: 10px 10px 10px 40px;
    border-radius: 20px 0 0 20px;
    white-space: nowrap;
    position: fixed;
    top: 13%;
    left: calc(100% - 39px);
}
.count_in_cart{
    background: #c71616;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 25px;
    display: grid;
    align-items: center;
    text-align: center;
    font-size: 13px;
}
#cart:hover{
    left: inherit;
    right: 0;
}
.cart_separate{
    margin: 0 4px;
    color: #768893;
    display: none;
}
.vxr-empty-cart{
    padding: 2rem;
}
.vxr-fly-img {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    border-radius: 8px;
    transition: transform 0.8s cubic-bezier(0.4,0,0.2,1), opacity 0.8s;
}
#vxr-cart-modal{
    width: 80%;
    font-size: 14px;
}
.vxr-cart-table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.vxr-cart-table tr th:first-child, .vxr-cart-table tr td:first-child{
    text-align: left;
}
.vxr-cart-table th{
    background: #e1e9f3;
    color: #71859b;
    font-weight: 300;
    padding: 6px 10px;
    border-bottom: 1px solid #e5ecf3;
}
.vxr-cart-table td{
    padding: 10px;
    border-bottom: 1px solid #e5ecf3;
}
.vxr-modal-header{
    background: #8db3d924;
    border-radius: 6px 6px 0 0;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vxr-modal-header h4{
    font-size: 1.2rem;
    font-weight: 400;
}
.vxr-modal-close{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGcgZGF0YS1uYW1lPSIwMiBVc2VyIj48cGF0aCBkPSJNMjUgNTEyYTI1IDI1IDAgMCAxLTE3LjY4LTQyLjY4bDQ2Mi00NjJhMjUgMjUgMCAwIDEgMzUuMzYgMzUuMzZsLTQ2MiA0NjJBMjQuOTMgMjQuOTMgMCAwIDEgMjUgNTEyeiIgZmlsbD0iIzEzMjIzNiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Ik00ODcgNTEyYTI0LjkzIDI0LjkzIDAgMCAxLTE3LjY4LTcuMzJsLTQ2Mi00NjJBMjUgMjUgMCAwIDEgNDIuNjggNy4zMmw0NjIgNDYyQTI1IDI1IDAgMCAxIDQ4NyA1MTJ6IiBmaWxsPSIjMTMyMjM2IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) no-repeat center center;
    background-size: 16px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.7;
    cursor: pointer;
}
.vxr-remove-item{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTIxIDVIM2ExIDEgMCAwIDAgMCAyaDJ2MTJhMyAzIDAgMCAwIDMgM2g4YTMgMyAwIDAgMCAzLTNWN2gyYTEgMSAwIDAgMCAwLTJ6TTExIDE2YTEgMSAwIDAgMS0yIDB2LTVhMSAxIDAgMCAxIDIgMHptNCAwYTEgMSAwIDAgMS0yIDB2LTVhMSAxIDAgMCAxIDIgMHpNMTAgNGg0YTEgMSAwIDAgMCAwLTJoLTRhMSAxIDAgMCAwIDAgMnoiIGZpbGw9IiNmZjQyNDIiPjwvcGF0aD48L2c+PC9zdmc+) no-repeat center center;
    background-size: 22px;
    width: 22px;
    height: 22px;
    display: block;
    opacity: 0.7;
    cursor: pointer;
}
.vxr-modal-close:hover, .vxr-remove-item:hover{
    opacity: 1;
}
.qty-counter{
    display: flex;
    justify-content: center;
    gap: 5px;
}
.qty-counter button{
    background: #a3b3c5;
    color: #fff;
    border: none;
    padding: 4px 10px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 30px;
}
.qty-counter button:hover{
    background: #778ba2;
}
.qty-counter input{
    padding: 4px;
    min-width: 40px;
    margin: 0;
    text-align: center;
    border-radius: 0;
    -moz-appearance: textfield;
}
.qty-counter input::-webkit-inner-spin-button,
.qty-counter input::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.vxr-goods-info{
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    align-items: center;
}
.vxr-goods-info h3{
    font-size: 15px;
    font-weight: 500;
}
.vxr-goods-info h3 a{
    color: #0b8cdd;
}
.vxr-selected-options{
    margin-top: 4px;
}
.vxr-selected-options > div{
    position: relative;
    font-size: 13px;
    padding: 1px 0 1px 15px;
    color: #4d5762;
}
.vxr-selected-options > div:before{
    content: "";
    background: #89939f;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    position: absolute;
    top: 7px;
    left: 0;
}
.vxr-cart-footer{
    background: #f5f8fb;
    padding: 10px;
    text-align: right;
}
.vxr-cart-total{
    font-size: 16px;
    margin: 10px 0 15px;
}
.vxr-total-sum{
    font-weight: 600;
}
.vxr-clear-cart, .vxr-checkout{
    background: #a3b3c5;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.vxr-clear-cart:hover{background:#778ba2}
.vxr-checkout:hover{background:#24303d}
.vxr-checkout{background:#435161}
.vxr-cart-discount{
    margin: -10px 0 10px;
    color: #435161;
    font-weight: 500;
}
.product_discount{
    color: #435161;
    font-size: 13px;
}