#popup-cart .modal-title{text-transform:uppercase; font-family: var(--font-title); font-weight: 700; font-size: 16px; line-height: 1.5;}
#popup-cart .modal-body .wrap-cart{padding:0px;box-shadow:none;border:0px;}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;}
.buymore-cart{color: var(--color-main);cursor:pointer;margin:0px; font-size: 12px; line-height: 16px; }
.buymore-cart i{margin-right:2px;margin-top: 3.3px;vertical-align:top;font-size:10px;}
.money-procart{font-size: 14px; line-height: 24px; color: var(--color-text); padding-top: 16px; border-top: 1px solid rgba(0,0,0,0.12)}
.total-price{color: var(--color-black); font-weight: 600; font-size: 16px;}
.btn-cart{outline:none!important;box-shadow:none!important;border-color:transparent!important;font-size:14px;text-transform:uppercase;background:var(--color-main);}


.procart{display: flex; flex-wrap: wrap; gap: 16px; padding: 20px; border: 1px solid oklab(0.93 -0.00155291 -0.00579556 / 0.6); border-radius: 20px; box-shadow: 0 4px 16px -4px oklch(18% .05 265/.06)}
.procart{margin-bottom: 16px;}
.procart-img{width: 80px; border-radius: 16px; overflow: hidden;}
.procart-info{flex: 1;}
.procart-name{font-size: 14px;line-height: 20px; font-weight: 600; letter-spacing: -0.14px; margin-bottom: 4px; font-family: var(--font-title)}
.procart-properties{font-size: 12px; line-height: 16px; color: var(--color-text); margin-bottom: 12px; display: flex; gap:2px 20px; font-weight: 400; flex-wrap: wrap;}
.procart-properties span{position: relative;}
.procart-properties span:not(:last-child)::after{position: absolute; content:""; width: 4px; height: 4px; background: var(--color-text); border-radius: 50%; right: -12px; top: 50%; transform:translateY(-50%)}
.procart-tool{display: flex; align-items: center; }
.procart-qty span{font-size: 12px; line-height: 16px; color: var(--color-text); margin-right: 4px; font-weight: 400}
.procart-qty-input{height: 36px !important; width: 80px; border-radius: 20px; border: 1px solid oklch(0.93 0.006 255); text-align: center; margin-right: 16px;}
.procart-del{font-size: 12px; line-height: 16px; font-weight: 500; color: #f00; cursor: pointer}
.procart-price{text-align: right; font-size: 16px; line-height: 24px; font-weight: 700; font-family: var(--font-title)}
.wrap-procart-total{padding: 24px; border-radius: 20px; border: 1px solid oklab(0.93 -0.00155291 -0.00579556 / 0.6); box-shadow: 0 4px 16px -4px oklch(18% .05 265/.06)}
.procart-tamtinh-title{font-size: 18px; line-height: 28px; letter-spacing: -0.18px; font-weight: 600; color: var(--color-black); margin-bottom: 16px; font-family: var(--font-title)}
.procart-tamtinh{display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 14px; line-height: 20px; color: var(--color-text)}
.procart-tamtinh strong{color: var(--color-black);}
.procart-note{font-size: 12px; line-height: 16px; color: var(--color-text); margin-bottom: 12px}
.wrap-procart-total .btn-main-1{margin-top: 12px; margin-bottom: 12px;}
.wrap-procart-total .btn-main-2{margin-bottom: 12px;}
.procart-continue{font-size: 14px; line-height: 20px; font-weight: 500; color: var(--color-main);}
.procart-continue:hover{text-decoration: underline !important; color: var(--color-main) }
.w-672{max-width: 672px; width: 100%}

/* Page checkout */
.title-checkout{margin-bottom: 24px;}
.title-checkout h1{margin-bottom: 0; font-size: 30px; line-height: 36px; font-weight: 700; font-family: var(--font-title)}
.wrap-checkout-step-name{display: -webkit-box; gap: 6px; width: 100%; overflow-x: auto; margin-bottom: 32px;}
.wrap-checkout-step-name::-webkit-scrollbar { background: #fff; width: 3px; height: 3px;border-radius: 3px; }
.wrap-checkout-step-name::-webkit-scrollbar-thumb { background: #ccc;border-radius: 3px; }
.checkout-step-name{width: 100%; max-width: calc(672px / 4 - (18px / 4)); width: 100%; text-align: center; padding: 8px 12px; font-size: 12px; line-height: 16px; background: oklch(0.965 0.005 250); font-weight: 600; color: var(--color-text); border-radius: 20px; cursor: pointer; transition: .3s all;}
.checkout-step-name.active{background: var(--color-main); color: #fff;}
.checkout-step-name.complete{color: var(--color-main); background: oklab(0.55 -0.021951 -0.20885 / 0.1)} 
.form-checkout{padding: 32px; transition: .3s all; border: 1px solid oklab(0.93 -0.00155291 -0.00579556 / 0.6); border-radius: 20px; box-shadow: 0 4px 16px -4px oklch(18% .05 265/.06);  color: var(--color-black); margin-bottom: 32px;}
.cart-input{font-size: 14px; line-height: 20px; }
.cart-input label{font-weight: 500; color: var(--color-black); margin-bottom: 6px;}
.cart-input input{height: 44px !important; border-radius: 16px; border: 1px solid oklch(0.93 0.006 255); padding: 0 16px;}

.checkout-payments-title{font-size: 16px; line-height: 24px; font-weight: 600; font-family: var(--font-title); margin-bottom: 16px;letter-spacing: -0.16px;}
.form-check-payments{padding: 16px 16px 16px 36px; border: 1px solid oklch(0.93 0.006 255); width: 100%; border-radius: 16px; transition: .3s all; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--color-black); margin: 0;  }
.form-check-payments:hover{background: oklch(0.965 0.005 250); }
.form-check-payments.active{border-color: var(--color-main); background: oklab(0.55 -0.021951 -0.20885 / 0.05);}
.form-check-payments input{transform: scale(1.3)}
.form-check-payments span{margin-left: 5px;}
.checkout-note{padding: 12px; background: oklch(0.985 0.003 250); border-radius: 12px;font-size: 12px; line-height: 16px; color: var(--color-text)}
.wrap-checkout-review{background: oklch(0.985 0.003 250); padding: 24px; border-radius: 16px;}
.checkout-review-title{font-size: 18px; line-height: 28px; font-weight: 600; color: var(--color-black);  font-family: var(--font-title); letter-spacing: -0.18px; margin-bottom: 12px;}
.checkout-review-desc{font-size: 14px; line-height: 20px; color: var(--color-text); margin-bottom: 12px;}
.checkout-review-ul{margin: 0; padding: 0; list-style: none;}
.checkout-review-ul li:not(:last-child){margin-bottom: 12px; font-size: 14px; line-height: 20px; color: var(--color-black)}

.page-cart .title-cart{margin-bottom: 64px;}
.page-cart .title-cart h1{margin-bottom: 0;}
.cart-empty{text-align: center; background: oklch(0.985 0.003 250); border-radius: 20px; border: 1px dashed oklch(0.93 0.006 255); padding: 48px; color: var(--color-black); }
.cart-empty-icon{font-size: 48px; line-height: 1; margin-bottom: 16px;}
.cart-empty-text{font-size: 18px; line-height: 28px; color: var(--color-text); margin-bottom: 24px;}

@media(max-width:993px){

}
@media(max-width:769px){
    .page-cart .title-cart{margin-bottom: 32px;}
    .procart-info{flex: unset; width: 100%;}
    .procart-price{width: 100%;}
    .wrap-checkout-step-name{padding-bottom: 2px}
    .form-checkout{padding: 24px;}
}
@media(max-width:441px){

}