/* ==========================================================================
   Главная — преимущества (site/layouts/110-advantages.php).
   Белая полоса-карточка, на десктопе наезжает на нижний край hero-слайдера.
   Подключается сырым (layouts/template_css.php) — только var(--es-*), без COLOR_SITE.
   ========================================================================== */
body.main-page .home-advantages {position: relative; z-index: 3; margin-top: -64px; padding-bottom: 0}
body.main-page .home-advantages__list {display: grid; grid-template-columns: repeat(var(--adv-cols, 5), minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--es-border); border-radius: var(--es-radius); background: #fff; box-shadow: var(--es-shadow)}
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: 16px; padding: 30px 26px; transition: background var(--general-transition)}
body.main-page .home-advantages__item + .home-advantages__item::before {content: ""; position: absolute; left: 0; top: 26px; bottom: 26px; width: 1px; background: var(--es-border)}
body.main-page .home-advantages__item:hover {background: var(--es-surface-alt)}
body.main-page .home-advantages__icon {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex-shrink: 0; border-radius: 14px; background: var(--es-primary-soft); color: var(--es-primary); font-size: 26px; transition: background var(--general-transition), color var(--general-transition)}
body.main-page .home-advantages__item:hover .home-advantages__icon {background: var(--es-primary); color: #fff}
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.55}

@media (max-width: 1100px) {
    body.main-page .home-advantages__list {--adv-cols: 3 !important}
    body.main-page .home-advantages__item::before {display: none}
    body.main-page .home-advantages__item {border-bottom: 1px solid var(--es-border)}
}
@media (max-width: 768px) {
    body.main-page .home-advantages {margin-top: 0; padding-top: 32px}
    body.main-page .home-advantages__list {--adv-cols: 2 !important}
    body.main-page .home-advantages__item {padding: 22px 18px}
}
@media (max-width: 480px) {
    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}
}