/* placeCard image container - reserve space to prevent layout shift (CLS) */
/* This ensures 392x392px space is reserved for placeCard images on desktop */

#content .placeCard__images {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* 1:1 aspect ratio for square */
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5; /* Light gray placeholder background */
}

#content .placeCard__images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Desktop - 392x392px for large screens */
@media (min-width: 992px) {
    #content .placeCard--big .placeCard__images {
        max-width: 392px;
        max-height: 392px;
        padding-bottom: 392px;
        height: auto;
    }
}

/* Tablet - responsive sizing (300x300px) */
@media (min-width: 768px) and (max-width: 991px) {
    #content .placeCard__images {
        max-width: 300px;
        max-height: 300px;
    }
}

/* Mobile - full width for small screens */
@media (max-width: 767px) {
    #content .placeCard__images {
        max-width: 100%;
        width: 100%;
    }

    .home #content .placeCard__images {
        max-width: 100%;
        width: 100%;
    }
}