/* ==========================================================================
   Главная — «Как мы работаем» (site/layouts/130-workflow.php). Только var(--es-*).
   ========================================================================== */
body.main-page .home-workflow__steps {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; counter-reset: none}
body.main-page .home-workflow__step {position: relative; display: flex; flex-direction: column; min-width: 0}
body.main-page .home-workflow__top {display: flex; align-items: center; gap: 16px; margin-bottom: 26px}
body.main-page .home-workflow__number {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; border: 2px solid var(--es-primary); border-radius: 50%; background: #fff; color: var(--es-primary); font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; transition: background .25s, color .25s}
body.main-page .home-workflow__step:hover .home-workflow__number {background: var(--es-primary); color: #fff}
body.main-page .home-workflow__line {flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--es-border) 0 8px, transparent 8px 14px)}
body.main-page .home-workflow__step:last-child .home-workflow__line {visibility: hidden}
body.main-page .home-workflow__icon {display: block; margin-bottom: 14px; color: var(--es-primary); font-size: 28px; line-height: 1}
body.main-page .home-workflow__title {margin: 0; color: var(--es-heading); font-size: 20px; font-weight: 700; line-height: 1.3}
body.main-page .home-workflow__text {margin: 10px 0 0; max-width: 290px; color: var(--es-text); font-size: 15px; line-height: 1.6}

@media (max-width: 992px) {
    body.main-page .home-workflow__steps {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px}
    body.main-page .home-workflow__step:nth-child(2n) .home-workflow__line {visibility: hidden}
}
@media (max-width: 560px) {
    body.main-page .home-workflow__steps {grid-template-columns: 1fr; gap: 0}
    body.main-page .home-workflow__step {display: grid; grid-template-columns: 52px 1fr; column-gap: 18px; padding-bottom: 28px}
    body.main-page .home-workflow__top {grid-row: 1 / span 3; flex-direction: column; margin: 0; align-self: stretch}
    body.main-page .home-workflow__line {width: 2px; flex: 1; visibility: visible !important; background: repeating-linear-gradient(180deg, var(--es-border) 0 8px, transparent 8px 14px)}
    body.main-page .home-workflow__step:last-child .home-workflow__line {visibility: hidden !important}
    body.main-page .home-workflow__icon {display: none}
    body.main-page .home-workflow__title {padding-top: 12px}
}