/* Ali — sipariş ilerleme / yolculuk çubuğu. Dolan çizgi nokta merkezleri
   arasında hizalanır; rail yatay margin = nokta yarıçapı (7px). */
.cc_xqaduz1e_uBeaNFUgkH .ali-pb, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb {
  --ali-pb-dot: 14px;
  width: 100%;
  padding-bottom: 34px; /* alt etiket satırı için */
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__rail, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__rail, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__rail {
  position: relative;
  height: var(--ali-pb-dot);
  margin: 0 7px; /* nokta yarıçapı → 0%/100% nokta merkezine oturur */
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__track, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__track, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__track, .cc_xqaduz1e_uBeaNFUgkH .ali-pb__fill, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__fill, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__fill {
  position: absolute;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 2px;
}
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__track, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__track, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__track {
  left: 0;
  right: 0;
  background: var(--ali-border);
}
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__fill, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__fill, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__fill {
  left: 0;
  width: var(--ali-pb-fill, 0%);
  background: var(--ali-accent, #C2410C);
  transition: width var(--ali-dur-base) var(--ali-ease-out);
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__dot, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__dot, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__dot {
  width: var(--ali-pb-dot);
  height: var(--ali-pb-dot);
  border-radius: 9999px;
  background: var(--ali-neutral);
  border: 2px solid var(--ali-border);
  color: var(--ali-neutral);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color var(--ali-dur-base) var(--ali-ease-out),
    border-color var(--ali-dur-base) var(--ali-ease-out);
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--completed .ali-pb__dot, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--completed .ali-pb__dot, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--completed .ali-pb__dot {
  background: var(--ali-accent, #C2410C);
  border-color: var(--ali-accent, #C2410C);
  animation: cc_xqaduz1e_ali-pop var(--ali-dur-base) var(--ali-spring) both;
  animation-delay: calc(var(--ali-pb-i, 0) * var(--ali-stagger));
}
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--current .ali-pb__dot, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--current .ali-pb__dot, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--current .ali-pb__dot {
  background: var(--ali-primary);
  border-color: var(--ali-primary);
  animation: cc_xqaduz1e_ali-pulse 2.4s var(--ali-ease-in-out) infinite;
}

.cc_xqaduz1e_uBeaNFUgkH .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__label {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--ali-tertiary);
  text-align: center;
}
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--completed .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--completed .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--completed .ali-pb__label, .cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--current .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--current .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--current .ali-pb__label {
  color: var(--ali-on-surface);
}

/* Uç etiketler nokta merkezine göre ortalanınca dışarı taşıp kart border'ına
   yapışıyordu. İlk etiketi başa, son etiketi sona yasla → etiketler her zaman
   rayın içinde kalır, kenara değmez.
   NOT: :first-child KULLANILMAZ — rayın ilk iki çocuğu track ve fill div'leridir,
   yani ilk NOKTA :first-child değildir. Bu yüzden index'e göre --first/--last
   modifier class'ları veriyoruz. */
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--first .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--first .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--first .ali-pb__label {
  left: 0;
  transform: none;
  text-align: left;
}
.cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--last .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--last .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--last .ali-pb__label {
  left: auto;
  right: 0;
  transform: none;
  text-align: right;
}

@media (max-width: 480px) {
  .cc_xqaduz1e_uBeaNFUgkH .ali-pb__label, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__label, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__label {
    font-size: var(--ali-text-caption);
    max-width: 64px;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_xqaduz1e_uBeaNFUgkH .ali-pb__fill, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__fill, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__fill {
    transition: none;
  }
  .cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--completed .ali-pb__dot, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--completed .ali-pb__dot, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--completed .ali-pb__dot, .cc_xqaduz1e_uBeaNFUgkH .ali-pb__step--current .ali-pb__dot, .cc_xqaduz1e_r3jV4Id0w0 .ali-pb__step--current .ali-pb__dot, .cc_xqaduz1e_TcSaB7GXo9 .ali-pb__step--current .ali-pb__dot {
    animation: none;
  }
}