/* ==========================================================================
   Главная — услуги (site/layouts/110-services.php): карточки-ссылки с фото. Только var(--es-*).
   ========================================================================== */
body.main-page .home-services__grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px}
body.main-page .home-services__card {display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: var(--es-radius); background: var(--es-surface-alt); color: var(--es-text); transition: background .25s, box-shadow .25s}
body.main-page .home-services__card:hover {background: var(--es-primary); box-shadow: var(--es-shadow-hover); color: var(--es-on-primary)}
body.main-page .home-services__media {display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--es-border)}
body.main-page .home-services__media picture,
body.main-page .home-services__img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease}
body.main-page .home-services__card:hover .home-services__img {transform: scale(1.04)}
body.main-page .home-services__body {display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 22px 24px 24px}
body.main-page .home-services__name {margin: 0; color: var(--es-heading); font-size: 21px; font-weight: 700; line-height: 1.3}
body.main-page .home-services__text {display: block; margin-top: 10px; font-size: 15px; line-height: 1.6}
body.main-page .home-services__more {display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; color: var(--es-heading); font-weight: 700}
body.main-page .home-services__more::after {content: "\2192"; transition: transform .2s}
body.main-page .home-services__card:hover .home-services__more::after {transform: translateX(4px)}

@media (max-width: 991px) {
    body.main-page .home-services__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px}
}
@media (max-width: 575px) {
    body.main-page .home-services__grid {grid-template-columns: 1fr}
    body.main-page .home-services__body {padding: 18px 18px 20px}
    body.main-page .home-services__name {font-size: 19px}
}
@media (prefers-reduced-motion: reduce) {
    body.main-page .home-services__img {transition: none}
}
/* Телефон: компактные карточки — фото слева */
@media (max-width: 575px) {
    body.main-page .home-services__card {display: grid; grid-template-columns: 112px 1fr; align-items: stretch}
    body.main-page .home-services__media {aspect-ratio: auto; height: 100%; min-height: 112px}
    body.main-page .home-services__body {padding: 14px 16px}
    body.main-page .home-services__name {font-size: 17px}
    body.main-page .home-services__text {display: none}
    body.main-page .home-services__more {padding-top: 8px; font-size: 14px}
    body.main-page .home-services__grid {gap: 12px}
}