/* ==========================================================================
   Главная — преимущества (site/layouts/130-advantages.php): тёмная секция, жёлтые иконки. Только var(--es-*).
   ========================================================================== */
body.main-page .home-advantages__list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; border-radius: var(--es-radius); background: rgba(255, 255, 255, .12)}
body.main-page .home-advantages__item {display: flex; gap: 20px; padding: 30px 28px; background: var(--es-dark)}
body.main-page .home-advantages__icon {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex-shrink: 0; border-radius: 8px; background: var(--es-primary); color: var(--es-on-primary); font-size: 26px}
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: 4px 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, .72); font-size: 15px; line-height: 1.6}

@media (max-width: 991px) {
    body.main-page .home-advantages__list {grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 575px) {
    body.main-page .home-advantages__list {grid-template-columns: 1fr}
    body.main-page .home-advantages__item {padding: 24px 20px; gap: 16px}
}