/* --- IMAGE CONSISTENCY --- */

/* Single Project - Main Image */
.main-project-image-wrapper img {
    max-height: 600px; /* Prevent enormous vertical images */
    width: 100%;
    object-fit: contain; /* Ensure whole image is seen without cropping */
    background-color: #f8f9fa; /* Light grey bg for non-square images */
}

/* Single Project - Gallery Thumbnails */
.project-gallery-item {
    aspect-ratio: 1 / 1; /* Force square */
    display: block;
    overflow: hidden;
}

.project-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crop to fill square */
    transition: transform 0.3s ease;
}

/* Single Product - Main Image (WooCommerce default usually handles this, but force it) */
.woocommerce-product-gallery__image img {
    max-height: 600px;
    width: 100%;
    object-fit: contain;
}

/* Product Cards (Shop/Related) */
.product-card .card-img-top,
.woocommerce ul.products li.product a img {
    aspect-ratio: 1 / 1; /* Square product images in grid */
    object-fit: contain; /* Don't crop products, fit them */
    padding: 10px; /* Breathing room inside square */
    background-color: #fff;
}

/* Archive - Project Cards */
.card-img-top {
    aspect-ratio: 16 / 9; /* Landscape for project teasers */
    object-fit: cover;
}