/* Harbor Dental Studio — Dental Clinic UI fixes | NOCX Showcase Engine 4.4.6.
 * Loaded only when the sample's slug is dental-clinic. No changes to other
 * sample pages, photo URLs, card dimensions, text content, or click behavior.
 * sample.css applies 'object-fit: contain !important' across sample photos;
 * these more-specific overrides affect ONLY requested Dental Clinic images.
 */

/* Task 1 — all six images in the 'How we can help.' service card grid. */
body.nx-sample-site.industry-dental-clinic
.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 — About image beside 'Comfortable care, explained properly.' */
body.nx-sample-site.industry-dental-clinic
.sample-about > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center 45% !important;
}

/* Task 3 — General Dentistry and Dental Cleaning featured gallery images. */
body.nx-sample-site.industry-dental-clinic
.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 4 — remove only the SIX-ITEM experience grid's outer panel/border.
 * Do not alter child article backgrounds, typography, gaps, or breakpoints. */
body.nx-sample-site.industry-dental-clinic
.sample-gallery .experience-text-grid {
    background: transparent;
    border: none;
    box-shadow: none;
}