/* Keep the booking form beside the introduction while detail sections use the full content width. */
@media (min-width: 992px) {
    .tour-detail__layout {
        column-gap: 44px;
        row-gap: 0;
    }

    .tour-detail__content {
        display: contents;
    }

    .tour-facts,
    .tour-overview {
        grid-column: 1;
    }

    .booking-card {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .tour-itinerary,
    .included-grid,
    .important-grid {
        grid-column: 1 / -1;
    }

    .included-grid,
    .important-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tour-gallery {
        width: 100%;
    }

    .tour-gallery .photo-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .tour-gallery .video-grid {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

@media (max-width: 991.98px) {
    .tour-detail__content {
        display: block;
    }
}