/* Hotel search + homepage hotel blocks — 4 cols desktop, 2 cols mobile (matches list-hotel block) */

.bravo_search_hotel .ajax-search-result .row.y-gap-30,
.bravo_search_hotel .row.y-gap-30.hotel-results-grid,
.bravo-gotrip-list-hotel .row.y-gap-30 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.bravo_search_hotel .hotel-grid-col,
.bravo-gotrip-list-hotel .hotel-grid-col {
    box-sizing: border-box;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

@media (min-width: 992px) {
    .bravo_search_hotel .hotel-grid-col,
    .bravo-gotrip-list-hotel .hotel-grid-col {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }
}

/* Card fills column */
.bravo_search_hotel .hotel-grid-col .item-loop-wrap,
.bravo_search_hotel .hotel-grid-col .tourCard,
.bravo-gotrip-list-hotel .hotel-grid-col .tourCard {
    width: 100%;
    max-width: 100%;
}

.bravo_search_hotel .item-loop-wrap .cardImage,
.bravo-gotrip-list-hotel .item-loop-wrap .cardImage,
.bravo_search_hotel .tourCard.-type-1 .cardImage,
.bravo-gotrip-list-hotel .tourCard.-type-1 .cardImage {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.bravo_search_hotel .item-loop-wrap .cardImage img,
.bravo-gotrip-list-hotel .item-loop-wrap .cardImage img,
.bravo_search_hotel .tourCard.-type-1 .cardImage img,
.bravo-gotrip-list-hotel .tourCard.-type-1 .cardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* List layout (normal) — full width one per row */
.bravo_search_hotel .hotel-list-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}