/* Product Image Standardization - Only for Trend Products section */
.product-area.section .product-img {
    position: relative;
    overflow: hidden;
    width: 250px;  /* Fixed width */
    height: 250px;  /* Fixed height */
    margin: 0 auto;  /* Center the container */
}

.product-area.section .product-img img {
    width: 250px !important;  /* Force width */
    height: 250px !important;  /* Force height */
    object-fit: cover;  /* Ensures image covers the area without distortion */
    object-position: center;  /* Centers the image */
    transition: transform 0.3s ease;
}

/* Hover effect for trend products */
.product-area.section .product-img:hover img.default-img {
    transform: scale(1.05);
}

/* Grid layout adjustments for trend products */
.product-area.section .isotope-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

/* Container adjustments for trend products */
.product-area.section .single-product {
    width: fit-content;
    margin: 0 auto;
}

/* Default and hover image alignment for trend products */
.product-area.section .default-img,
.product-area.section .hover-img {
    width: 250px !important;
    height: 250px !important;
}

/* Restore responsive styling for other sections */
.product-img {
    position: relative;
    overflow: hidden;
}

.product-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

/* Medium Banner specific size */
.midium-banner .single-banner {
    width: 555px;
    height: 270px;
    overflow: hidden;
    margin: 0 auto;
}

.midium-banner .single-banner img {
    width: 555px !important;
    height: 270px !important;
    object-fit: cover;
    object-position: center;
}

/* Shop Home List section styling */
.shop-home-list .list-image.overlay {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Creates a square aspect ratio */
    overflow: hidden;
}

.shop-home-list .list-image.overlay img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.shop-home-list .list-image.overlay:hover img {
    transform: scale(1.05);
}

/* Ensure the buy button stays on top */
.shop-home-list .list-image.overlay .buy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.shop-home-list .list-image.overlay:hover .buy {
    opacity: 1;
}

/* Other sections maintain responsive behavior */
.quickview-slider-active img,
.flexslider-thumbnails img,
.shop-single-blog img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}