body{
font-family: 'Poppins', sans-serif;
background:#f7f7f7;
}

/* WRAPPER */
.shop-wrapper{
padding:40px 0;
}

/* SIDEBAR */
.sidebar{
background:#fff;
padding:20px;
border-radius:12px;
height:100%;
}

.sidebar-title{
font-weight:600;
margin-bottom:15px;
border-bottom:2px solid #eee;
padding-bottom:10px;
}

.category-list{
list-style:none;
padding:0;
margin:0;
}

.category-list li{
padding:10px 0;
border-bottom:1px solid #f1f1f1;
}

.category-list li a{
text-decoration:none;
color:#333;
font-weight:500;
transition:0.3s;
}

.category-list li:hover a{
color:#b22222;
padding-left:5px;
}

.category-list li.active a{
color:#b22222;
font-weight:600;
}

/* PRODUCT AREA */
.category-title{
margin-bottom:20px;
font-weight:600;
}

/* PRODUCT CARD */
.product-card{
background:#fff;
border-radius:15px;
overflow:hidden;
transition:0.3s;
cursor:pointer;
}

.product-card:hover{
transform:translateY(-8px);
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* IMAGE */
.img-box{
position:relative;
overflow:hidden;
}

.img-box img{
width:100%;
height:260px;
object-fit:cover;
transition:0.4s;
}

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

/* SALE BADGE */
.sale-badge{
position:absolute;
top:10px;
left:10px;
background:#00c853;
color:#fff;
padding:5px 10px;
font-size:12px;
border-radius:5px;
}

/* INFO */
.product-info{
padding:12px;
text-align:center;
}

.product-info h6{
font-size:14px;
font-weight:500;
margin-bottom:8px;
min-height:40px;
}

/* PRICE */
.price-box{
display:flex;
justify-content:center;
gap:8px;
align-items:center;
}

.old-price{
text-decoration:line-through;
color:#888;
font-size:13px;
}

.new-price{
color:#2e7d32;
font-weight:600;
}

/* MOBILE */
@media(max-width:768px){

.sidebar{
margin-bottom:20px;
}

.img-box img{
height:200px;
}

}

.category-page{
padding:20px;
}

/* SIDEBAR */
.sidebar{
background:#fff;
padding:20px;
border-radius:10px;
height:100%;
}

.sidebar-title{
font-weight:600;
margin-bottom:15px;
border-bottom:2px solid #eee;
padding-bottom:10px;
}

.category-list{
list-style:none;
padding:0;
}

.category-list li{
padding:10px 0;
border-bottom:1px solid #eee;
}

.category-list li a{
text-decoration:none;
color:#333;
font-weight:500;
}

.category-list li.active a{
color:#b22222;
font-weight:600;
}

/* HEADING */
.category-heading{
font-weight:600;
margin-bottom:20px;
}

/* PRODUCT CARD */
.product-card{
background:#fff;
border-radius:12px;
overflow:hidden;
transition:0.3s;
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* IMAGE */
.product-img{
position:relative;
}

.product-img img{
width:100%;
height:260px;
object-fit:cover;
}

/* SALE */
.sale-badge{
position:absolute;
top:10px;
left:10px;
background:#00c853;
color:#fff;
padding:4px 8px;
font-size:12px;
border-radius:5px;
}

/* INFO */
.product-info{
text-align:center;
padding:10px;
}

.product-info h6{
font-size:14px;
min-height:40px;
}

/* PRICE */
.price-box{
display:flex;
justify-content:center;
gap:10px;
}

.old-price{
text-decoration:line-through;
color:#999;
}

.new-price{
color:#2e7d32;
font-weight:600;
}

/* BANNER */
.category-banner{
height:300px;
object-fit:cover;
}

/* MOBILE */
@media(max-width:768px){

.sidebar{
margin-bottom:20px;
}

.category-banner{
height:180px;
}

}
/* SIDEBAR */
.category-sidebar{
background:#fff;
padding:20px;
border-radius:16px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.sidebar-title{
font-weight:600;
margin-bottom:15px;
}

.category-list{
list-style:none;
padding:0;
margin:0;
}

.category-list li{
margin-bottom:10px;
}

.category-list a{
display:block;
padding:8px 12px;
border-radius:8px;
text-decoration:none;
color:#333;
transition:0.3s;
}

.category-list a:hover{
background:#f5f5f5;
padding-left:16px;
}

.category-list a.active{
background:linear-gradient(90deg,#b22222,#f97316);
color:#fff;
font-weight:500;
}

/* TITLE */
.category-title{
font-weight:600;
margin-bottom:10px;
}

/* EMPTY STATE */
.empty-state{
height:300px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:#fff;
border-radius:16px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

/* PRODUCT CARD */
.product-card{
background:#fff;
border-radius:16px;
overflow:hidden;
transition:0.3s;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

/* IMAGE */
.product-img{
position:relative;
}

.product-img img{
width:100%;
height:240px;
object-fit:cover;
transition:0.4s;
}

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

/* BADGE */
.sale-badge{
position:absolute;
top:10px;
left:10px;
background:#00c853;
color:#fff;
padding:4px 8px;
font-size:12px;
border-radius:5px;
}

/* INFO */
.product-info{
padding:10px;
text-align:center;
}

.product-info h6{
font-size:14px;
min-height:40px;
}

/* PRICE */
.price-box{
display:flex;
justify-content:center;
gap:8px;
}

.old{
text-decoration:line-through;
color:#888;
}

.new{
color:#2e7d32;
font-weight:600;
}

/* MOBILE */
@media(max-width:768px){
.category-sidebar{
margin-bottom:20px;
}
}