/* Главная: «5 шагов» (site/layouts/110-steps.php) — строкой с тонкой линией и зелёными номерами */
body.main-page .home-steps__list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; margin: 0; padding: 0; list-style: none; counter-reset: none}
body.main-page .home-steps__item {position: relative; padding-top: 64px}
body.main-page .home-steps__item::before {content: ""; position: absolute; left: 52px; right: -28px; top: 22px; height: 2px; background: var(--es-border)}
body.main-page .home-steps__item:last-child::before {display: none}
body.main-page .home-steps__num {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--es-primary); color: var(--es-on-primary); font-family: var(--es-font-head); font-size: 19px; font-weight: 800}
body.main-page .home-steps__name {margin: 0; color: var(--es-heading); font-family: var(--es-font-head); font-size: 18px; font-weight: 700; line-height: 1.25}
body.main-page .home-steps__text {margin: 8px 0 0; color: var(--es-text); font-size: 15px; line-height: 1.5}
@media (max-width: 1100px) {
    body.main-page .home-steps__list {grid-template-columns: repeat(3, 1fr); row-gap: 40px}
    body.main-page .home-steps__item:nth-child(3)::before {display: none}
}
@media (max-width: 680px) {
    body.main-page .home-steps__list {grid-template-columns: 1fr; gap: 0}
    body.main-page .home-steps__item {padding: 0 0 26px 66px; min-height: 72px}
    body.main-page .home-steps__item::before, body.main-page .home-steps__item:nth-child(3)::before {display: block; left: 22px; right: auto; top: 52px; bottom: 0; width: 2px; height: auto}
    body.main-page .home-steps__item:last-child::before {display: none}
    body.main-page .home-steps__name {padding-top: 10px; font-size: 17px}
}