/**
 * Grid Images - Lifestyle image cards in product grid
 *
 * These cards match the exact dimensions and shape of product cards
 * but display a lifestyle/brand image instead of a product.
 */

/* Match product card structure exactly */
.grid-image-card .box-image {
    position: relative;
    overflow: hidden;
}

/* Image fills the card like product thumbnails do */
.grid-image-card .grid-lifestyle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Remove the text area since there's no product info */
.grid-image-card .box-text {
    display: none;
}

/* Match the hover behavior of product cards */
.grid-image-card .box-image img {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.grid-image-card:hover .box-image img {
    transform: scale(1.03);
}

/* Ensure the image link/div fills the space */
.grid-image-card .box-image a,
.grid-image-card .box-image > div {
    display: block;
    line-height: 0;
}

/* Border radius to match product cards */
.grid-image-card .col-inner {
    border-radius: inherit;
    overflow: hidden;
}