.product-price .price {
    padding-left: 5px;
    font-size: 16px;
}

/*.wishlist-btn-toggle i {
    color: #999; 
    transition: color 0.3s;
}

.wishlist-btn-toggle i.active {
    color: red; 
}*/
.side-cart {
    position: fixed;
    top: 0;
    right: -400px;
    width: 350px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 10px;
border-bottom-left-radius: 10px;

}

.side-cart.active {
    right: 0;
}

.cart-header {
    padding: 10px;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.cart-body {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    background: #f2f4f7;
}

.cart-footer {
    padding: 15px;
}
.cart-body::-webkit-scrollbar {
    width: 5px;
}

.cart-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
</style>
<style>
.cart-mobile{
display:block;
}

.mobile-cart-item{
display:flex;
border:1px solid #ddd;
padding:10px;
margin-bottom:2px;
border-radius:6px;
background:#fff;
}

.mobile-cart-img-box{
width:90px;
}

.mobile-cart-img{
width:80px;
}

.mobile-cart-details{
flex:1;
padding-left:10px;
}

.mobile-cart-details h4{
font-size:14px;
margin-bottom:4px;
}

.mobile-qty{
display:flex;
align-items:center;
gap:5px;
margin-top:8px;
}

.mobile-qty button{
width:28px;
height:28px;
background:black;
color:white;
border:none;
}

.mobile-qty input{
width:40px;
text-align:center;
}

.mobile-total{
margin-left:auto;
font-weight:bold;
}

.remove-btn{
margin-top:1px;
background:red;
color:white;
border:none;
padding:5px 5px;
border-radius:4px;
}

.mobile-cart-footer{
display:block;
padding:15px;
border-top:1px solid #ddd;
}

.mobile-cart-buttons{
display:flex;
gap:10px;
align-items: center;
width: 100%;
}

.mobile-cart-buttons a,
.mobile-cart-buttons button{
    flex:1;
    min-width:0;            /* 🔥 IMPORTANT for iPhone */
    white-space:nowrap;     /* 🔥 prevent line break */
}

.mobile-btn{
flex:1;
padding:7px 50px 7px 50px;
background:#eee;
text-align:center;
justify-content:space-between;
border-radius: 5px;

}
.mobile-btn1{
padding:7px 50px 7px 50px;
background:#eee;
text-align:center;
justify-content:space-between;

}

.clear-btn{
background:black;
color:white;
padding: 2px 20px 2px 20px;
margin-left: auto;
border-radius: 5px;
}

.mobile-checkout{
display:flex;
background:black;
justify-content:space-between;
color:white;
text-align:center;
padding:12px;
margin-top:10px;
border-radius:5px; 
text-decoration:none;"
}

.mobile-payment img{
width:100%;
margin-top:10px;
}

.qty-input{
width:35px;
}
.qty-box{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
}

.qty-btn{
width:30px;
height:30px;
border:1px solid #000;
background:#fff;
font-size:18px;
cursor:pointer;
line-height:28px;
text-align:center;
}

.qty-input{
width:40px;
height:30px;
text-align:center;
border:1px solid #000;
}

/* remove browser number arrows */
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.qty-input{
-moz-appearance: textfield;
}

.remove-btn{
color:#777;
background:#f5f5f5;
border:1px solid #ddd;
}

.remove-btn:hover{
color:#333;
background:#eaeaea;
}
.num {
    font-family: 'Inter', sans-serif;
}
/*.mobile-subtotal
{
 font-size: 16px;
    font-weight: 600;
    text-wrap: nowrap;
    display:flex;
   justify-content:space-between;

}
*/

.mobile-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 16px;
    font-weight: 800;
}

/* Right side container */
.right-box {
    text-align: right;
}

/* MRP + subtotal same line */
.price-line {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* MRP */
.mrp {
    text-decoration: line-through;
    color: #888;
    font-size: 13px;
}

/* Final price */
.subtotal {
    font-weight: bold;
    font-size: 16px;
}

/* Discount below */
.discount {
    color: green;
    font-size: 13px;
    margin-top: 0px;
}

.saving-bar {
    background: #e6f7ee;
    color: #0a8f4c;
    padding: 6px 10px;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 8px;
    font-weight: 600;
}

.close-btn {
    cursor: pointer;
}