/* Homepage service-card proportion and equal-height correction — 20260829-v1 */
html.page-home body #services .service-card-img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2 !important;
    overflow: hidden !important;
}

html.page-home body #services .service-card-img > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

html.page-home.page-home body #services .service-card .service-card-img.service-card-img--can-opener > img {
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

html.page-home body #services .services-grid.mobile-card-rail {
    align-items: stretch !important;
}

html.page-home body #services .services-grid.mobile-card-rail > .service-card {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
}

html.page-home body #services .service-card-body {
    flex: 1 1 auto !important;
}

@media (min-width: 769px) {
    html.page-home body #services .services-grid.mobile-card-rail {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
    }

    html.page-home body #services .services-grid.mobile-card-rail > .service-card {
        width: auto !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    html.page-home body #services .service-card-body {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto minmax(4.86em, auto) 1fr !important;
        align-content: start !important;
    }

    html.page-home body #services .service-card-body > p {
        min-height: 4.86em !important;
    }

    html.page-home body #services .service-list {
        align-self: start !important;
    }
}

@media (min-width: 1180px) {
    html.page-home body #services .services-grid.mobile-card-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}