/* Minification failed. Returning unminified contents.
(3,62): run-time error CSS1046: Expect comma, found '120'
(3,70): run-time error CSS1046: Expect comma, found '/'
(6,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21,81): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(21,148): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22,116): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(23,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26,94): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36,56): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(36,120): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37,55): run-time error CSS1039: Token not allowed after unary operator: '-red'
(39,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(39,139): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60,106): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64,78): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69,96): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(76,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(78,89): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(79,93): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(83,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(84,116): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86,133): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87,150): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(89,53): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(95,92): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(100,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(148,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(163,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(186,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(201,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(201,109): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(240,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
/* WHITE MENU - CART */

.cart {background: #fff; box-shadow: 0px 1px 3px 0px rgb(120 120 120 / 31%); border-radius: 5px; height: 100%; display: block; width: 300px; position: -webkit-sticky; position: sticky; top: 10px;}
.cart .cart-header {border-bottom: 1px solid #f3f3f3; padding: 10px 15px;}
.cart .cart-header > h3 {font-size: 1.375rem; font-weight: 700;}
.cart .cart-header > a {margin-right: auto; color: var(--primary-color);}
.cart .cart-list {padding: 10px; max-height: 275px; overflow-y: auto;}
.cart .cart-list::-webkit-scrollbar {width: 5px; height: 20px; border-radius: 10px;}
.cart .cart-list::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 10px;}

.cart .cart-list > li:first-child {margin: 10px 0 20px;}
.cart .cart-list > li:last-child {margin: 20px 0 0;}
.cart .cart-list > li {padding: 15px 10px; border: 1px dashed #e6e6e6; border-radius: 5px; margin: 20px 0;}
.cart .cart-list > li > .cart-item {font-size: 1rem; margin-bottom: 5px; position: relative}
.cart .cart-list > li > .cart-item > .cart-discount-item {color:  #7d7d7d; background: #fff; position: absolute; top: -30px; padding: 5px; right: 20px;}
.cart .cart-list > li > .cart-item > .cart-desc {margin-bottom: 10px;}
.cart .cart-list > li > .cart-item > .cart-desc > a {margin-left: 10px;}
.cart .cart-list > li > .cart-item > .cart-desc > a > svg {fill:var(--primary-color); width: 1rem;}
.cart .cart-list > li > .cart-item > .cart-desc > p {flex: 1;}
.cart .cart-list > li > .cart-item .cart-info > .quantity-item {display: inline-block; margin-left: 5px;}
.cart .cart-list > li > .cart-item .cart-info > .quantity-btn {background: var(--bg-primary-color); border-radius: 50%; padding: 4px; color:  var(--primary-color); width: 28px; height: 28px; display: inline-block; text-align: center;}
.cart .cart-list > li > .cart-item .cart-info > .quantity-total {display: inline-block; margin: 0 5px; color: var(--dark-grey); font-size: 1.125rem; font-weight: 700;}
.cart .cart-list > li > .cart-item .cart-info > .quantity-btn > svg {fill: var(--primary-color); width: 0.875rem; top: 2px; position: relative;}

.cart .cart-list > li > .cart-item .cart-amount-item {margin-right: auto; font-size: 1.25rem; font-weight: 700; padding: 5px 0}
.cart .cart-list > li > .cart-item .cart-amount-item .cart-amount-item-discount {color: var(--primary-color);}
.cart .cart-list > li > .cart-item .cart-amount-item .cart-amount-item-b-discount {text-decoration: line-through; margin: 0 5px 0 2px; font-size: 1rem; }
.cart .cart-list > li > .cart-extra {font-size: 1rem; margin-bottom: 10px;}
.cart .cart-list > li > .cart-comment {font-size: 1rem;}   

.cart .cart-options {padding: 10px;}
.cart .cart-options > .cart-shipping-total {font-size: 1rem; margin-bottom: 20px;}
.cart .cart-options > .cart-shipping-total > .cart-shipping-fee > a {padding-left: 10px;}
.cart .cart-options > .cart-shipping-total > .cart-shipping-fee > a > svg {fill: var(--primary-color); width: 1rem; position: relative; top: 2px;}
.cart .cart-options > .cart-shipping-total > .cart-calculate  {margin-right: auto; font-size: 1.125rem; }
.cart .cart-options > .cart-discount {background: var(--bg-primary-color); border-radius: 5px; border: 1px dashed var(--primary-color); padding: 10px; align-items: center;}
.cart .cart-options > .cart-discount svg {fill:  var(--red); width: 1rem;}
.cart .cart-options > .cart-discount .cart-discount-desc {flex: 1; font-size: 0.875rem; padding-right: 8px;}
.cart .cart-options > .cart-coupon {background: var(--bg-primary-color);  position: relative; border-radius: 5px; border: 1px dashed var(--primary-color); padding: 10px; margin-top: 20px;display:flex}
    .cart .cart-options > .cart-coupon svg {
        fill: var(--primary-color);
        width: 1rem;
    }
/*.cart .cart-options > .cart-coupon > .cart-coupon-desc {flex: 1; display: flex; font-size: 0.875rem; padding-right: 8px; align-items: center;align-items:flex-start}*/
.cart .cart-options > .cart-coupon > .cart-coupon-desc {flex: 1; flex-direction: column; display: flex; font-size: 0.875rem; padding-right: 8px;}
.cart .cart-options > .cart-coupon > .cart-coupon-discount-desc {flex-direction: row;}
.cart .cart-options > .cart-coupon .coupon-discount {margin-right: auto; white-space: nowrap; font-weight: 700; font-size: 0.875rem;}
.cart .cart-options > .cart-coupon > a.coupon-remove {position: absolute; top: -10px; border: 1px solid #fff; background:  var(--primary-color); border-radius: 50%;text-align: center; font-size: 0.75rem; width: 20px; height: 20px;line-height: 20px;right: -5px;border: 1px solid #fff;}
.cart .cart-options > .cart-coupon > a > svg {fill: #fff;height:14px; width: 0.75rem; vertical-align: middle; position: relative; top: -2px;}
.cart .cart-options > .cart-coupon > .cart-coupon-desc .font-bold {display:contents;}
.cart .cart-options > .cart-summary {font-size: 1.125rem;color: var(--primary-color);margin: 15px 0 0;}
.cart .cart-options > .cart-summary > .cart-summary-total {margin-right: auto; }
.cart .cart-options > .cart-summary-comment {border: 1px solid #e2e2e2; border-radius: 10px; margin: 10px 0 0; padding: 10px; font-size: 1rem;}
.cart .cart-options > .cart-summary-comment > textarea {width: 100%; overflow-y: scroll; overflow-x: hidden; height: 45px;}
.cart .cart-options > .cart-summary-comment > textarea::placeholder {color: #bdbdbd}
.cart .cart-options > .cart-summary-comment > textarea::-webkit-scrollbar {width: 6px;}
.cart .cart-options > .cart-summary-comment > textarea::-webkit-scrollbar-thumb {background-color: rgba(155, 155, 155, 0.5); border-radius: 20px;border: 1px solid #eee;}
.cart .cart-options > .cart-summary-comment > textarea::-webkit-scrollbar-track {background: #fff;}
.cart .cart-options > .cart-not-include {font-size: 0.875rem; margin-top: 5px;}
.cart .cart-options > .cart-button {color:  var(--primary-color); padding: 10px; border: 1px solid  var(--primary-color); border-radius: 5px; display: block; text-align: center;}
.cart .cart-options > .cart-button:hover {color: #fff; background:  var(--primary-color); transition: all .4s ease;}
.cart .cart-options > .shipping-method {border-radius: 50px; border: 1px solid #e2e2e2; display: flex; font-size: 1em; width: 200px; padding: 4px; margin: 20px auto;cursor: pointer;}
.cart .cart-options > .shipping-method li {flex: 1; text-align: center;}
.cart .cart-options > .shipping-method li > span.selected {background:  var(--primary-color); color: #fff; display: block; border-radius: 50px; padding-bottom: 4px; }
.cart .cart-options > .shipping-dp {margin-bottom: 20px;}

.cart .cart-options > .shipping-dp .shipping-dp-selected {position: relative; width: 100%; border: 1px solid #e2e2e2; border-radius: 5px; font-size: 1rem; padding: 10px;cursor: pointer;}
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-icon {position: absolute; left: 10px; top: 10px;}
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-icon > svg {fill: var(--dark-grey); width: 0.875rem; top: 1px; position: relative;}
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-list  {position: absolute; min-height: 50px; max-height: 300px; overflow-y: scroll;  width: 100%; top: 40px; background: #fff; border: 1px solid #e2e2e2; right: 0px; border-radius: 5px;}
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-list > li > a {border-bottom: 1px solid #e2e2e2;  display: block; line-height: 30px;  padding: 5px 10px; }
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-list > li:last-child > a {border-bottom: none;}
.cart .cart-options > .shipping-dp .shipping-dp-selected > .shipping-dp-list > li > a:hover {transition: all .4s ease;  background: #eee; display: block;}
.cart .cart-options > .cart-empty {text-align: center}
.cart .cart-options > .cart-empty > .cart-empty-alert {border: 1px solid #f2d0ce; border-radius: 20px; padding: 5px 10px; display: inline-block; margin: 0 auto 20px;}
.cart .cart-options > .cart-empty > .cart-empty-alert > svg {fill:  var(--primary-color); width: 1.125rem; position: relative; top: 3px;}
.cart .cart-options > .cart-empty > .cart-empty-desc {text-align: center;}
.cart .cart-options > .cart-empty > .cart-empty-desc > svg {width: 6.25rem; fill:  var(--primary-color); }
.cart .cart-options > .cart-empty > .cart-empty-desc > h2 {font-size: 1.875rem; color: var(--dark-grey);}
.cart .cart-options > form > .cart-coupon-field {border: 1px solid #e2e2e2; border-radius: 5px; font-size: 1rem; padding: 5px 10px 5px 5px; display: flex; margin: 10px 0px; }
.cart .cart-options > form > .cart-coupon-field > input[type=text] {flex: 1;}
.cart .cart-options > form > .cart-coupon-field > input[type=text]::placeholder {color: #bdbdbd}
.cart .cart-options > form > .cart-coupon-field > a {background: var(--primary-color);border-radius: 5px; color: #fff; display: block; margin-right: auto; padding: 5px 10px; font-weight: 700;;} 
.cart .cart-options > form > .cart-coupon-field > a:hover {transition: all .4s ease; background: #fff; color: var(--primary-color) }
.cart .cart-options > .cart-phone-order > p { margin: 20px 0;text-align: center;}
.cart .cart-options > .cart-phone-order > a {background:  var(--primary-color); color: #fff; padding: 10px; border: 1px solid  var(--primary-color);border-radius: 5px; display: block; text-align: center;font-weight: 700;}
.cart .cart-options > .cart-phone-order > a:hover {color:  var(--primary-color); transition: all .4s ease; background: #fff; border: 1px solid  var(--primary-color) }
.cart .cart-options > .cart-phone-order > a > svg {width: 1.125rem; position: relative; top: 2px; fill: #ffffff}
.cart .cart-options > .value-card {background: var(--bg-primary-color); border-radius: 5px; padding: 10px; font-size: 1rem; margin-bottom: 20px;margin-top: 20px;}
.cart .cart-options > .value-card .value-card-list {margin: 15px 0;}.cart .cart-options > .value-card .value-card-list > li {margin-bottom: 10px;}
.cart .cart-options > .value-card .value-card-list > li:last-child {margin-bottom: 0;}
.cart .cart-options > .value-card .value-card-list > li input[type=radio] {position: relative;cursor: pointer}
.cart .cart-options > .value-card .value-card-field {border: 1px solid #e2e2e2; border-radius: 5px; font-size: 1rem; padding: 5px 10px 5px 5px; display: flex; margin: 10px 0px; background: #fff;}
.cart .cart-options > .value-card .value-card-error-message {color:red;display:none;}
.cart .cart-options > .value-card .value-card-field > input[type=button] {background: var(--primary-color);border-radius: 5px;color: #fff;display: block;margin-right: auto;padding: 5px 10px;font-weight: 700;cursor:pointer;}
/*.cart .cart-options > .value-card .value-card-list > li input[type=radio]:checked + label:before {content: "\f058"; font-family: 'Font Awesome 5 Pro'; color: var(--primary-color); font-size: 1rem; position: relative; top: 1px; font-weight: 700; display: inline-block; min-width: 20px;}*/
/*.cart .cart-options > .value-card .value-card-list > li input[type=radio] + label:before {content: "\f111";font-family: 'Font Awesome 5 Pro'; color: var(--primary-color); font-size: 1rem; position: relative; top: 1px; font-weight: 500; display: inline-block; min-width: 20px; cursor: pointer;}*/

    .cart .cart-options > .value-card {
        background: var(--bg-primary-color);
        border-radius: 5px;
        padding: 10px;
        font-size: 1rem;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .cart .cart-options > .value-card .value-card-list {
            margin: 15px 0;
        }

            .cart .cart-options > .value-card .value-card-list > li {
                margin-bottom: 10px;
            }

                .cart .cart-options > .value-card .value-card-list > li:last-child {
                    margin-bottom: 0;
                }

                .cart .cart-options > .value-card .value-card-list > li input[type=radio] {
                    position: relative;
                    cursor: pointer
                }

        .cart .cart-options > .value-card .value-card-field {
            border: 1px solid #e2e2e2;
            border-radius: 5px;
            font-size: 1rem;
            padding: 5px 10px 5px 5px;
            display: flex;
            margin: 10px 0px;
            background: #fff;
        }

        .cart .cart-options > .value-card .value-card-open-benefits-popup {
            margin-top: 5px;
            font-weight: 700;
            text-decoration: underline;
            cursor: pointer;
        }

        .cart .cart-options > .value-card .value-card-error-message {
            color:red;
            display:none;
        }

.RadioCircleSvg {
    fill: var(--primary-color);
    font-size: 1rem;
    position: relative;
    top: 1px;
    font-weight: 700;
    display: inline-block;
    min-width: 20px;
    height: 15px;
    width: 15px;
}




.cart .cart-options > .value-card .value-card-field > input[type=button] {
    background: var(--primary-color);
    border-radius: 5px;
    color: #fff;
    display: block;
    margin-right: auto;
    padding: 5px 10px;
    font-weight: 700;
}

        /*.cart .cart-options > .value-card .value-card-list > li input[type=radio]:checked + label:before {
            content: "\f058";
            font-family: 'Font Awesome 5 Pro';
            color: var(--primary-color);
            font-size: 1rem;
            position: relative;
            top: 1px;
            font-weight: 700;
            display: inline-block;
            min-width: 20px;*/
            /*cursor: pointer;*/
        /*}*/

.RadioCircleChecked {
    fill: var(--primary-color);
    font-size: 1rem;
    position: relative;
    top: 1px;
    font-weight: 700;
    display: inline-block;
    min-width: 20px;
    height: 15px;
    width: 15px;
}

#clear-order-cart {
    cursor: pointer
}
#add-to-basket { cursor:pointer}
.cart .cart-options > .resturant-close { color: var(--primary-color); padding: 10px; border: 1px solid var(--primary-color);border-radius: 5px;display: block;text-align: center;}
.deactive-cart-display { display: none !important;}
.active-cart-display { display: block }
.resturant-close {cursor:text}
.not-selected { background: white !important;color: black !important;cursor: text;font-size: 1rem;}


@media screen and (max-width: 1023px) {
    /* WHITE MENU - CART - RESPONSIVE */
    .wrap-cart { z-index: 10}
    .cart {box-shadow:none; width:100%;height: 100%; flex: 1; margin-right: 0; position: fixed; left: 0; right: 0px; top: 0;z-index:11; border-radius: 0; overflow: scroll;padding: 8px;}
    .cart .cart-header {padding: 15px; position: -webkit-sticky; position: sticky; top: -8px; background: #fff; z-index: 2; border-bottom: none;}
    .cart .cart-header > h3 {font-size: 1.25rem;}
    .cart .cart-header > a.clear-cart {font-size: 1rem; margin-right: 10px;}
    .cart .cart-header > a.clear-cart > i {font-size: 0.75rem; position: relative; top: -1px; margin-right: 2px;}
    .cart .cart-list {max-height: unset; overflow-y: auto;}
    .cart .cart-list > li > .cart-extra,
    .cart .cart-list > li > .cart-item,
    .cart .cart-list > li > .cart-comment,
    .cart .cart-list > li > .cart-item .cart-amount-item,
    .cart .cart-options > .cart-shipping-total,
    .cart .cart-options > .cart-coupon-field,
    .cart .cart-options > .cart-summary-comment > textarea, 
    .cart .cart-options > .shipping-dp .shipping-dp-selected {font-size: 0.875rem}
    .cart .cart-options > .cart-shipping-total > .cart-calculate,
    .cart .cart-options > .cart-empty > .cart-empty-alert,
    .cart .cart-options > .cart-discount,
    .cart .cart-options > .cart-phone-order > p{font-size: 1rem;}
    .cart .cart-options > .shipping-method {font-size: 0.875rem; width: 185px; margin: 20px auto;line-height: 18px;}
    .cart .cart-options > .shipping-method > li > span {padding: 4px 0; display: block}
    .cart .cart-options > .cart-summary-comment > textarea {height: 35px;}
    .cart .cart-options > .cart-button, .cart .cart-options > .resturant-close { display:none }
    .cart-items-container { padding-bottom:75px; }
    .cart .cart-options > .value-card {font-size: 0.875rem;}
    .cart .cart-options > .value-card .value-card-list > li input[type=radio]:checked + label:before,
    .cart .cart-options > .value-card .value-card-list > li input[type=radio] + label:before,
    .cart .cart-options > .value-card .value-card-field {font-size: 0.875rem;}
    .cart .cart-header > a svg {
        height: 20px;
        fill: var(--primary-color);
    }

}
.deactive-cart-display { display: none !important;}
.active-cart-display { display: block }
.resturant-close {cursor:text}
.not-selected { background: white !important;color: black !important;cursor: text}