/* ===== 6 KDS — garson/masa → mutfak → yazıcı → hazırlık → servis ===== */
.v6 { --cycle: 15s; background:
  radial-gradient(ellipse 50% 45% at 50% 30%, rgba(15,118,110,.14), transparent 55%),
  linear-gradient(160deg,#0c1210,#080a0c); }
.v6 .story { position:absolute; inset:0; }
.v6 .beat {
  position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none;
}
.v6 .b1 { animation:v6b1 var(--cycle) linear infinite; }
.v6 .b2 { animation:v6b2 var(--cycle) linear infinite; }
.v6 .b3 { animation:v6b3 var(--cycle) linear infinite; }
.v6 .b4 { animation:v6b4 var(--cycle) linear infinite; }
.v6 .b5 { animation:v6b5 var(--cycle) linear infinite; }
/* 16–26 kaynak · 26–36 KDS · 36–44 yazıcı · 44–52 hazırlık · 52–100 servis hold */
@keyframes v6b1 {
  0%,15.5%{opacity:0;visibility:hidden}
  16.5%,25%{opacity:1;visibility:visible}
  26.5%,100%{opacity:0;visibility:hidden}
}
@keyframes v6b2 {
  0%,25.5%{opacity:0;visibility:hidden}
  26.5%,35%{opacity:1;visibility:visible}
  36.5%,100%{opacity:0;visibility:hidden}
}
@keyframes v6b3 {
  0%,35.5%{opacity:0;visibility:hidden}
  36.5%,43%{opacity:1;visibility:visible}
  44.5%,100%{opacity:0;visibility:hidden}
}
@keyframes v6b4 {
  0%,43.5%{opacity:0;visibility:hidden}
  44.5%,51%{opacity:1;visibility:visible}
  52.5%,100%{opacity:0;visibility:hidden}
}
@keyframes v6b5 {
  0%,51.5%{opacity:0;visibility:hidden;transform:scale(1.03)}
  53%{opacity:1;visibility:visible;transform:scale(1)}
  100%{opacity:1;visibility:visible;transform:scale(1)}
}
.v6 .rail {
  position:absolute; left:50%; bottom:.45rem; transform:translateX(-50%);
  display:flex; gap:.3rem; z-index:8;
}
.v6 .rail i { width:26px; height:4px; border-radius:99px; background:rgba(255,255,255,.12); }
.v6 .rail i:nth-child(1){animation:v6r1 var(--cycle) linear infinite}
.v6 .rail i:nth-child(2){animation:v6r2 var(--cycle) linear infinite}
.v6 .rail i:nth-child(3){animation:v6r3 var(--cycle) linear infinite}
.v6 .rail i:nth-child(4){animation:v6r4 var(--cycle) linear infinite}
.v6 .rail i:nth-child(5){animation:v6r5 var(--cycle) linear infinite}
@keyframes v6r1 {
  0%,15%{background:rgba(255,255,255,.12)} 16%,25%{background:#ffc86b} 26%,100%{background:rgba(255,255,255,.12)}
}
@keyframes v6r2 {
  0%,25%{background:rgba(255,255,255,.12)} 26%,35%{background:#7eb6ff} 36%,100%{background:rgba(255,255,255,.12)}
}
@keyframes v6r3 {
  0%,35%{background:rgba(255,255,255,.12)} 36%,43%{background:var(--brand)} 44%,100%{background:rgba(255,255,255,.12)}
}
@keyframes v6r4 {
  0%,43%{background:rgba(255,255,255,.12)} 44%,51%{background:#ffc86b} 52%,100%{background:rgba(255,255,255,.12)}
}
@keyframes v6r5 {
  0%,51%{background:rgba(255,255,255,.12)} 52%,100%{background:#7dffb2}
}
.v6 .cap {
  position:absolute; left:.7rem; bottom:.85rem; z-index:6;
  padding:.4rem .6rem; border-radius:10px; background:rgba(10,14,12,.9); color:#fff;
  border:1px solid rgba(255,255,255,.12); font:800 .68rem Outfit,sans-serif;
}
.v6 .cap small { display:block; font-size:.5rem; font-weight:600; color:#8b95a8; margin-top:.1rem; }

/* Beat 1 — garson + masa kaynak */
.v6 .src {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  gap:clamp(.6rem,3vw,1.5rem); padding:1rem;
}
.v6 .masa-card {
  width:min(38%,240px); background:#fff; color:#111; border-radius:14px;
  border:2px solid #fbbf24; padding:.7rem; box-shadow:0 18px 40px rgba(0,0,0,.35);
  animation:v6pop var(--cycle) var(--punch) infinite;
}
@keyframes v6pop {
  0%,16%{opacity:0;transform:scale(.92) translateY(10px)}
  19%{opacity:1;transform:none}
  25%,100%{opacity:1}
}
.v6 .masa-card .badge {
  display:inline-block; font:800 .5rem Outfit,sans-serif; padding:.12rem .35rem;
  border-radius:99px; background:#fffbeb; color:#b45309; margin-bottom:.35rem;
}
.v6 .masa-card h3 { margin:0 0 .2rem; font:800 1.1rem Outfit,sans-serif; }
.v6 .masa-card p { margin:0; font-size:.58rem; color:#6b7280; font-weight:600; }
.v6 .masa-card .amt { margin-top:.45rem; font:800 1rem Outfit,sans-serif; }
.v6 .arrow-flow {
  font:800 1.6rem Outfit,sans-serif; color:var(--brand);
  animation:v6arr .7s var(--snap) infinite alternate;
}
@keyframes v6arr { to { transform:translateX(5px); opacity:.6 } }
.v6 .hand {
  width:min(26%,140px); aspect-ratio:10/17; background:#0e1014; border:2px solid #2a3140;
  border-radius:16px; padding:6px; box-shadow:0 18px 40px rgba(0,0,0,.45);
  animation:v6hand var(--cycle) var(--snap) infinite;
}
@keyframes v6hand {
  0%,17%{opacity:0;transform:translateX(-16px) rotate(6deg)}
  20%{opacity:1;transform:rotate(-3deg)}
  25%,100%{opacity:1;transform:rotate(-3deg)}
}
.v6 .hs {
  height:100%; border-radius:11px; background:#151922; padding:.4rem;
  display:flex; flex-direction:column; gap:.2rem; font-size:.48rem; color:#f2f4f8;
}
.v6 .hs strong { font:800 .62rem Outfit,sans-serif; }
.v6 .hs .ln { display:flex; justify-content:space-between; padding:.15rem .2rem; background:rgba(255,255,255,.05); border-radius:5px; }
.v6 .hs .btn {
  margin-top:auto; text-align:center; background:var(--brand); color:#fff;
  font:800 .52rem Outfit,sans-serif; padding:.35rem; border-radius:7px;
  animation:v6tap var(--cycle) var(--punch) infinite;
}
@keyframes v6tap {
  0%,21%{transform:scale(1)} 23%{transform:scale(.9);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.4)} 26%,100%{transform:scale(1)}
}

/* Beat 2 — KDS board receive */
.v6 .kds {
  position:absolute; inset:5% 4% 10% 4%;
  display:grid; grid-template-rows:auto 1fr; gap:.4rem;
}
.v6 .kds-bar {
  display:flex; justify-content:space-between; align-items:center;
  font:800 .75rem Outfit,sans-serif; color:#fff;
}
.v6 .kds-bar .live {
  font-size:.52rem; color:#7dffb2; border:1px solid rgba(50,200,120,.4);
  background:rgba(50,200,120,.12); padding:.12rem .4rem; border-radius:99px;
}
.v6 .cols {
  display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; min-height:0;
}
.v6 .col {
  background:#12181a; border:1px solid var(--line); border-radius:12px;
  padding:.4rem; display:flex; flex-direction:column; gap:.3rem; min-height:0;
}
.v6 .col h3 {
  margin:0; font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; font-weight:800;
}
.v6 .col.c1 h3{color:#7eb6ff} .v6 .col.c2 h3{color:#ffc86b} .v6 .col.c3 h3{color:#7dffb2}
.v6 .ticket {
  background:#1a2226; border-radius:8px; padding:.4rem; font-size:.55rem;
  border-left:3px solid; opacity:0;
}
.v6 .c1 .ticket{border-color:#7eb6ff;animation:v6in var(--cycle) var(--snap) infinite}
.v6 .c1 .ticket:nth-child(2){animation-delay:0s}
.v6 .c1 .ticket:nth-child(3){animation-delay:.15s}
.v6 .c2 .ticket{border-color:#ffc86b}
.v6 .c3 .ticket{border-color:#7dffb2}
@keyframes v6in {
  0%,27%{opacity:0;transform:translateY(-12px) scale(.96)}
  30%{opacity:1;transform:none}
  35%,100%{opacity:1}
}
.v6 .ticket strong{display:block;font:700 .7rem Outfit,sans-serif}
.v6 .ticket span{color:var(--muted);display:block;margin-top:.1rem}
.v6 .ticket .src-tag {
  display:inline-block; margin-top:.25rem; font:800 .42rem Outfit,sans-serif;
  padding:.08rem .28rem; border-radius:4px;
}
.v6 .src-tag.masa{background:rgba(255,200,107,.18);color:#ffc86b}
.v6 .src-tag.garson{background:rgba(126,182,255,.18);color:#a8cfff}

/* Beat 3 — printers */
.v6 .print-scene {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  gap:1rem; padding:1rem;
}
.v6 .printer {
  width:min(28%,180px); background:#151922; border:1px solid var(--line);
  border-radius:12px; padding:.55rem; text-align:center;
  box-shadow:0 16px 36px rgba(0,0,0,.4);
  animation:v6pr var(--cycle) var(--snap) infinite;
}
.v6 .printer:nth-child(2){animation-delay:.1s}
@keyframes v6pr {
  0%,36%{opacity:0;transform:translateY(12px)}
  39%{opacity:1;transform:none}
  43%,100%{opacity:1}
}
.v6 .printer .ico {
  width:42px; height:36px; margin:0 auto .35rem; border-radius:6px;
  background:linear-gradient(180deg,#2a3340,#1a2028); border:1px solid rgba(255,255,255,.12);
  position:relative;
}
.v6 .printer .ico::after {
  content:""; position:absolute; left:20%; right:20%; bottom:-4px; height:10px;
  background:#f4f4f5; border-radius:2px;
  animation:v6slip var(--cycle) var(--snap) infinite;
}
.v6 .printer:nth-child(1) .ico::after{animation-delay:0s}
.v6 .printer:nth-child(2) .ico::after{animation-delay:.12s}
@keyframes v6slip {
  0%,38%{transform:translateY(-6px);opacity:0}
  41%{transform:translateY(4px);opacity:1}
  43%,100%{transform:translateY(4px);opacity:1}
}
.v6 .printer h4 { margin:0 0 .15rem; font:800 .7rem Outfit,sans-serif; }
.v6 .printer p { margin:0; font-size:.5rem; color:var(--muted); }
.v6 .slip {
  margin-top:.4rem; background:#f7f4ef; color:#111; border-radius:6px; padding:.35rem;
  font-size:.45rem; text-align:left; font-weight:600; line-height:1.35;
  opacity:0; animation:v6slipTxt var(--cycle) var(--punch) infinite;
}
.v6 .printer:nth-child(2) .slip{animation-delay:.12s}
@keyframes v6slipTxt {
  0%,40%{opacity:0} 42%{opacity:1} 43%,100%{opacity:1}
}

/* Beat 4 — cooking columns fill */
.v6 .b4 .c1 .ticket { animation:v6fadeOut var(--cycle) linear infinite; }
.v6 .b4 .c2 .ticket {
  opacity:0; border-color:#ffc86b;
  animation:v6cook var(--cycle) var(--snap) infinite;
}
.v6 .b4 .c2 .ticket:nth-child(2){animation-delay:0s}
.v6 .b4 .c2 .ticket:nth-child(3){animation-delay:.12s}
.v6 .b4 .c3 .ticket {
  opacity:0; border-color:#7dffb2;
  animation:v6ready var(--cycle) var(--snap) infinite;
}
@keyframes v6fadeOut {
  0%,44%{opacity:.35} 48%{opacity:.15} 51%,100%{opacity:.15}
}
@keyframes v6cook {
  0%,45%{opacity:0;transform:translateX(-10px)}
  48%{opacity:1;transform:none}
  51%,100%{opacity:1}
}
@keyframes v6ready {
  0%,48%{opacity:0;transform:translateX(-10px)}
  51%{opacity:1;transform:none}
  52%,100%{opacity:1}
}
.v6 .cook-tag {
  position:absolute; right:.8rem; top:12%; z-index:5;
  font:800 .7rem Outfit,sans-serif; color:#ffc86b;
  background:rgba(255,200,107,.12); border:1px solid rgba(255,200,107,.4);
  padding:.35rem .55rem; border-radius:8px;
  opacity:0; animation:v6ctag var(--cycle) var(--punch) infinite;
}
@keyframes v6ctag {
  0%,45%{opacity:0} 48%{opacity:1} 51%,100%{opacity:1}
}

/* Beat 5 — serve hold */
.v6 .serve {
  position:absolute; inset:0; display:grid; place-items:center; padding:6%;
}
.v6 .serve-card {
  width:min(88%,520px); background:#151922; border:1px solid rgba(50,200,120,.4);
  border-radius:16px; padding:1rem 1.1rem; text-align:center;
  box-shadow:0 20px 48px rgba(0,0,0,.45);
}
.v6 .serve-card .ok {
  width:48px; height:48px; border-radius:50%; margin:0 auto .55rem;
  background:rgba(50,200,120,.2); border:2px solid #7dffb2; color:#7dffb2;
  display:grid; place-items:center; font:800 1.2rem Outfit,sans-serif;
}
.v6 .serve-card h3 {
  margin:0 0 .35rem; font:800 clamp(1.2rem,3vw,1.7rem) Outfit,sans-serif; color:#fff;
}
.v6 .serve-card p { margin:0 0 .8rem; color:var(--muted); font-size:.7rem; }
.v6 .serve-list {
  display:flex; flex-direction:column; gap:.35rem; text-align:left;
}
.v6 .serve-list div {
  display:flex; justify-content:space-between; align-items:center;
  padding:.45rem .55rem; border-radius:8px; background:rgba(255,255,255,.04);
  font:700 .7rem Outfit,sans-serif;
  opacity:0; animation:v6sv var(--cycle) var(--snap) infinite;
}
.v6 .serve-list div:nth-child(1){animation-delay:0s}
.v6 .serve-list div:nth-child(2){animation-delay:.1s}
.v6 .serve-list div:nth-child(3){animation-delay:.2s}
@keyframes v6sv {
  0%,53%{opacity:0;transform:translateY(8px)}
  56%{opacity:1;transform:none}
  100%{opacity:1}
}
.v6 .serve-list em { font-style:normal; color:#7dffb2; font-size:.85em; }