/* Ürün sayfası "#vardiya" bölümü, ürüne özel kurgular (partials/ori/pd-shift.htm, 4 Kasım 2026).
   swap (X6) · night (X3) · route (X5) · case (S21) · live (C8). 'day' (PT15) area-shop.css'teki .yk-shift ile kalır.
   Başlangıç hâli yalnız .is-armed (JS + hareket) iken; görününce .is-in. */
.ori .yk-ds{position:relative;list-style:none;margin:0;padding:0}
.ori .yk-ds h3{margin:10px 0 8px;font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--yk-ink)}
.ori .yk-ds p{margin:0;font-size:15px;line-height:1.55;color:var(--yk-500)}
.ori .yk-ds time{display:block;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--yk-red);font-variant-numeric:tabular-nums}
.ori .yk-ds.is-armed [style*="--i"]{opacity:0;transform:translateY(16px)}
.ori .yk-ds.is-in [style*="--i"]{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i) * .12s),transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s)}

/* ---- swap (X6): tek gün, batarya biçimli şerit; duraklar şeridin üstünde, seçilen adım altta tek panelde ---- */
.ori .yk-ds--swap{--bh:54px;--dd:40px;padding-top:30px}
.ori .yk-dsw-bar{position:relative;display:flex;gap:5px;height:var(--bh);padding:5px;border:2px solid var(--yk-ink);border-radius:15px;background:#fff}
.ori .yk-dsw-bar::after{content:"";position:absolute;right:-10px;top:50%;width:7px;height:20px;margin-top:-10px;border-radius:0 4px 4px 0;background:var(--yk-ink)}
.ori .yk-dsw-seg{display:block;height:100%;border-radius:9px;transform-origin:left}
.ori .yk-dsw-seg--1{flex:0 0 calc((var(--sw) + .5) / var(--n) * 100% - 8px);background:linear-gradient(90deg,var(--yk-red) 0%,var(--yk-red) 45%,#f0a1ab 100%)}
.ori .yk-dsw-seg--2{flex:1 1 auto;background:linear-gradient(90deg,#14181f,#2b3039)}
.ori .yk-dsw-lbl{position:absolute;bottom:calc(100% + 10px);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--yk-ink)}
.ori .yk-dsw-lbl--1{left:0}
.ori .yk-dsw-lbl--2{left:calc((var(--sw) + .5) / var(--n) * 100% + 26px)}
.ori .yk-ds.is-armed .yk-dsw-seg{transform:scaleX(0)}
.ori .yk-ds.is-in .yk-dsw-seg--1{transform:none;transition:transform 1.2s cubic-bezier(.4,0,.2,1) .15s}
.ori .yk-ds.is-in .yk-dsw-seg--2{transform:none;transition:transform 1s cubic-bezier(.4,0,.2,1) 1.35s}
.ori .yk-dsw-stops{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:calc(var(--bh) / -2 - var(--dd) / 2)}
.ori .yk-dsw-stop{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 6px 6px;border:0;background:none;color:var(--yk-500);text-align:center;cursor:pointer;font:inherit}
.ori .yk-dsw-dot{position:relative;display:grid;place-items:center;width:var(--dd);height:var(--dd)}
.ori .yk-dsw-dot::before{content:"";width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--yk-ink);transition:transform .25s ease,box-shadow .25s ease}
.ori .yk-dsw-stop:not(.is-b2):not(.is-swap) .yk-dsw-dot::before{box-shadow:0 0 0 3px #a3121f}
.ori .yk-dsw-stop.is-on .yk-dsw-dot::before{transform:scale(1.4);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--yk-red)}
.ori .yk-dsw-stop.is-swap .yk-dsw-dot::before{display:none}
.ori .yk-dsw-stop.is-swap .yk-dsw-dot{border-radius:50%;background:var(--yk-red);box-shadow:0 0 0 4px #fff;transition:transform .25s ease}
.ori .yk-dsw-stop.is-swap.is-on .yk-dsw-dot{transform:scale(1.15);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--yk-red)}
.ori .yk-dsw-stop.is-swap svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ori .yk-ds.is-in .yk-dsw-stop.is-swap svg{animation:ykdsSpin .8s cubic-bezier(.4,0,.2,1) 1.2s 1 both}
.ori .yk-dsw-stop time{margin-top:14px;font-size:14px;color:var(--yk-500)}
.ori .yk-dsw-stop__t{margin-top:4px;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em;transition:color .2s ease}
.ori .yk-dsw-stop.is-on time{color:var(--yk-red)}
.ori .yk-dsw-stop.is-on .yk-dsw-stop__t,.ori .yk-dsw-stop:hover .yk-dsw-stop__t{color:var(--yk-ink)}
.ori .yk-dsw-stop:focus-visible{outline:2px solid var(--yk-red);outline-offset:4px;border-radius:10px}
.ori .yk-dsw-panels{display:grid;margin-top:34px;padding:38px 44px;border-radius:24px;background:var(--yk-50);transition:background .35s ease}
.ori .yk-dsw-panels:has(.yk-dsw-p.is-swap.is-on){background:#0D1015}
.ori .yk-dsw-p{grid-area:1/1;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
.ori .yk-dsw-p.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}
.ori .yk-dsw-p__k{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--yk-500)}
.ori .yk-ds .yk-dsw-p time{font-size:64px;font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--yk-ink)}
.ori .yk-ds .yk-dsw-p h3{margin:0 0 10px;font-size:30px}
.ori .yk-ds .yk-dsw-p p{max-width:62ch;font-size:17px}
.ori .yk-dsw-p.is-swap .yk-dsw-p__k,.ori .yk-ds .yk-dsw-p.is-swap time{color:#FF5A6B}
.ori .yk-ds .yk-dsw-p.is-swap h3{color:#fff}
.ori .yk-ds .yk-dsw-p.is-swap p{color:rgba(255,255,255,.72)}
@keyframes ykdsSpin{from{transform:rotate(-180deg)}to{transform:none}}

/* ---- night: koyu bölüm, akşamdan sabaha ---- */
.ori .yk-pd-shift--night{background:#07090F}
.ori .yk-pd-shift--night .yk-h2{color:#fff}
.ori .yk-pd-shift--night .yk-sec-head__r{color:rgba(255,255,255,.66)}
.ori .yk-pd-shift--night .at-btn{color:#fff!important}
.ori .yk-ds--night h3{color:#fff}
.ori .yk-ds--night p{color:rgba(255,255,255,.62)}
.ori .yk-ds--night time{font-size:clamp(34px,3vw,52px);letter-spacing:-.05em;line-height:1;color:#fff}
.ori .yk-ds-sky{position:relative;height:110px;margin-bottom:8px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,#9c4524 0%,#3d1d3b 14%,#10162c 32%,#05070d 55%,#10162c 78%,#3c3567 92%,#c07a52 100%)}
.ori .yk-ds-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.8}
.ori .yk-ds.is-armed .yk-ds-star{opacity:0}
.ori .yk-ds.is-in .yk-ds-star{opacity:.8;transition:opacity .6s ease calc(.3s + var(--i) * .1s)}
.ori .yk-ds-moon{position:absolute;left:50%;top:22px;width:34px;height:34px;margin-left:-17px;fill:#e9ecf3}
.ori .yk-ds-night{list-style:none;position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));margin:0;padding:0}
.ori .yk-ds-night__line{position:absolute;left:0;right:0;top:9px;height:2px;background:rgba(255,255,255,.12)}
.ori .yk-ds-night__line i{position:absolute;inset:0;background:linear-gradient(90deg,#ff8a4d,var(--yk-red) 20%,var(--yk-red) 80%,#ff8a4d);transform-origin:left}
.ori .yk-ds.is-armed .yk-ds-night__line i{transform:scaleX(0)}
.ori .yk-ds.is-in .yk-ds-night__line i{transform:scaleX(1);transition:transform 2s cubic-bezier(.4,0,.2,1) .2s}
.ori .yk-ds-night__s{position:relative;padding:44px 24px 0 0}
.ori .yk-ds-dot{position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:#07090F;border:2px solid rgba(255,255,255,.55)}
.ori .yk-ds-night__s.is-dark .yk-ds-dot{background:var(--yk-red);border-color:var(--yk-red);box-shadow:0 0 0 6px rgba(225,36,58,.18),0 0 24px 6px rgba(225,36,58,.45)}
.ori .yk-ds-night__s.is-dark time{color:#FF5A6B}

/* ---- route: duraklı devriye (zikzak rota) ---- */
.ori .yk-ds--route{padding:0}
.ori .yk-ds-route{position:absolute;left:0;right:0;top:60px;height:130px;width:100%}
.ori .yk-ds-route__dim{fill:none;stroke:var(--yk-200);stroke-width:2;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.ori .yk-ds-route__ln{fill:none;stroke:var(--yk-red);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.ori .yk-ds.is-armed .yk-ds-route__ln{stroke-dashoffset:1}
.ori .yk-ds.is-in .yk-ds-route__ln{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1) .2s}
.ori .yk-ds-stops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:0 18px;position:relative}
.ori .yk-ds-stops li{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px}
.ori .yk-ds-stops li.is-low{padding-top:150px}
.ori .yk-ds-pin{display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--yk-ink);color:#fff;font-size:15px;font-weight:600;margin-bottom:22px}
.ori .yk-ds-stops li:first-child .yk-ds-pin,.ori .yk-ds-stops li:last-child .yk-ds-pin{background:var(--yk-red)}
.ori .yk-ds-pin b{display:block;transform:rotate(45deg);line-height:1}
.ori .yk-ds-stop__t{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--yk-50);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--yk-ink)}
.ori .yk-ds-stop p{font-size:14px}

/* ---- case: dosya kartları ---- */
.ori .yk-ds--case{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.ori .yk-ds-file{position:relative;padding-top:30px}
.ori .yk-ds-file__tab{position:absolute;left:0;top:0;height:32px;padding:0 18px;display:inline-flex;align-items:center;border-radius:12px 12px 0 0;background:#E9E3D4;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#3b3527}
.ori .yk-ds-file__b{position:relative;display:flex;flex-direction:column;height:100%;padding:24px 24px 22px;border-radius:0 14px 14px 14px;background:#F4F0E6;border:1px solid #E2DAC6}
.ori .yk-ds-file__no{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#8a7f66}
.ori .yk-ds--case h3{margin-top:12px}
.ori .yk-ds--case p{color:#5c5646}
.ori .yk-ds-file__stamp{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:6px}
.ori .yk-ds-file__stamp i{font-style:normal;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border:1.5px solid var(--yk-red);border-radius:4px;color:var(--yk-red);transform:rotate(-2deg)}
.ori .yk-ds.is-armed .yk-ds-file__stamp i{opacity:0;transform:rotate(-2deg) scale(1.6)}
.ori .yk-ds.is-in .yk-ds-file__stamp i{opacity:1;transform:rotate(-2deg);transition:opacity .25s ease calc(.5s + var(--i, 0) * .12s),transform .35s cubic-bezier(.3,1.4,.5,1) calc(.5s + var(--i, 0) * .12s)}

/* ---- live: saha ve merkez, iki şerit ---- */
.ori .yk-ds--live{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 40px auto;column-gap:24px}
.ori .yk-ds-live__k{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yk-ink)}
.ori .yk-ds-live__k i{width:10px;height:10px;border-radius:50%;background:var(--yk-ink)}
.ori .yk-ds-live__k--f{grid-column:1;grid-row:1;align-self:start;padding-top:6px}
.ori .yk-ds-live__k--c{grid-column:1;grid-row:3;align-self:start;padding-top:6px}
.ori .yk-ds-live__k--c i{background:var(--yk-red);animation:ykdsBlink 1.4s steps(2,jump-none) infinite}
@keyframes ykdsBlink{50%{opacity:.25}}
.ori .yk-ds-live__axis{grid-column:1/-1;grid-row:2;position:relative}
.ori .yk-ds-live__axis i{position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--yk-ink) 0 8px,transparent 8px 14px)}
.ori .yk-ds-live{grid-column:2;grid-row:1/4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));grid-template-rows:auto 40px auto;column-gap:16px}
.ori .yk-ds-live li{grid-column:var(--col);padding:16px 16px 18px;border-radius:14px;background:var(--yk-50)}
.ori .yk-ds-live li.is-f{grid-row:1;align-self:end}
.ori .yk-ds-live li.is-c{grid-row:3;align-self:start;background:#0D1015}
.ori .yk-ds-live li.is-c h3{color:#fff}
.ori .yk-ds-live li.is-c p{color:rgba(255,255,255,.7)}
.ori .yk-ds-live li.is-c time{color:#FF5A6B}
.ori .yk-ds-live li h3{font-size:18px}
.ori .yk-ds-live li p{font-size:14px}
.ori .yk-ds-live__lane{display:none}

@media (max-width:1199px){
  .ori .yk-dsw-stop__t{font-size:14px}
  .ori .yk-dsw-p{grid-template-columns:160px minmax(0,1fr);gap:28px}
  .ori .yk-ds .yk-dsw-p time{font-size:48px}
  .ori .yk-ds--case{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ori .yk-ds-stops li.is-low{padding-top:60px}
  .ori .yk-ds-route{display:none}
  .ori .yk-ds-stops{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
  .ori .yk-ds--live{display:block}
  .ori .yk-ds-live__k,.ori .yk-ds-live__axis{display:none}
  .ori .yk-ds-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:14px}
  .ori .yk-ds-live li,.ori .yk-ds-live li.is-f,.ori .yk-ds-live li.is-c{grid-column:auto;grid-row:auto;align-self:stretch}
  .ori .yk-ds-live__lane{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yk-500)}
  .ori .yk-ds-live li.is-c .yk-ds-live__lane{color:#FF5A6B}
}
@media (max-width:767px){
  .ori .yk-ds--swap{--bh:40px;--dd:30px}
  .ori .yk-dsw-bar{border-radius:12px;padding:4px}
  .ori .yk-dsw-lbl{font-size:10px;letter-spacing:.08em}
  .ori .yk-dsw-lbl--2{left:auto;right:4px}
  .ori .yk-dsw-stop{padding:0 0 4px}
  .ori .yk-dsw-dot::before{width:11px;height:11px}
  .ori .yk-dsw-stop.is-swap svg{width:16px;height:16px}
  .ori .yk-dsw-stop time{margin-top:10px;font-size:11px;letter-spacing:0}
  .ori .yk-dsw-stop__t{display:none}
  .ori .yk-dsw-panels{margin-top:22px;padding:24px 22px;border-radius:20px}
  .ori .yk-dsw-p{grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
  .ori .yk-dsw-p__l{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .ori .yk-ds .yk-dsw-p time{font-size:34px}
  .ori .yk-ds .yk-dsw-p h3{font-size:22px}
  .ori .yk-ds .yk-dsw-p p{font-size:15px}
  .ori .yk-ds-night{grid-template-columns:minmax(0,1fr);padding-left:34px}
  .ori .yk-ds-night__line{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .ori .yk-ds-night__line i{transform-origin:top;background:linear-gradient(180deg,#ff8a4d,var(--yk-red) 20%,var(--yk-red) 80%,#ff8a4d)}
  .ori .yk-ds.is-armed .yk-ds-night__line i{transform:scaleY(0)}
  .ori .yk-ds.is-in .yk-ds-night__line i{transform:scaleY(1)}
  .ori .yk-ds-night__s{padding:0 0 32px}
  .ori .yk-ds-dot{left:-34px;top:8px}
  .ori .yk-ds-sky{height:80px}
  .ori .yk-ds-stops{grid-template-columns:minmax(0,1fr);gap:0;padding-left:56px;border-left:2px dashed var(--yk-200);margin-left:20px}
  .ori .yk-ds-stops li,.ori .yk-ds-stops li.is-low{flex-direction:row;align-items:flex-start;text-align:left;padding:0 0 28px;position:relative}
  .ori .yk-ds-pin{position:absolute;left:-77px;top:0;width:36px;height:36px;margin:0;font-size:14px}
  .ori .yk-ds--case{grid-template-columns:minmax(0,1fr);gap:24px}
  .ori .yk-ds-live{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ori .yk-ds *,.ori .yk-ds{animation:none!important;transition:none!important}}