/* ─── Sipariş yolculuğu ─────────────────────────────────────────────────
   Adımlar eşit sütunlar; ray ilk ve son noktanın merkezleri arasında.
   Işık rayın üstünde soldan dolar: genişlik sabit, ölçek ilerleme kadar.
   Böylece animasyon yalnız transform oynatır, düzen hiç kıpırdamaz. */

.cc_lz85qzy3_cS97xCVuBA .yolculuk, .cc_lz85qzy3_HjoylmyhWi .yolculuk, .cc_lz85qzy3_5KtH0TnDXu .yolculuk {
  --yol-nokta: 2.25rem;
  position: relative;
  width: 100%;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk--kucuk, .cc_lz85qzy3_HjoylmyhWi .yolculuk--kucuk, .cc_lz85qzy3_5KtH0TnDXu .yolculuk--kucuk {
  --yol-nokta: 1.375rem;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__ray, .cc_lz85qzy3_HjoylmyhWi .yolculuk__ray, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__ray {
  position: absolute;
  top: calc(var(--yol-nokta) / 2 - 1px);
  left: calc(50% / var(--yol-n));
  right: calc(50% / var(--yol-n));
  height: 2px;
  border-radius: var(--radius-pill);
  background: var(--color-border);
  overflow: hidden;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__isik, .cc_lz85qzy3_HjoylmyhWi .yolculuk__isik, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__isik {
  position: absolute;
  inset: 0;
  transform-origin: left center;
  transform: scaleX(var(--yol-ilerleme));
  background: linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 55%, var(--color-accent-light)) 0%, var(--color-accent) 100%);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__isik::after, .cc_lz85qzy3_HjoylmyhWi .yolculuk__isik::after, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__isik::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0) 70%
  ) no-repeat;
  background-size: 40% 100%;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-sorun .yolculuk__isik, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-sorun .yolculuk__isik, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-sorun .yolculuk__isik {
  background: linear-gradient(90deg, var(--color-accent-light) 0%, var(--color-accent) 70%, var(--color-error) 100%);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adimlar, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adimlar, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adimlar {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--yol-n), minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  text-align: center;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk--kucuk .yolculuk__adim, .cc_lz85qzy3_HjoylmyhWi .yolculuk--kucuk .yolculuk__adim, .cc_lz85qzy3_5KtH0TnDXu .yolculuk--kucuk .yolculuk__adim {
  gap: 0.375rem;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__nokta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--yol-nokta);
  height: var(--yol-nokta);
  border: 2px solid var(--color-border-strong);
  border-radius: 50%;
  background: var(--color-surface);
  color: var(--color-accent-text);
  font-size: calc(var(--yol-nokta) * 0.48);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-gecildi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-gecildi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-gecildi .yolculuk__nokta {
  border-color: var(--color-accent);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .yolculuk__nokta {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 0.3125rem rgba(201, 179, 126, 0.2);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta {
  border-color: var(--color-error);
  color: var(--color-error);
  box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--color-error) 16%, transparent);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__onay .cv-icon__onay, .cc_lz85qzy3_HjoylmyhWi .yolculuk__onay .cv-icon__onay, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__onay .cv-icon__onay {
  stroke-width: 2;
  stroke-dasharray: 24;
  stroke-dashoffset: 0;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__ad, .cc_lz85qzy3_HjoylmyhWi .yolculuk__ad, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__ad {
  max-width: 100%;
  font-family: var(--font-label);
  font-size: var(--text-small);
  line-height: 1.3;
  color: var(--color-text-muted);
  overflow-wrap: anywhere;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk--kucuk .yolculuk__ad, .cc_lz85qzy3_HjoylmyhWi .yolculuk--kucuk .yolculuk__ad, .cc_lz85qzy3_5KtH0TnDXu .yolculuk--kucuk .yolculuk__ad {
  font-size: var(--text-label);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-gecildi .yolculuk__ad, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-gecildi .yolculuk__ad, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-gecildi .yolculuk__ad {
  color: var(--color-text-secondary);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .yolculuk__ad, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .yolculuk__ad, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .yolculuk__ad, .cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__ad, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__ad, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__ad {
  font-weight: var(--weight-medium);
  color: var(--color-text-primary);
}

/* Son adıma varış: "Birlikte al" seçimiyle aynı ışık dili. Işınlar ve
   parıltı yalnız hareket izni varken oynar; varsayılan hâlleri görünmez. */
.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  border-radius: var(--radius-pill);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before {
  inset: -0.875rem;
  background: repeating-conic-gradient(
    from 0deg,
    var(--color-accent) 0deg 7deg,
    transparent 7deg 45deg
  );
  -webkit-mask: radial-gradient(circle, transparent 52%, #000 54%, #000 70%, transparent 72%);
  mask: radial-gradient(circle, transparent 52%, #000 54%, #000 70%, transparent 72%);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after {
  inset: -0.5rem;
  background: radial-gradient(circle, rgba(201, 179, 126, 0.55) 0%, rgba(201, 179, 126, 0) 70%);
}

@keyframes yol-dol {
  from { transform: scaleX(0); }
}

@keyframes yol-supur {
  0% { opacity: 1; background-position: -60% 0; }
  100% { opacity: 1; background-position: 160% 0; }
}

@keyframes yol-yan {
  0% { transform: scale(0.82); background: var(--color-surface); border-color: var(--color-border-strong); color: var(--color-accent-text); }
  60% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

@keyframes yol-cik {
  0% { transform: scale(0.82); }
  60% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes yol-ciz {
  from { stroke-dashoffset: 24; }
}

@keyframes yol-nefes {
  0%, 100% { box-shadow: 0 0 0 0.3125rem rgba(201, 179, 126, 0.2), 0 0 0 0 rgba(201, 179, 126, 0); }
  50% { box-shadow: 0 0 0 0.5rem rgba(201, 179, 126, 0.08), 0 0 1.25rem 0.25rem rgba(201, 179, 126, 0.35); }
}

@keyframes yol-isin {
  0% { opacity: 0; transform: scale(0.55) rotate(0deg); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.35) rotate(22deg); }
}

@keyframes yol-parilti {
  0% { opacity: 0; transform: scale(0.4); }
  35% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.6); }
}

@media (prefers-reduced-motion: no-preference) {
  .cc_lz85qzy3_cS97xCVuBA .yolculuk__isik, .cc_lz85qzy3_HjoylmyhWi .yolculuk__isik, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__isik {
    animation: yol-dol var(--yol-dolum) var(--ease-out) var(--yol-gecikme) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__isik::after, .cc_lz85qzy3_HjoylmyhWi .yolculuk__isik::after, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__isik::after {
    animation: yol-supur 1100ms var(--ease-standard) calc(var(--yol-gecikme) + var(--yol-dolum) + 200ms);
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-gecildi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-gecildi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-gecildi .yolculuk__nokta {
    animation: yol-yan 420ms var(--ease-out) var(--yol-varis) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-gecildi .yolculuk__onay .cv-icon__onay, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-gecildi .yolculuk__onay .cv-icon__onay, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-gecildi .yolculuk__onay .cv-icon__onay {
    animation: yol-ciz 380ms var(--ease-out) calc(var(--yol-varis) + 120ms) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .yolculuk__nokta {
    animation: yol-cik 420ms var(--ease-out) var(--yol-varis) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-sorun .yolculuk__adim.is-simdi .yolculuk__nokta {
    animation: yol-cik 420ms var(--ease-out) var(--yol-varis) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::before {
    animation: yol-isin 720ms var(--ease-out) calc(var(--yol-varis) + 120ms);
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-bitti .yolculuk__adim:last-child .yolculuk__nokta::after {
    animation: yol-parilti 640ms var(--ease-out) calc(var(--yol-varis) + 120ms);
  }
}

/* ── Yola çıkan ışık ve durak fiilleri (09.10.2026) ──
   Işık rayın başından siparişin durağına gider ve söner. Bulunulan durak
   artık sürekli "nefes almıyor" (boşta sıfır hareket); onun yerine ikonu
   kendi fiilini BİR KEZ oynar: saat bir tur döner, kamyon ileri atılır,
   kutu yerine oturur. Sorun varsa ışık kırmızıya döner. */
.cc_lz85qzy3_cS97xCVuBA .yolculuk__tasiyici, .cc_lz85qzy3_HjoylmyhWi .yolculuk__tasiyici, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__tasiyici {
  position: absolute;
  top: calc(var(--yol-nokta) / 2);
  left: calc(50% / var(--yol-n));
  right: calc(50% / var(--yol-n));
  height: 0;
  pointer-events: none;
  z-index: 2;
  transform: translateX(calc(var(--yol-ilerleme) * 100%));
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__yolcu, .cc_lz85qzy3_HjoylmyhWi .yolculuk__yolcu, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__yolcu {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin: -0.375rem 0 0 -0.375rem;
  border-radius: 50%;
  background: var(--color-surface);
  box-shadow: 0 0 0 3px var(--color-accent), 0 0 14px 4px rgba(201, 179, 126, 0.7);
  opacity: 0;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk.is-sorun .yolculuk__yolcu, .cc_lz85qzy3_HjoylmyhWi .yolculuk.is-sorun .yolculuk__yolcu, .cc_lz85qzy3_5KtH0TnDXu .yolculuk.is-sorun .yolculuk__yolcu {
  box-shadow: 0 0 0 3px var(--color-error), 0 0 14px 4px rgba(142, 70, 60, 0.45);
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk--kucuk .yolculuk__yolcu, .cc_lz85qzy3_HjoylmyhWi .yolculuk--kucuk .yolculuk__yolcu, .cc_lz85qzy3_5KtH0TnDXu .yolculuk--kucuk .yolculuk__yolcu {
  width: 0.5rem;
  height: 0.5rem;
  margin: -0.25rem 0 0 -0.25rem;
}

.cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .cv-icon__akrep, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .cv-icon__akrep, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .cv-icon__akrep {
  transform-box: view-box;
  transform-origin: 12px 12px;
}

@keyframes yol-tasi {
  from { transform: translateX(0); }
  to { transform: translateX(calc(var(--yol-ilerleme) * 100%)); }
}

@keyframes yol-yolcu {
  0% { opacity: 0; transform: scale(0.4); }
  10% { opacity: 1; transform: scale(1); }
  88% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.6); }
}

@keyframes yol-saat {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

@keyframes yol-kamyon {
  0% { transform: translateX(-0.4375rem); }
  60% { transform: translateX(0.09375rem); }
  100% { transform: translateX(0); }
}

@keyframes yol-kutu {
  0% { transform: translateY(-0.25rem) scale(0.9); }
  60% { transform: translateY(0.0625rem) scale(1.04, 0.96); }
  100% { transform: none; }
}

@media (prefers-reduced-motion: no-preference) {
  .cc_lz85qzy3_cS97xCVuBA .yolculuk__tasiyici, .cc_lz85qzy3_HjoylmyhWi .yolculuk__tasiyici, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__tasiyici {
    animation: yol-tasi var(--yol-dolum) var(--ease-out) var(--yol-gecikme) backwards;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__yolcu, .cc_lz85qzy3_HjoylmyhWi .yolculuk__yolcu, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__yolcu {
    animation: yol-yolcu calc(var(--yol-dolum) + 260ms) linear var(--yol-gecikme) both;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .cv-icon__akrep, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .cv-icon__akrep, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .cv-icon__akrep {
    animation: yol-saat 1100ms cubic-bezier(0.5, 0, 0.3, 1) calc(var(--yol-varis) + 260ms) both;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .cv-icon__kamyon, .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .cv-icon__kamyon, .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .cv-icon__kamyon {
    animation: yol-kamyon 620ms cubic-bezier(0.2, 0.8, 0.3, 1) calc(var(--yol-varis) + 260ms) both;
  }

  .cc_lz85qzy3_cS97xCVuBA .yolculuk__adim.is-simdi .yolculuk__nokta > .cv-icon:not(:has(.cv-icon__akrep, .cv-icon__kamyon)), .cc_lz85qzy3_HjoylmyhWi .yolculuk__adim.is-simdi .yolculuk__nokta > .cv-icon:not(:has(.cv-icon__akrep, .cv-icon__kamyon)), .cc_lz85qzy3_5KtH0TnDXu .yolculuk__adim.is-simdi .yolculuk__nokta > .cv-icon:not(:has(.cv-icon__akrep, .cv-icon__kamyon)) {
    animation: yol-kutu 620ms cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--yol-varis) + 260ms) both;
  }
}