/* ======================================================
   NEON TAKSİ SAHNESI
   ====================================================== */
.neon-taxi-scene { position:relative; width:480px; height:320px; flex-shrink:0; }
.taxi-ground { position:absolute; bottom:30px; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,rgba(245,158,11,0.6),rgba(245,158,11,0.8),rgba(245,158,11,0.6),transparent); border-radius:50%; filter:blur(2px); box-shadow:0 4px 20px rgba(245,158,11,0.4),0 0 60px rgba(245,158,11,0.15); }
.road-line { position:absolute; bottom:35px; left:10%; right:10%; height:2px; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent); animation:roadMove 1.5s linear infinite; }
.road-line-2 { bottom:25px; animation-delay:-0.75s; }
@keyframes roadMove { from{transform:translateX(20px);opacity:0} 50%{opacity:1} to{transform:translateX(-20px);opacity:0} }
.neon-taxi { position:absolute; bottom:36px; left:50%; transform:translateX(-50%); width:320px; animation:taxiFloat 3.5s ease-in-out infinite; filter:drop-shadow(0 0 18px rgba(245,158,11,0.5)) drop-shadow(0 0 40px rgba(245,158,11,0.2)); }
@keyframes taxiFloat { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-12px)} }
.taxi-sign { position:absolute; top:-18px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,#f59e0b,#fbbf24); color:#000; font-weight:900; font-size:0.7rem; letter-spacing:0.12em; padding:4px 14px; border-radius:6px; z-index:10; box-shadow:0 0 10px #f59e0b,0 0 25px #f59e0b,0 0 50px rgba(245,158,11,0.6); animation:signPulse 2s ease-in-out infinite; }
@keyframes signPulse { 0%,100%{box-shadow:0 0 10px #f59e0b,0 0 25px #f59e0b,0 0 50px rgba(245,158,11,0.5)} 50%{box-shadow:0 0 15px #fbbf24,0 0 35px #fbbf24,0 0 70px rgba(251,191,36,0.8)} }
.taxi-top { position:relative; width:200px; height:75px; margin:0 auto; background:linear-gradient(160deg,#1a2035 0%,#0f1525 60%,#0a1020 100%); border-radius:22px 22px 0 0; border:1.5px solid rgba(245,158,11,0.5); border-bottom:none; box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 0 15px rgba(245,158,11,0.2); overflow:hidden; }
.taxi-top::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(245,158,11,0.8),transparent); }
.taxi-window { position:absolute; top:12px; bottom:10px; width:72px; background:linear-gradient(135deg,rgba(6,182,212,0.15),rgba(6,182,212,0.05)); border-radius:10px 10px 4px 4px; border:1px solid rgba(6,182,212,0.3); box-shadow:inset 0 0 12px rgba(6,182,212,0.1),0 0 8px rgba(6,182,212,0.15); }
.taxi-window::after { content:''; position:absolute; top:4px; left:4px; width:20px; height:8px; background:rgba(255,255,255,0.06); border-radius:4px; transform:rotate(-10deg); }
.taxi-window-left{left:14px} .taxi-window-right{right:14px}
.taxi-body { position:relative; width:100%; height:70px; background:linear-gradient(160deg,#1a2035,#111828 50%,#0a1020); border-radius:8px 8px 10px 10px; border:1.5px solid rgba(245,158,11,0.4); border-top:1px solid rgba(245,158,11,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 4px 20px rgba(0,0,0,0.6); overflow:hidden; }
.taxi-body::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(245,158,11,0.04) 50%,transparent); }
.taxi-door { position:absolute; top:6px; bottom:6px; width:118px; border:1px solid rgba(245,158,11,0.15); border-radius:4px; }
.taxi-door-left{left:8px} .taxi-door-right{right:8px}
.taxi-door-handle { position:absolute; top:50%; right:12px; transform:translateY(-50%); width:22px; height:5px; background:rgba(245,158,11,0.5); border-radius:3px; box-shadow:0 0 6px rgba(245,158,11,0.4); }
.taxi-door-left .taxi-door-handle{right:auto;left:12px}
.taxi-headlight { position:absolute; top:50%; transform:translateY(-50%); width:14px; height:20px; border-radius:4px; }
.taxi-headlight-front{right:4px;background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf24,0 0 20px rgba(251,191,36,0.5)}
.taxi-headlight-back{left:4px;background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef4444,0 0 20px rgba(239,68,68,0.5)}
.headlight-beam { position:absolute; right:100%; top:50%; transform:translateY(-50%); width:55px; height:14px; background:linear-gradient(90deg,transparent,rgba(251,191,36,0.12)); clip-path:polygon(0 50%,100% 0,100% 100%); filter:blur(2px); }
.backlight-glow { position:absolute; left:100%; top:50%; transform:translateY(-50%); width:30px; height:10px; background:linear-gradient(270deg,transparent,rgba(239,68,68,0.3)); filter:blur(3px); }
.taxi-bumper-front{position:absolute;right:-2px;bottom:4px;width:8px;height:24px;background:rgba(245,158,11,0.2);border-radius:0 4px 4px 0;border:1px solid rgba(245,158,11,0.3)}
.taxi-bumper-back{position:absolute;left:-2px;bottom:4px;width:8px;height:24px;background:rgba(245,158,11,0.1);border-radius:4px 0 0 4px;border:1px solid rgba(245,158,11,0.2)}
.taxi-wheel { position:absolute; bottom:-18px; width:52px; height:52px; background:#0a0e1a; border-radius:50%; border:3px solid rgba(245,158,11,0.6); box-shadow:0 0 12px rgba(245,158,11,0.4),0 0 30px rgba(245,158,11,0.15),inset 0 0 8px rgba(0,0,0,0.8); animation:wheelSpin 1s linear infinite; }
.taxi-wheel-front{right:40px} .taxi-wheel-back{left:40px}
.wheel-rim { position:absolute; top:50%; left:50%; width:32px; height:32px; transform:translate(-50%,-50%); border-radius:50%; border:2px solid rgba(245,158,11,0.3); }
.wheel-rim::before,.wheel-rim::after { content:''; position:absolute; top:50%; left:50%; width:2px; height:100%; background:rgba(245,158,11,0.3); transform:translate(-50%,-50%); }
.wheel-rim::after{transform:translate(-50%,-50%) rotate(90deg)}
.wheel-center{position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:#f59e0b;border-radius:50%;box-shadow:0 0 8px #f59e0b}
@keyframes wheelSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.neon-particle{position:absolute;border-radius:50%;animation:particleFloat linear infinite}
.p1{width:6px;height:6px;background:#f59e0b;top:20%;left:8%;box-shadow:0 0 10px #f59e0b;animation-duration:3s}
.p2{width:4px;height:4px;background:#06b6d4;top:40%;right:6%;box-shadow:0 0 8px #06b6d4;animation-duration:4s;animation-delay:1s}
.p3{width:5px;height:5px;background:#fbbf24;top:10%;right:20%;box-shadow:0 0 10px #fbbf24;animation-duration:2.5s;animation-delay:0.5s}
.p4{width:3px;height:3px;background:#10b981;bottom:50%;left:18%;box-shadow:0 0 8px #10b981;animation-duration:3.5s;animation-delay:1.5s}
.p5{width:5px;height:5px;background:#8b5cf6;bottom:40%;right:15%;box-shadow:0 0 10px #8b5cf6;animation-duration:4.5s;animation-delay:2s}
@keyframes particleFloat{0%,100%{transform:translateY(0) scale(1);opacity:0.8}50%{transform:translateY(-20px) scale(1.2);opacity:1}}
.speed-line{position:absolute;height:1px;border-radius:1px;background:linear-gradient(90deg,rgba(245,158,11,0.6),transparent);animation:speedMove 1.2s ease-in-out infinite}
.sl1{width:60px;top:40%;left:-10px} .sl2{width:40px;top:48%;left:-5px;animation-delay:0.3s;opacity:0.6} .sl3{width:80px;top:56%;left:-15px;animation-delay:0.6s;opacity:0.4}
@keyframes speedMove{from{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(30px);opacity:0}}
.taxi-info-card { position:absolute; top:0; right:0; background:rgba(6,9,20,0.85); backdrop-filter:blur(12px); border:1px solid rgba(16,185,129,0.3); border-radius:12px; padding:10px 16px; display:flex; align-items:center; gap:8px; font-size:0.8rem; font-weight:600; color:#6ee7b7; box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 20px rgba(16,185,129,0.1); animation:cardPop 3s ease-in-out infinite; }
.info-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulseDot 2s infinite}
@keyframes cardPop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:768px){.neon-taxi-scene{display:none}}