/* ==========================================================================
   Главная — преимущества (site/layouts/130-advantages.php): тёмная секция, зелёные иконки, фото выезда справа.
   ========================================================================== */
body.main-page .home-advantages__layout {display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 400px); gap: 24px; align-items: stretch}
body.main-page .home-advantages__list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border-radius: var(--es-radius); background: rgba(255, 255, 255, .1)}
body.main-page .home-advantages__item {display: flex; gap: 18px; padding: 28px 26px; background: var(--es-dark-2)}
body.main-page .home-advantages__icon {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; border-radius: 12px; background: var(--es-primary); color: #fff; font-size: 25px}
body.main-page .home-advantages__icon svg,
body.main-page .home-advantages__icon img {width: 28px; height: 28px}
body.main-page .home-advantages__name {margin: 3px 0 0; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.3}
body.main-page .home-advantages__text {margin: 8px 0 0; color: rgba(255, 255, 255, .74); font-size: 15px; line-height: 1.6}
body.main-page .home-advantages__photo {overflow: hidden; border-radius: var(--es-radius)}
body.main-page .home-advantages__photo picture, body.main-page .home-advantages__img {display: block; width: 100%; height: 100%; object-fit: cover}

@media (max-width: 991px) {
    body.main-page .home-advantages__layout {grid-template-columns: 1fr}
    body.main-page .home-advantages__photo {aspect-ratio: 16 / 9}
}
@media (max-width: 575px) {
    body.main-page .home-advantages__list {grid-template-columns: 1fr}
    body.main-page .home-advantages__item {padding: 22px 18px; gap: 14px}
}