body{
font-family:Arial;
margin:0;
background:#f7f7f7;
}

/* TITLE */

.title{
text-align:center;
font-size:32px;
color:#e60023;
margin:40px 0;
font-weight:bold;
}

/* LAYOUT */

.shop-container{
display:flex;
max-width:1200px;
margin:auto;
gap:30px;
padding:0 15px;
}

/* SIDEBAR */

.sidebar{
width:250px;
background:#fff;
padding:20px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
height:fit-content;
}

.sidebar h4{
margin-bottom:10px;
font-size:16px;
}

.sidebar label{
display:block;
margin:8px 0;
cursor:pointer;
}

/* PRODUCT GRID - 2 PER ROW */

.products{
flex:1;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:25px;
}

/* CARD */

.card{
background:#fff;
border-radius:16px;
padding:15px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:.35s;
position:relative;
overflow:hidden;
}

/* HOVER */

.card:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

/* SALE BADGE */

.sale-badge{
position:absolute;
top:12px;
left:12px;
background:#ff4d4d;
color:#fff;
font-size:12px;
padding:5px 10px;
border-radius:20px;
font-weight:bold;
}

/* IMAGE BOX FIX */

.product-img{
width:100%;

display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#f9f9f9;

}

/* IMAGE */

.product-img img{
max-width:100%;
max-height:100%;
object-fit:contain;
transition:.4s;
}

/* IMAGE HOVER */

.card:hover .product-img img{
transform:scale(1.05);
}

/* BRAND */

.brand{
font-size:12px;
color:#777;
margin-top:8px;
}

/* TITLE */

.card h4{
margin:10px 0;
font-size:25px;
min-height:40px;
}

/* RATING */

.rating{
color:#ffa500;
font-size:14px;
margin-bottom:5px;
}

.rating span{
color:#777;
font-size:12px;
}

/* PRICE */

.price{
font-size:18px;
color:#e60023;
font-weight:bold;
margin:8px 0;
}

/* CART ROW */

.cart-row{
display:flex;
justify-content:center;
align-items:center;
margin-top:10px;
}

/* CART BUTTON */

.cart-btn{
background:#e60023;
color:#fff;
border:none;
width:42px;
height:42px;
border-radius:50%;
cursor:pointer;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
transition:.3s;
}

.cart-btn:hover{
background:#c4001d;
transform:scale(1.1);
}
.desc{
font-size:20px;
color:#000;
margin-top:5px;
min-height:40px;
}
/* RESPONSIVE */

@media(max-width:992px){
.shop-container{
flex-direction:column;
}

.sidebar{
width:100%;
}
}

@media(max-width:768px){
.products{
grid-template-columns:1fr;
}
}