/**
 * Property Image Styling - Consistent across all listing pages
 * Ensures images fill their containers without white borders
 */

/* Property listing images - consistent styling */
.product-item-photo img,
.listing-image img,
.property-card img.product-image-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Ensure parent container has aspect ratio */
.product-item-photo,
.listing-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5f5f5;
}

/* Remove any default img styling that might add borders */
.product-item-photo img,
.listing-image img {
    display: block;
    border: none;
    max-width: none;
}

/* Ensure images load smoothly */
.product-image-photo {
    transition: transform 0.3s ease;
}

.product-item-photo:hover .product-image-photo,
.listing-image:hover .product-image-photo {
    transform: scale(1.05);
}