/* Table & Thyme Catering — Catering Service | Showcase Engine v4.4.5.
 * Loaded only for /samples/catering-service/ (see templates/sample.php).
 * All original photos, descriptions, links, grid breakpoints and card dimensions
 * are preserved. The existing site's global contain!important is overridden
 * ONLY for requested images. Cropping is proportional, never distorted.
 */

/* Task 1: the six service images in "How we can help." */
body.nx-sample-site.industry-catering-service
.sample-services .sample-service-grid > article > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Task 2: the two featured images above the text grid in
 * "Made to be served, shared, and remembered." */
body.nx-sample-site.industry-catering-service
.sample-gallery .experience-feature-pair > article:nth-child(-n+2) > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Task 3: remove only the outer six-item grid background and border.
 * The six child tiles, their backgrounds, labels, links, gaps, and responsive
 * column counts intentionally remain exactly as provided by existing CSS. */
body.nx-sample-site.industry-catering-service
.sample-gallery .experience-text-grid {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* v4.4.8 | Catering Service only: correct the row-to-row card collision.
 * The warm-family design shifts every even card down by 24px using transform.
 * Since Card 02 shifts but Card 05 does not, their visible gap is reduced.
 * Remove that decorative staggering in this sample only, align each row,
 * and keep the existing 15px column gap, images, cards and links intact.
 * Mobile naturally inherits a clean single-column grid without transforms.
 */
body.nx-sample-site.industry-catering-service .sample-services .sample-service-grid {
    row-gap: 24px;
}

body.nx-sample-site.industry-catering-service.family-warm
.sample-services .sample-service-grid > article:nth-child(even) {
    transform: none;
}

/* v4.4.11 — Corporate Catering featured card only. Keep the original Pexels
   photo and its existing 16:10 image container; show the lower buffet setup. */
body.nx-sample-site.industry-catering-service
.sample-gallery .experience-feature-pair > article:first-child > figure > img {
    object-fit: cover !important;
    object-position: center bottom !important;
}