/* ==========================================================================
   Главная — преимущества (site/layouts/120-advantages.php): карточки на сером фоне.
   Подключается сырым (layouts/template_css.php) — только var(--es-*), без COLOR_SITE.
   ========================================================================== */
body.main-page .home-advantages__list {display: grid; grid-template-columns: repeat(var(--adv-cols, 5), minmax(0, 1fr)); gap: 20px}
body.main-page .home-advantages__list--1 {--adv-cols: 1}
body.main-page .home-advantages__list--2 {--adv-cols: 2}
body.main-page .home-advantages__list--3 {--adv-cols: 3}
body.main-page .home-advantages__list--4 {--adv-cols: 4}
body.main-page .home-advantages__list--6 {--adv-cols: 3}
body.main-page .home-advantages__item {position: relative; display: flex; flex-direction: column; gap: 18px; padding: 28px 24px; border: 1px solid var(--es-border); border-top: 3px solid var(--es-primary); border-radius: var(--es-radius); background: #fff; box-shadow: var(--es-shadow); transition: transform var(--general-transition), box-shadow var(--general-transition)}
body.main-page .home-advantages__item:hover {transform: translateY(-4px); box-shadow: var(--es-shadow-hover)}
body.main-page .home-advantages__icon {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex-shrink: 0; border-radius: 12px; background: var(--es-dark); color: #fff; font-size: 26px; transition: background var(--general-transition)}
body.main-page .home-advantages__item:hover .home-advantages__icon {background: var(--es-primary)}
body.main-page .home-advantages__icon i {font-size: 26px; line-height: 1}
body.main-page .home-advantages__icon svg {width: 28px; height: 28px; fill: currentColor}
body.main-page .home-advantages__icon img {max-width: 30px; max-height: 30px}
body.main-page .home-advantages__number {font-size: 18px; font-weight: 800}
body.main-page .home-advantages__name {margin: 0; color: var(--es-heading); font-size: 17px; font-weight: 700; line-height: 1.3}
body.main-page .home-advantages__text {margin: 8px 0 0; color: var(--es-text); font-size: 14px; line-height: 1.6}

@media (max-width: 1200px) {
    body.main-page .home-advantages__list {--adv-cols: 3 !important}
}
@media (max-width: 768px) {
    body.main-page .home-advantages__list {--adv-cols: 2 !important; gap: 14px}
    body.main-page .home-advantages__item {padding: 22px 18px}
}
@media (max-width: 520px) {
    body.main-page .home-advantages__list {--adv-cols: 1 !important}
    body.main-page .home-advantages__item {flex-direction: row; align-items: flex-start}
    body.main-page .home-advantages__icon {width: 46px; height: 46px; font-size: 22px}
}