/* Image display fixes for product pages */

/* Main product image fix */
.gallery-main-img {
    object-fit: contain !important; /* Change from cover to contain to prevent cropping */
    background-color: #fff; /* Add background to make contained images visible */
    max-height: 400px;
    height: auto !important; /* Allow height to adjust based on content */
    min-height: 400px; /* Maintain minimum height for consistency */
}

/* Product thumbnail fix */
.gallery-thumb {
    object-fit: contain !important;
    background-color: #fff;
    border: 2px solid #e5e7eb;
}

.gallery-thumb.active, .gallery-thumb:hover {
    border: 2px solid #F37D91;
}

/* Related product image fix */
.related-card img, 
.product-card img {
    object-fit: contain !important;
    background-color: #fff;
    height: 180px !important;
}

/* Lightbox image fix */
.lightbox img {
    object-fit: contain !important;
    background-color: transparent;
}

/* Media query adjustments to maintain responsiveness */
@media (max-width: 900px) {
    .gallery-main-img {
        min-height: 250px;
    }
}

@media (max-width: 600px) {
    .gallery-main-img {
        min-height: 180px;
    }
}

/* Fix for any other product images that might use aspect-square */
.aspect-square img {
    object-fit: contain !important;
}