/*==========================================
RK SPARE PARTS
PREMIUM CART
PART 1
==========================================*/

.cart-breadcrumb{

background:#f8f9fa !important;

padding:16px 0 !important;

border-bottom:1px solid #ececec !important;

}

.cart-breadcrumb nav{

display:flex !important;

align-items:center !important;

gap:10px !important;

font-size:15px !important;

}

.cart-breadcrumb a{

color:#666 !important;

text-decoration:none !important;

}

.cart-breadcrumb a:hover{

color:#198754 !important;

}

.cart-breadcrumb strong{

color:#222 !important;

font-weight:600 !important;

}



.cart-header{

padding:45px 0 30px !important;

background:#f5f6f8 !important;

}

.cart-heading{

text-align:center !important;

}

.cart-heading h1{

font-size:42px !important;

font-weight:700 !important;

margin-bottom:10px !important;

color:#222 !important;

}

.cart-heading p{

font-size:16px !important;

color:#777 !important;

margin:0 !important;

}



.cart-page{

background:#f5f6f8 !important;

padding:20px 0 70px !important;

}



.cart-items{

display:flex !important;

flex-direction:column !important;

gap:20px !important;

}



.cart-item-card{

background:#fff !important;

border-radius:18px !important;

padding:20px !important;

display:flex !important;

gap:25px !important;

align-items:flex-start !important;

box-shadow:0 10px 30px rgba(0,0,0,.05)!important;

transition:.35s !important;

}

.cart-item-card:hover{

transform:translateY(-5px)!important;

box-shadow:0 20px 40px rgba(0,0,0,.10)!important;

}



.cart-image{

width:180px !important;

height:180px !important;

background:#fff !important;

border:1px solid #ececec !important;

border-radius:16px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

position:relative !important;

overflow:hidden !important;

}

.cart-image img{

max-width:150px !important;

max-height:150px !important;

transition:.35s !important;

}

.cart-item-card:hover .cart-image img{

transform:scale(1.08)!important;

}



.cart-image .discount-badge{

position:absolute !important;

top:12px !important;

left:12px !important;

background:#dc3545 !important;

color:#fff !important;

padding:5px 12px !important;

border-radius:20px !important;

font-size:12px !important;

font-weight:700 !important;

}



.cart-details{

flex:1 !important;

display:flex !important;

flex-direction:column !important;

}



.cart-top{

display:flex !important;

justify-content:space-between !important;

align-items:flex-start !important;

margin-bottom:15px !important;

}



.cart-top h3{

font-size:22px !important;

font-weight:600 !important;

margin-bottom:8px !important;

line-height:32px !important;

}

.cart-top h3 a{

text-decoration:none !important;

color:#222 !important;

}

.cart-top h3 a:hover{

color:#198754 !important;

}



.cart-meta{

display:flex !important;

gap:20px !important;

flex-wrap:wrap !important;

font-size:14px !important;

color:#777 !important;

}



.remove-item{

width:42px !important;

height:42px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

background:#fff2f2 !important;

color:#dc3545 !important;

border-radius:10px !important;

text-decoration:none !important;

transition:.3s !important;

}

.remove-item:hover{

background:#dc3545 !important;

color:#fff !important;

}
/*==========================================
PRICE
==========================================*/

.cart-price{

display:flex !important;

align-items:center !important;

gap:15px !important;

margin-bottom:20px !important;

flex-wrap:wrap !important;

}

.cart-price .old-price{

font-size:17px !important;

color:#9c9c9c !important;

text-decoration:line-through !important;

margin:0 !important;

}

.cart-price .sale-price{

font-size:34px !important;

font-weight:700 !important;

color:#198754 !important;

line-height:1 !important;

}

.cart-price .save-price{

background:#e8f7ed !important;

color:#198754 !important;

padding:6px 14px !important;

border-radius:25px !important;

font-size:13px !important;

font-weight:700 !important;

}



/*==========================================
BOTTOM
==========================================*/

.cart-bottom{

display:flex !important;

justify-content:space-between !important;

align-items:center !important;

gap:20px !important;

margin-top:auto !important;

padding-top:15px !important;

border-top:1px solid #ececec !important;

flex-wrap:wrap !important;

}



/*==========================================
STOCK
==========================================*/

.in-stock{

display:inline-flex !important;

align-items:center !important;

gap:8px !important;

background:#eaf8ef !important;

color:#198754 !important;

padding:8px 14px !important;

border-radius:30px !important;

font-size:13px !important;

font-weight:600 !important;

}

.out-stock{

display:inline-flex !important;

align-items:center !important;

gap:8px !important;

background:#fff2f2 !important;

color:#dc3545 !important;

padding:8px 14px !important;

border-radius:30px !important;

font-size:13px !important;

font-weight:600 !important;

}



/*==========================================
QTY
==========================================*/

.qty-wrapper{

display:flex !important;

align-items:center !important;

border:1px solid #ddd !important;

border-radius:12px !important;

overflow:hidden !important;

background:#fff !important;

}

.qty-btn{

width:42px !important;

height:42px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

background:#f5f5f5 !important;

color:#222 !important;

text-decoration:none !important;

transition:.3s !important;

font-size:15px !important;

}

.qty-btn:hover{

background:#198754 !important;

color:#fff !important;

}

.qty-wrapper input{

width:55px !important;

height:42px !important;

border:none !important;

text-align:center !important;

font-size:16px !important;

font-weight:600 !important;

background:#fff !important;

outline:none !important;

}



/*==========================================
LINE TOTAL
==========================================*/

.line-total{

font-size:28px !important;

font-weight:700 !important;

color:#222 !important;

min-width:130px !important;

text-align:right !important;

}



/*==========================================
SUMMARY
==========================================*/

.cart-summary-card{

background:#fff !important;

border-radius:18px !important;

padding:28px !important;

box-shadow:0 10px 30px rgba(0,0,0,.06)!important;

position:sticky !important;

top:100px !important;

}

.cart-summary-card h3{

font-size:28px !important;

font-weight:700 !important;

margin-bottom:25px !important;

color:#222 !important;

padding-bottom:15px !important;

border-bottom:1px solid #ececec !important;

}

.summary-item{

display:flex !important;

justify-content:space-between !important;

align-items:center !important;

padding:14px 0 !important;

font-size:16px !important;

border-bottom:1px solid #f2f2f2 !important;

}

.summary-item:last-child{

border-bottom:none !important;

}

.summary-item strong{

font-size:17px !important;

font-weight:700 !important;

color:#222 !important;

}



/*==========================================
TOTAL
==========================================*/

.summary-total{

display:flex !important;

justify-content:space-between !important;

align-items:center !important;

padding:18px 0 !important;

font-size:20px !important;

font-weight:700 !important;

}

.summary-total strong{

font-size:30px !important;

color:#198754 !important;

}

.free-delivery{

color:#198754 !important;

font-weight:700 !important;

}
/*==========================================
FREE DELIVERY
==========================================*/

.free-progress-card{

margin:25px 0 !important;

padding:18px !important;

background:#f8fff9 !important;

border:1px solid #d8f1df !important;

border-radius:14px !important;

}

.free-progress-card h6{

font-size:14px !important;

font-weight:600 !important;

line-height:24px !important;

color:#333 !important;

margin-bottom:15px !important;

}

.free-progress-card strong{

color:#198754 !important;

font-weight:700 !important;

}

.progress{

height:10px !important;

border-radius:30px !important;

background:#e9ecef !important;

overflow:hidden !important;

}

.progress-bar{

border-radius:30px !important;

}



/*==========================================
FREE SUCCESS
==========================================*/

.free-success{

background:#eaf8ef !important;

border:1px solid #b9e6c8 !important;

padding:16px !important;

border-radius:14px !important;

font-size:15px !important;

font-weight:600 !important;

color:#198754 !important;

margin:20px 0 !important;

}

.free-success i{

margin-right:8px !important;

}



/*==========================================
CHECKOUT BUTTON
==========================================*/

.checkout-btn{

height:56px !important;

border-radius:12px !important;

font-size:17px !important;

font-weight:700 !important;

margin-top:20px !important;

transition:.35s !important;

}

.checkout-btn:hover{

transform:translateY(-3px)!important;

box-shadow:0 15px 30px rgba(25,135,84,.25)!important;

}



/*==========================================
CONTINUE SHOPPING
==========================================*/

.continue-btn{

height:54px !important;

border-radius:12px !important;

font-size:16px !important;

font-weight:600 !important;

margin-top:12px !important;

}



/*==========================================
TRUST CARD
==========================================*/

.cart-trust-card{

margin-top:25px !important;

border-top:1px solid #ececec !important;

padding-top:20px !important;

}

.trust-row{

display:flex !important;

align-items:center !important;

gap:12px !important;

padding:12px 0 !important;

font-size:15px !important;

font-weight:500 !important;

color:#444 !important;

}

.trust-row i{

width:36px !important;

height:36px !important;

background:#198754 !important;

color:#fff !important;

border-radius:50% !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

font-size:14px !important;

}



/*==========================================
EMPTY CART
==========================================*/

.empty-cart-card{

background:#fff !important;

padding:70px 40px !important;

border-radius:20px !important;

text-align:center !important;

box-shadow:0 12px 35px rgba(0,0,0,.06)!important;

}

.empty-icon{

width:130px !important;

height:130px !important;

background:#eef8f1 !important;

border-radius:50% !important;

margin:0 auto 30px !important;

display:flex !important;

align-items:center !important;

justify-content:center !important;

}

.empty-icon i{

font-size:55px !important;

color:#198754 !important;

}

.empty-cart-card h2{

font-size:34px !important;

font-weight:700 !important;

margin-bottom:12px !important;

color:#222 !important;

}

.empty-cart-card p{

font-size:16px !important;

color:#777 !important;

margin-bottom:30px !important;

}

.empty-cart-card .btn{

height:55px !important;

padding:0 35px !important;

border-radius:12px !important;

font-weight:700 !important;

display:inline-flex !important;

align-items:center !important;

justify-content:center !important;

}
/*==========================================
RK SPARE PARTS
CART FINAL RESPONSIVE
==========================================*/

.cart-item-card{

position:relative !important;

overflow:hidden !important;

}

.cart-item-card::before{

content:'' !important;

position:absolute !important;

left:0 !important;

top:0 !important;

width:5px !important;

height:100% !important;

background:#198754 !important;

opacity:0 !important;

transition:.35s !important;

}

.cart-item-card:hover::before{

opacity:1 !important;

}

.cart-image{

transition:.35s !important;

}

.cart-item-card:hover .cart-image{

border-color:#198754 !important;

}

.cart-summary-card{

transition:.35s !important;

}

.cart-summary-card:hover{

box-shadow:0 20px 40px rgba(0,0,0,.10)!important;

}

.checkout-btn,

.continue-btn,

.remove-item,

.qty-btn{

transition:.30s !important;

}



/*==========================================
MOBILE
==========================================*/

@media(max-width:991px){

.cart-summary-card{

position:relative !important;

top:0 !important;

margin-top:30px !important;

}

}



@media(max-width:767px){

.cart-header{

padding:30px 0 !important;

}

.cart-heading h1{

font-size:30px !important;

}

.cart-page{

padding:15px 0 40px !important;

}

.cart-item-card{

flex-direction:column !important;

padding:16px !important;

gap:18px !important;

}

.cart-image{

width:100% !important;

height:220px !important;

}

.cart-image img{

max-width:180px !important;

max-height:180px !important;

}

.cart-top{

flex-direction:column !important;

gap:15px !important;

}

.cart-top h3{

font-size:20px !important;

line-height:30px !important;

}

.remove-item{

position:absolute !important;

right:18px !important;

top:18px !important;

}

.cart-meta{

display:block !important;

}

.cart-meta span{

display:block !important;

margin-bottom:8px !important;

}

.cart-price{

flex-direction:column !important;

align-items:flex-start !important;

gap:8px !important;

}

.cart-bottom{

flex-direction:column !important;

align-items:flex-start !important;

gap:18px !important;

}

.line-total{

font-size:26px !important;

text-align:left !important;

}

.qty-wrapper{

width:160px !important;

}

.summary-total strong{

font-size:28px !important;

}

}



/*==========================================
SMALL MOBILE
==========================================*/

@media(max-width:575px){

.cart-breadcrumb{

display:none !important;

}

.cart-heading h1{

font-size:26px !important;

}

.cart-heading p{

font-size:14px !important;

}

.cart-image{

height:180px !important;

}

.cart-image img{

max-width:140px !important;

max-height:140px !important;

}

.cart-top h3{

font-size:18px !important;

line-height:28px !important;

}

.cart-summary-card{

padding:20px !important;

}

.cart-summary-card h3{

font-size:24px !important;

}

.summary-item{

font-size:15px !important;

}

.summary-total{

font-size:18px !important;

}

.summary-total strong{

font-size:24px !important;

}

.checkout-btn{

height:50px !important;

font-size:16px !important;

}

.continue-btn{

height:48px !important;

font-size:15px !important;

}

.empty-cart-card{

padding:45px 20px !important;

}

.empty-icon{

width:90px !important;

height:90px !important;

}

.empty-icon i{

font-size:40px !important;

}

.empty-cart-card h2{

font-size:26px !important;

}

.empty-cart-card p{

font-size:14px !important;

}

}



/*==========================================
SCROLLBAR
==========================================*/

::-webkit-scrollbar{

width:8px;

height:8px;

}

::-webkit-scrollbar-thumb{

background:#198754;

border-radius:20px;

}

::-webkit-scrollbar-track{

background:#f3f3f3;

}



/*==========================================
END
==========================================*/