/* ============================================================
   Оформление заказа: шаги, опции доставки
   ============================================================ */

.checkout { max-width: 720px; }

/* Заголовок шага */
.step-head { display: flex; align-items: center; gap: var(--sp-3); margin: var(--sp-6) 0 var(--sp-5); }
.step-head__num {
  width: 28px; height: 28px; border-radius: var(--r-sm);
  background: var(--c-border); color: var(--c-text-2);
  display: flex; align-items: center; justify-content: center;
  font-size: var(--fz-14); font-weight: var(--fw-bold);
}
.step-head__title { font-size: var(--fz-18); font-weight: var(--fw-bold); }

/* Вложенный блок опции (напр. выбор склада) */
.option-box {
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: var(--r-md); padding: var(--sp-5); margin: var(--sp-2) 0 var(--sp-4) 30px;
  max-width: 460px;
}

/* Кнопки навигации мастера */
.wizard-nav { display: flex; gap: var(--sp-4); margin-top: var(--sp-6); }
.wizard-nav .btn { min-width: 110px; }

/* Индикатор прогресса шагов */
.steps-progress { display: flex; gap: var(--sp-2); margin-top: var(--sp-5); }
.steps-progress span { width: 56px; height: 6px; border-radius: var(--r-pill); background: var(--c-border); }
.steps-progress span.is-done { background: var(--c-text-2); }
.steps-progress span.is-active { background: var(--c-primary); }

@media (max-width: 480px) { .option-box { margin-left: 0; } }