/* Sipariş ve teslimat componenti; ortak Outfit tipografisini kullanır. */
.order-delivery, .order-delivery * { box-sizing:border-box; }
.order-delivery { --order-block:120px; position:relative; z-index:4; display:flex; align-items:center; min-height:0; padding:var(--order-block) 0; color:var(--color-heading); background:var(--color-white); font-family:var(--yed-font-family,"Outfit"); }
.order-delivery__container { width:calc(100% - 84px); max-width:1656px; margin-inline:auto; }
.order-delivery__head { display:grid; grid-template-columns:minmax(0,1fr) max-content; column-gap:48px; row-gap:24px; align-items:end; width:100%; margin-bottom:80px; }
.order-delivery .order-delivery__eyebrow { margin:0; color:color-mix(in srgb, var(--color-dark) 50%, transparent); font:var(--fw-label) var(--fs-label)/var(--lh-ui) var(--font-family); letter-spacing:var(--ls-label); }
.order-delivery__head .order-delivery__eyebrow { grid-column:1 / -1; }
.order-delivery__head h2 { grid-column:1; grid-row:2; }
.order-delivery h2 { margin:0; color:var(--color-heading); font:var(--fw-heading) var(--fs-h2)/var(--lh-h2) var(--font-family); letter-spacing:var(--yed-h2-tracking,-.04em); text-wrap:initial; }
.order-delivery__accent { color:var(--color-heading-reveal); font-style:normal; }
.order-delivery__list { display:flex; gap:64px; margin-bottom:87px; }
.order-delivery__step { --step-color:var(--color-primary); position:relative; display:flex; flex-direction:column; flex:1; min-width:0; border-top:1px solid color-mix(in srgb,var(--step-color) 42%,var(--color-heading)); }
.order-delivery__step:nth-child(2) { --step-color:var(--green-100); }
.order-delivery__step:nth-child(3) { --step-color:var(--color-primary); }
.order-delivery__step::after { position:absolute; top:-1px; left:0; width:100%; height:2px; background:var(--step-color); content:""; transform:scaleX(0); transform-origin:left; transition:transform 3s ease; }
.order-delivery__step.is-active::after { transform:scaleX(1); }
.order-delivery__icon { flex-shrink:0; width:48px; height:48px; margin:49px 0 24px; fill:var(--step-color); transition:transform .5s cubic-bezier(.22,1,.36,1); }
.order-delivery__step:first-child .order-delivery__icon { transform:scale(.86); transform-origin:left center; }
.order-delivery h3 { margin:0 0 40px; color:color-mix(in srgb, var(--color-dark) 40%, transparent); font:var(--fw-heading) var(--fs-h3)/var(--lh-h3) var(--font-family); letter-spacing:var(--yed-h3-tracking,-.03125em); text-wrap:initial; transition:color .4s ease; }
.order-delivery__step.is-active h3 { color:var(--color-heading); }
.order-delivery__step.is-active .order-delivery__icon { transform:scale(1.04); }
.order-delivery__step:first-child.is-active .order-delivery__icon { transform:scale(.9); }
.order-delivery__step p { flex:1; margin:0; color:color-mix(in srgb, var(--color-dark) 80%, transparent); font:var(--fw-body) var(--fs-body)/var(--lh-body) var(--font-family); letter-spacing:var(--ls-body); }
.order-delivery__footer { display:flex; grid-column:2; grid-row:2; align-self:end; justify-self:end; justify-content:flex-end; padding-bottom:8px; }
.order-delivery.is-motion-ready [data-order-reveal] { opacity:0; transform:translateY(50px); transition:transform .8s ease,opacity .8s ease; }
.order-delivery.is-motion-ready [data-order-reveal].is-visible { opacity:1; transform:translateY(0); }
@media(min-width:1201px) and (max-width:1439px) {
 .order-delivery h2 { font-size:var(--yed-h2-size,64px); }
 .order-delivery__list { margin-bottom:70px; }
 .order-delivery__icon { width:44px; height:44px; margin:40px 0 28px; }
 .order-delivery__step p { font-size:var(--fs-body); }
}
@media(min-width:1024px) and (max-width:1200px) {
 .order-delivery__container { width:calc(100% - 104px); }
 .order-delivery h2 { font-size:var(--yed-h2-size,64px); }
 .order-delivery__head { margin-bottom:60px; }
 .order-delivery__list { gap:48px; margin-bottom:60px; }
 .order-delivery__icon { width:40px; height:40px; margin:32px 0 24px; }
 .order-delivery h3 { margin-bottom:24px; font-size:var(--yed-h3-size,32px); }
 .order-delivery__step p { font-size:var(--fs-body); }
}
@media(max-width:1023px) {
 .order-delivery__container { width:calc(100% - 24px); }
 .order-delivery__head { display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-bottom:56px; }
 .order-delivery__footer { align-self:flex-start; padding-bottom:0; }
 .order-delivery h2 { font-size:var(--yed-h2-size,32px); letter-spacing:var(--yed-h2-tracking,0); }
 .order-delivery h2 br { display:none; }
 .order-delivery__list { flex-direction:column; gap:40px; margin-bottom:48px; }
 .order-delivery__step { border-top:0; }
 .order-delivery__step:not(:last-child) { padding-bottom:40px; border-bottom:1px solid color-mix(in srgb, var(--color-dark) 10%, transparent); }
 .order-delivery__step::after { content:none; }
 .order-delivery__icon { margin:0 0 20px; }
 .order-delivery h3 { margin-bottom:16px; color:var(--color-heading); font-size:var(--yed-h3-size,24px); }
 .order-delivery__step p { font-size:var(--fs-body); }
}
@media(prefers-reduced-motion:reduce) {
 .order-delivery *, .order-delivery *::after { transition:none!important; }
 .order-delivery.is-motion-ready [data-order-reveal] { opacity:1; transform:none; }
}

/* Working page: independent process lines below the existing content. */
.order-delivery--process {
  --order-block: 180px;
  z-index: 1;
  justify-content: center;
}
.order-delivery--process .order-delivery__container {
  width: calc(100% - 2 * var(--page-gutter));
  max-width: var(--content-max, 1656px);
}
.order-delivery--process .order-delivery__list {
  margin-bottom: 0;
}
.order-delivery--process .order-delivery__step {
  border: 0;
  padding-bottom: 0;
}
.order-delivery--process .order-delivery__step::after { content: none; }
.order-delivery--process .order-delivery__icon-box {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 24px;
  border-radius: var(--radius-control);
  background: var(--color-order-icon-background);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.order-delivery--process .order-delivery__step .order-delivery__icon {
  width: 20px;
  height: 20px;
  margin: 0;
  fill: var(--green-700);
  transform: none;
}
.order-delivery--process .order-delivery__step h4 {
  margin: 0 0 30px;
  color: var(--color-heading);
  font: var(--fw-heading) var(--fs-h4)/var(--lh-h4) var(--font-family);
  letter-spacing: var(--ls-h4);
  text-wrap: initial;
}
.order-delivery--process .order-delivery__step p {
  --fs-body: var(--fs-order-description);
  max-width: 440px;
  color: var(--color-text);
}
.order-delivery--process .order-delivery__track {
  position: relative;
  flex: none;
  height: 32px;
  margin-top: 40px;
}
.order-delivery--process .order-delivery__line,
.order-delivery--process .order-delivery__fill {
  position: absolute;
  top: calc(50% - .5px);
  right: 0;
  left: 0;
  height: 1px;
  transform-origin: left center;
}
.order-delivery--process .order-delivery__line {
  background: var(--color-order-line);
}
.order-delivery--process .order-delivery__fill {
  background: var(--color-primary);
}
.order-delivery--process .order-delivery__light {
  position: absolute;
  top: calc(50% - 1px);
  left: -56px;
  width: 56px;
  height: 2px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, var(--color-button-comet-tail) 24%, var(--color-button-comet-head) 78%, var(--color-primary));
  filter: drop-shadow(0 0 3px var(--color-button-comet-head));
  pointer-events: none;
}
.order-delivery--process .order-delivery__light::after {
  position: absolute;
  inset: -3px 0;
  content: "";
  background: inherit;
  opacity: .5;
  filter: blur(5px);
}
.order-delivery--process .order-delivery__star {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 18px;
  height: 18px;
  translate: -50% -50%;
  background: var(--color-heading-reveal-on-dark);
  mask: var(--asset-star-01, url('../brand/logos/yildiz-01-transparent.svg')) center / contain no-repeat;
  -webkit-mask: var(--asset-star-01, url('../brand/logos/yildiz-01-transparent.svg')) center / contain no-repeat;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .order-delivery--process .order-delivery__step:not(:last-child) {
    border-bottom: 0;
    padding-bottom: 0;
  }
}