/* OrderStepper (sg-ost) */
.cc_b3eorip4_ROhFhiCBfi .sg-ost, .cc_b3eorip4_ouQlbNfFgd .sg-ost { position: relative; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__list, .cc_b3eorip4_ouQlbNfFgd .sg-ost__list { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__track, .cc_b3eorip4_ouQlbNfFgd .sg-ost__track { position: absolute; top: 21px; left: 12.5%; right: 12.5%; height: 2px; border-radius: 2px; background: var(--sg-line); overflow: hidden; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__fill, .cc_b3eorip4_ouQlbNfFgd .sg-ost__fill {
  position: absolute; inset: 0; width: var(--sg-ost-p, 0%); background: var(--sg-ok);
  transform-origin: left center; animation: cc_b3eorip4_sg-bar calc(1100ms * var(--sg-speed, 1)) var(--sg-ease-out) 200ms both;
}
.cc_b3eorip4_ROhFhiCBfi .sg-ost__step, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step { position: relative; display: grid; justify-items: center; gap: 10px; text-align: center; padding: 0 6px; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__dot, .cc_b3eorip4_ouQlbNfFgd .sg-ost__dot {
  position: relative; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px;
  border-radius: 50%; border: 2px solid var(--sg-line); background: #fff; color: var(--sg-ink-3);
  transition: background-color var(--sg-t-mid), border-color var(--sg-t-mid), color var(--sg-t-mid);
  animation: cc_b3eorip4_sg-pop calc(520ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
  animation-delay: calc(var(--sg-i, 0) * 120ms * var(--sg-speed, 1) + 150ms);
}
.cc_b3eorip4_ROhFhiCBfi .sg-ost__label, .cc_b3eorip4_ouQlbNfFgd .sg-ost__label { font-size: var(--sg-fs-sm); font-weight: 500; color: var(--sg-text-2, var(--sg-ink-2)); line-height: 1.35; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__step.is-done .sg-ost__dot, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step.is-done .sg-ost__dot { background: var(--sg-ok); border-color: var(--sg-ok); color: #fff; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__step.is-current .sg-ost__dot, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step.is-current .sg-ost__dot { border-color: var(--sg-ink); background: var(--sg-ink); color: #fff; box-shadow: 0 0 0 6px color-mix(in srgb, var(--sg-ink) 10%, transparent); }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__step.is-current .sg-ost__label, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step.is-current .sg-ost__label { color: var(--sg-text, var(--sg-ink)); font-weight: 700; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost__step.is-partial .sg-ost__dot, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step.is-partial .sg-ost__dot { background: #fff; color: var(--sg-ink); }

.cc_b3eorip4_ROhFhiCBfi .sg-ost--halted, .cc_b3eorip4_ouQlbNfFgd .sg-ost--halted {
  display: flex; align-items: center; gap: 12px; padding: 14px 18px;
  border-radius: var(--sg-r-card); background: var(--sg-surface-2); color: var(--sg-ink);
  animation: cc_b3eorip4_sg-fade-up var(--sg-t-mid) var(--sg-ease-out) both;
}
.cc_b3eorip4_ROhFhiCBfi .sg-ost__halt-icon, .cc_b3eorip4_ouQlbNfFgd .sg-ost__halt-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; flex-shrink: 0; }
.cc_b3eorip4_ROhFhiCBfi .sg-ost--problem, .cc_b3eorip4_ouQlbNfFgd .sg-ost--problem { background: color-mix(in srgb, var(--sg-sale) 8%, #fff); color: var(--sg-sale); }
.cc_b3eorip4_ROhFhiCBfi .sg-ost--done, .cc_b3eorip4_ouQlbNfFgd .sg-ost--done { background: color-mix(in srgb, var(--sg-ok) 8%, #fff); color: var(--sg-ok); }
.cc_b3eorip4_ROhFhiCBfi .sg-ost--progress, .cc_b3eorip4_ouQlbNfFgd .sg-ost--progress { background: color-mix(in srgb, var(--sg-warn) 9%, #fff); color: var(--sg-warn); }

@media (max-width: 767px) {
  .cc_b3eorip4_ROhFhiCBfi .sg-ost__list, .cc_b3eorip4_ouQlbNfFgd .sg-ost__list { grid-template-columns: 1fr; gap: 14px; }
  .cc_b3eorip4_ROhFhiCBfi .sg-ost__track, .cc_b3eorip4_ouQlbNfFgd .sg-ost__track { top: 22px; bottom: 22px; left: 21px; right: auto; width: 2px; height: auto; }
  .cc_b3eorip4_ROhFhiCBfi .sg-ost__fill, .cc_b3eorip4_ouQlbNfFgd .sg-ost__fill { width: 100%; height: var(--sg-ost-p, 0%); transform-origin: top center; animation-name: sg-ost-grow; }
  .cc_b3eorip4_ROhFhiCBfi .sg-ost__step, .cc_b3eorip4_ouQlbNfFgd .sg-ost__step { grid-template-columns: 44px 1fr; justify-items: start; align-items: center; text-align: left; gap: 14px; padding: 0; }
}
@keyframes sg-ost-grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .cc_b3eorip4_ROhFhiCBfi .sg-ost__fill, .cc_b3eorip4_ouQlbNfFgd .sg-ost__fill, .cc_b3eorip4_ROhFhiCBfi .sg-ost__dot, .cc_b3eorip4_ouQlbNfFgd .sg-ost__dot, .cc_b3eorip4_ROhFhiCBfi .sg-ost--halted, .cc_b3eorip4_ouQlbNfFgd .sg-ost--halted { animation: none; } }