/* WooCommerce প্রোডাক্ট গ্রিড স্টাইলিং – ফাইনাল ফিক্সড ভার্সন */
.woocommerce ul.products,
.woocommerce-page ul.products {
–product-gap: 15px;
margin: 0 calc(-1 * var(–product-gap)/2) !important;
padding: 0 !important;
display: flex;
flex-wrap: wrap;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
border: 1px solid #e0e0e0; /* হালকা গ্রে বর্ডার */
padding: 0 !important;
border-radius: 8px;
background: !important;
margin: 0 calc(var(–product-gap)/2) var(–product-gap) calc(var(–product-gap)/2) !important;
width: calc(50% – var(–product-gap)) !important;
box-sizing: border-box;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}

/* ইমেজ স্টাইলিং – ফিক্সড */
.woocommerce ul.products li.product a img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
padding: 15px;
box-sizing: border-box;
transition: all 0.3s ease;
}

/* প্রোডাক্ট কন্টেন্ট এরিয়া */
.woocommerce ul.products li.product .product-content-wrapper {
padding: 15px;
border-top: 1px solid #f0f0f0;
flex-grow: 1;
display: flex;
flex-direction: column;
}

/* প্রোডাক্ট টাইটেল */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0 0 8px 0 !important;
padding: 0 !important;
font-size: 15px;
line-height: 1.4;
font-weight: 500;
color: #333;
}

/* প্রাইস স্টাইলিং */
.woocommerce ul.products li.product .price {
margin: auto 0 0 0 !important;
padding: 0 !important;
font-size: 16px;
color: #222;
font-weight: 600;
line-height: 1.3;
}

/* উন্নত হোভার ইফেক্ট */
.woocommerce ul.products li.product:hover {
border-color: #c0c0c0;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
transform: translateY(-5px);
}

.woocommerce ul.products li.product:hover a img {
transform: scale(1.03);
opacity: 0.9;
}

/* সমান উচ্চতা নিশ্চিত করতে */
.woocommerce ul.products li.product .image-container {
height: 200px; /* ফিক্সড উচ্চতা */
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 15px;
}

/* ডেস্কটপ ভিউ – 4 কলাম */
@media (min-width: 992px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: calc(25% – var(–product-gap)) !important;
}

.woocommerce ul.products li.product .image-container {
height: 220px;
}
}

/* ট্যাবলেট ভিউ – 3 কলাম */
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: calc(33.333% – var(–product-gap)) !important;
}

.woocommerce ul.products li.product .image-container {
height: 180px;
}
}

/* মোবাইল ভিউ – 2 কলাম */
@media (max-width: 767px) {
.woocommerce ul.products,
.woocommerce-page ul.products {
–product-gap: 10px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: calc(50% – var(–product-gap)) !important;
}

.woocommerce ul.products li.product .product-content-wrapper {
padding: 12px;
}

.woocommerce ul.products li.product .image-container {
height: 150px;
padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
font-size: 14px !important;
    }
}