/* Giỏ hàng */
#popup-cart .modal-title {text-transform: uppercase;}
#popup-cart .modal-body .wrap-cart {padding: 0px;-webkit-box-shadow: none;box-shadow: none;border: 0px;}
#popup-cart .modal-footer {padding: 0.75rem 0 0 0;border-top: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.buymore-cart {color: var(--color-static);cursor: pointer;margin: 0px;}
.buymore-cart i {margin-right: 2px;margin-top: 5px;vertical-align: top;font-size: 12px;}
.wrap-cart {padding: 20px 15px;background: var(--color-white) ;border: 1px solid #d8d8d8;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.top-cart {border-right: 1px solid #eee;}


.procart {padding: 20px 10px;border: 1px solid #eee;border-top: 0px;}
.pic-procart {text-align: center;font-weight: 800;text-transform: uppercase;}
.pic-procart img {max-height: 100px;height: inherit;}
.pic-procart .del-procart {color: #999;font-size: 12px;display: block;margin-top: 5px;cursor: pointer;}
.pic-procart .del-procart:hover {color: var(--color-red);}
.name-procart a {font-size: 14px;color: var(--color-dark);display: block;line-height: normal;font-weight: 700;}

.name-procart a:hover {color: var(--color-static);}
.properties-procart {display: block;}
.properties-procart p {display: inline-block;margin-bottom: 0px;text-transform: capitalize;color: var(--color-static);font-size: 16px;}
.properties-procart p:first-child {margin-right: 10px;}
.properties-procart p strong {font-weight: 600;}

.quantity-procart p {margin-bottom: 0px;font-weight: 800;text-transform: uppercase;}
.quantity-counter-procart {border: 1px solid #dfdfdf;width: 100%;height: 30px;line-height: normal;text-align: center;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.counter-procart {background-color: transparent;border: 0px;width: 30%;color: #333;outline: none;cursor: pointer;font-size: 23px;}
.counter-procart:hover,
.counter-procart:focus {color: var(--color-static);}
.counter-procart:disabled {color: #ccc;cursor: not-allowed;}
.counter-procart:disabled:hover {color: #ccc;cursor: not-allowed;}
.counter-procart-minus {line-height: 26px;}
.counter-procart-plus {line-height: 24px;}
.quantity-counter-procart .quantity-procart {width: 40%;-webkit-box-sizing: border-box;box-sizing: border-box;border: 0px;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;outline: none;-webkit-box-shadow: none;box-shadow: none;padding: 0px;color: #333;text-align: center;}
.price-procart {width: 20%;text-align: right;font-weight: 800;text-transform: uppercase;}
.price-procart-rp {display: none;width: 100%;margin-bottom: 10px;font-size: 13.5px;}
.price-new-cart {color: var(--color-static);margin-bottom: 0px;font-weight: 800;text-transform: uppercase;}
.price-old-cart {color: #999;text-decoration: line-through;font-weight: 700;font-style: italic;}
.procart-label {border: 0px;background: #eee;padding: 10px;margin: 0px;text-transform: capitalize;}

.money-procart {margin-top: 15px;}
.total-procart {background: #eee;padding: 7px 10px;border: 1px solid #dddfe2;margin-bottom: -1px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.total-procart p {margin-bottom: 0px;font-size: 15px;font-weight: 800;text-transform: uppercase;}
.total-procart p:last-child {color: var(--color-static);}
.section-cart {position: -webkit-sticky;position: sticky;top: 15px;}
.title-cart {font-size: 15px;text-transform: uppercase;color: #000;font-weight: 700;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 15px;}
.information-cart {margin-bottom: 1.5rem;}
.input-cart {margin-bottom: 0.5rem;position: relative;}
.input-cart textarea {resize: none;height: 100px;}
.input-cart select {cursor: pointer;}
.payments-cart {text-align: left;margin-bottom: 5px;min-height: auto;padding-left: 0;margin-left: 20px;position: relative;}
.payments-cart:last-child {margin-bottom: 0px;}
.payments-cart input {top: 10px; opacity: 0; position: absolute;}
.payments-label {position: relative; cursor: pointer;background: #eee;display: block;padding: 10px 15px;border-radius: 3px;margin-bottom: 0px;color: #313131 !important;}
.payments-label::before{position: absolute;top: .25rem;left: -1.5rem;z-index: 2;display: block;width: 1rem;height: 1rem;/* pointer-events: none; */content: "";background-color: #fff;border: #adb5bd solid 1px;}
.payments-label::before,
.payments-label::after {border: 1px solid #313131;border-radius: 50%; top: calc(50% - 1rem / 2);}
.payments-label.active {background:  var(--color-static);color: var(--color-white) !important;}
.payments-info {opacity: 0;visibility: hidden;height: 0px;overflow: hidden;background: #f5efef;border-radius: 5px;}
.payments-info p {margin-bottom: 1em;}
.payments-info.active {padding: 10px 15px;margin-top: 5px;opacity: 1;visibility: visible;height: auto;}
.btn-cart {text-transform: capitalize;}
.empty-cart {padding: 25px 30px;text-align: center;}
.empty-cart i {color: var(--color-red);font-size: 70px;}
.empty-cart p {margin: 15px 0px;color: #333;font-size: 18px;} 
 
.custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #007bff;background-color: #007bff;} 
/* Cart Fix */
.cart-fixed {position: fixed;right: 20px;bottom: 390px;z-index: 10;background: #4b4f56;width: 50px;height: 50px;text-align: center;color: #fff !important;border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.cart-fixed i {font-size: 20px;}
.cart-fixed span {position: absolute;top: 0px;right: -5px;color: var(--color-white) ;width: 25px;height: 25px;background: var(--color-static);text-align: center;line-height: 25px;font-size: 11px;border-radius: 100%;}

/* Cart product */ 
.cart-product {margin-bottom: 0px; display: flex;  justify-content: space-between; gap: 5px;}
.addcart {cursor: pointer;color: #4b4f56;border: 1px solid #cccccc;text-transform: capitalize;text-align: center;background-color: var(--color-white);padding: 7px;border-radius: 50%;transition: all 0.3s linear;}
 
.cart-add:hover {color: var(--color-white);background-color: var(--color-static);transition: all 0.3s linear;} 
.cart-buy:hover {color: var(--color-white);background-color: var(--color-static2);transition: all 0.3s linear;}

.info-procart {font-weight: 800;text-transform: uppercase;}


@media (max-width: 1024px) {   
  .cart-fixed {bottom: 220px;}
  .cart-pro-detail {width: 100%;margin-top: 10px;} 
  .cart-pro-detail {width: 100%;margin-top: 10px;}  
  .product-tool {opacity: 1;visibility: visible;position: initial;}
  .product-tool a span {display: none;} 
}

@media only screen and (max-width: 991px) {
    .top-cart {margin-bottom: 2rem;}
}  
@media only screen and (max-width: 575px) {
    .name-procart a {font-size: 13px;}
    .procart-label {font-size: 13px;}


    .cart-pro-detail {flex-wrap: wrap;}
    .cart-pro-detail a {width: 100%;text-align: center;margin: 0px !important;}
    .cart-pro-detail a:first-child {margin-bottom: 5px !important;}
}
@media only screen and (max-width: 767px) {
    .quantity-procart {text-align: right;}
    .price-procart-rp {display: block;}
    .price-procart {display: none;}
    .price-procart-rp {display: block;}
    .procart-label .quantity-procart p:first-child {display: none;}
    .procart-label .quantity-procart p:last-child {display: block;}
  }
@media only screen and (min-width: 768px) {
    .procart-label .quantity-procart p:first-child {display: block;} 
    .procart-label .quantity-procart p:last-child {display: none;}
  }