.category-bar{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-bottom:16px;
}

.category-bar .cat-pill{
display:inline-flex;
align-items:center;
gap:6px;

padding:5px 10px;

background:#e7e0d7;
border-radius:6px;

font-size:13.5px;
font-weight:600;

color:#1d3557 !important;
text-decoration:none;

line-height:1.1;

transition:all .2s ease;
}

/* Count badge */
.category-bar .cat-pill .count{
font-size:11px;
font-weight:500;

background:#d3c9bf;
padding:2px 6px;

border-radius:10px;
color:#333;
}

/* Hover (light wood color) */
.category-bar .cat-pill:hover{
background:#d6c3a9 !important;
color:#1d3557 !important;
}

/* Active category (dark wood) */
.category-bar .cat-pill.active{
background:linear-gradient(145deg,#5a3e2b,#3b2517);
color:#fff !important;
border:1px solid #2c1b12;
box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

/* Active badge */
.category-bar .cat-pill.active .count{
background:rgba(255,255,255,0.2);
color:#fff;
}

/* Icon */
.category-bar .icon{
font-size:12px;
opacity:.7;
}/* product grid spacing */

.col-lg-4,
.col-md-6,
.col-sm-6{
padding:14px;
}


/* product card */

.product-card{
background:#fff;

border-radius:16px;

overflow:hidden;

box-shadow:0 6px 18px rgba(0,0,0,0.08);

transition:all .35s ease;

height:100%;
}

.product-card:hover{
transform:translateY(-8px);

box-shadow:0 18px 40px rgba(0,0,0,0.18);

background:linear-gradient(180deg,#ffffff,#faf7f4);
}


/* image container */

.product-image{
position:relative;

overflow:hidden;

border-radius:16px 16px 0 0;
}


/* product images */

.main-img,
.hover-img{
width:100%;

transition:all .4s ease;
}

.hover-img{
position:absolute;
top:0;
left:0;

opacity:0;
}


/* image hover effects */

.product-card:hover .hover-img{
opacity:1;
}

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


/* SALE badge */

.sale-badge{
position:absolute;

top:12px;
left:12px;

background:#b22222;

color:#fff;

padding:0px 8px;

font-size:12px;
font-weight:700;

border-radius:10px;

letter-spacing:.6px;

box-shadow:0 4px 10px rgba(0,0,0,.2);
}


/* hover action button */

.product-actions{
position:absolute;

right:12px;
bottom:12px;

background:#fff;

border-radius:50%;

width:36px;
height:36px;

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 4px 10px rgba(0,0,0,.2);

opacity:0;

transform:translateY(10px);

transition:all .25s ease;
}

.product-card:hover .product-actions{
opacity:1;
transform:translateY(0);
}

.product-actions i{
font-size:16px;
color:#333;
}


/* product info section */

.product-info{
padding:16px;
}


/* product title */

.product-title{
font-size:15px;
font-weight:600;

margin-bottom:8px;

min-height:40px;

line-height:1.4;
}

.product-title a{
color:#1d3557;
text-decoration:none;
}

.product-title a:hover{
color:#3b2517;
}


/* price layout */

.price-elegant{
display:flex;
align-items:center;
gap:10px;

flex-wrap:wrap;

margin-top:6px;
}


/* discounted price */

.new-price{
    font-size: 17px;
    font-weight: 550;
    color: #3b2517;
}


/* original price */

.old-price{
font-size:14px;

text-decoration:line-through;

color:#999;
}


/* discount badge */

.discount-badge{
background:#e74c3c;

color:#fff;

font-size:11px;

padding:0px 8px;

border-radius:6px;

font-weight:600;
}


/* responsive */

@media (max-width:768px){

.product-title{
font-size:14px;
}

.new-price{
font-size:16px;
}

}