/*
 * Блок steps (blocks/steps.php): этапы работы.
 */

.steps { background: var(--c-soft); }
.steps .h2 { margin-bottom: 40px; }
.steps__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: step; }

.step { display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: var(--radius-l); background: #fff; }
.step__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.step__num { color: var(--c-primary); font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: -.03em; }
.step__time { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; background: var(--c-soft); color: var(--c-primary); font-size: 13.5px; font-weight: 700; }
.step__time .ico { width: 16px; height: 16px; }
.step__title { color: var(--c-ink); font-size: 20px; font-weight: 700; }
.step__text { color: var(--c-muted); font-size: 15.5px; }

@media (max-width: 1024px) { .steps__list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .steps__list { grid-template-columns: 1fr; } .step { padding: 22px; } }