/* ==========================================
   BHUWEAR - Home Page CSS
========================================== */

/* Categories */

.categories{
    padding:100px 0;
    background:#fff;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.category-card{

    height:350px;
    border-radius:18px;
    overflow:hidden;

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

    padding-bottom:30px;

    background:#f4f4f4;

    transition:.4s;

    cursor:pointer;

}

.category-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.category-card h3{

font-size:28px;

background:#fff;

padding:10px 25px;

border-radius:50px;

}


/* New Arrivals */

.new-arrivals{

padding:100px 0;

background:#fafafa;

}

.products-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.product-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.3s;

}

.product-card:hover{

transform:translateY(-8px);

}

.product-card img{

width:100%;

height:420px;

object-fit:cover;

}

.product-card h3{

padding:20px;

padding-bottom:8px;

font-size:22px;

}

.price{

padding:0 20px;

font-size:26px;

font-weight:bold;

}

.btn-cart{

display:block;

margin:20px;

padding:15px;

background:#111;

color:#fff;

text-align:center;

border-radius:8px;

transition:.3s;

}

.btn-cart:hover{

background:#444;

}

.product-image{
    position:relative;
    overflow:hidden;
}

.product-image img{
    transition:.4s;
}

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

.sale-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#111;
    color:#fff;
    padding:8px 14px;
    font-size:12px;
    border-radius:30px;
    letter-spacing:1px;
}

.product-content{
    padding:20px;
}

.product-content h3{
    padding:0;
    margin-bottom:10px;
}

/* ==========================
   Shop Page
========================== */

.shop-page{
    padding:80px 0;
}

.shop-header{
    text-align:center;
    margin-bottom:60px;
}

.shop-header h1{
    font-size:48px;
    margin-bottom:10px;
}

.shop-header p{
    color:#666;
    font-size:18px;
}

/* WooCommerce Products */

.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
    padding-bottom:20px;
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-8px);
}

.woocommerce ul.products li.product img{
    margin:0 !important;
}