body { font-family: 'Nunito Sans', sans-serif; position: relative; }
h1, h2, h3, .font-display { font-family: 'Poppins', sans-serif; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #FF9285; border-radius: 8px; }
[dir="rtl"] .space-x-reverse { direction: rtl; }

/* ---------- Futuristik / tatil temali animasyonlar ---------- */

@keyframes floatBlob {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(20px, -30px) scale(1.05); }
  66% { transform: translate(-15px, 15px) scale(0.97); }
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes shine {
  0% { transform: translateX(-120%) skewX(-20deg); }
  100% { transform: translateX(220%) skewX(-20deg); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 91, 0.35); }
  50% { box-shadow: 0 0 0 10px rgba(255, 107, 91, 0); }
}

@keyframes countUpFade {
  from { opacity: 0; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1); }
}

.bg-blob {
  position: fixed;
  border-radius: 9999px;
  filter: blur(60px);
  opacity: 0.35;
  z-index: -1;
  animation: floatBlob 14s ease-in-out infinite;
  pointer-events: none;
}
.bg-blob-1 { width: 380px; height: 380px; background: #FF6B5B; top: -120px; left: -100px; animation-delay: 0s; }
.bg-blob-2 { width: 320px; height: 320px; background: #00C2CB; top: 30%; right: -120px; animation-delay: -5s; }
.bg-blob-3 { width: 300px; height: 300px; background: #FFC93C; bottom: -100px; left: 20%; animation-delay: -9s; }

.gradient-animated {
  background-size: 200% 200%;
  animation: gradientShift 8s ease infinite;
}

.fade-in-up {
  animation: fadeInUp 0.5s ease both;
}

.shine-btn {
  position: relative;
  overflow: hidden;
}
.shine-btn::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
  animation: shine 2.8s ease-in-out infinite;
}

.glass-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.hover-lift {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.hover-lift:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 20px 40px -12px rgba(255, 107, 91, 0.25);
}

.pulse-badge {
  animation: pulseGlow 2s infinite;
}

.stat-number {
  animation: countUpFade 0.6s ease both;
}

.stagger > * { animation: fadeInUp 0.5s ease both; }
.stagger > *:nth-child(1) { animation-delay: 0.03s; }
.stagger > *:nth-child(2) { animation-delay: 0.08s; }
.stagger > *:nth-child(3) { animation-delay: 0.13s; }
.stagger > *:nth-child(4) { animation-delay: 0.18s; }
.stagger > *:nth-child(5) { animation-delay: 0.23s; }
.stagger > *:nth-child(6) { animation-delay: 0.28s; }

/* Haberler/Blog makale govdesi (haber_detail.html: .prose) icin stil.
   ONEMLI: Tailwind CDN'de "prose" sinifi normalde @tailwindcss/typography
   eklentisinden gelir (bkz. base.html: cdn.tailwindcss.com?plugins=typography);
   o eklenti herhangi bir sebeple yuklenemezse (agir yuklenme, engellenme vb.)
   makale icindeki linkler/basliklar duz metinden AYIRT EDILEMEZ hale
   geliyordu (Tailwind'in preflight/reset'i <a> etiketlerinin varsayilan
   renk+alti cizili gorunumunu siliyor). Bu kurallar eklentiden BAGIMSIZ,
   her zaman calisan bir guvence katmanidir. */
.prose a {
  color: #E5503F; /* coral-dark */
  text-decoration: underline;
  font-weight: 600;
}
.prose a:hover {
  color: #FF6B5B; /* coral */
}
.prose h2 {
  font-size: 1.375rem;
  font-weight: 800;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  color: #1B2A41; /* ink */
}
.prose h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: #1B2A41;
}
.prose p {
  margin-bottom: 1rem;
}
.prose ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.prose li {
  margin-bottom: 0.375rem;
}

/* ---------- Allez Taxi: anasayfa / marka ---------- */
:root { --brand: #F7B500; }
.hero { isolation: isolate; }
.hero-grid { background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(ellipse at 30% 30%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse at 30% 30%, #000 20%, transparent 75%); }
.hero-glow { background: radial-gradient(circle, rgba(247,181,0,.35) 0%, rgba(247,181,0,0) 65%); filter: blur(10px); animation: floatBlob 14s ease-in-out infinite; }
.hero-glow2 { background: radial-gradient(circle, rgba(0,194,203,.18) 0%, rgba(0,194,203,0) 65%); filter: blur(10px); animation: floatBlob 18s ease-in-out infinite reverse; }
.text-gradient-gold { background: linear-gradient(90deg, #FFD34D, #F7B500 55%, #FFE9A6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.btn-glow { box-shadow: 0 0 0 0 rgba(247,181,0,.55); animation: glowPulse 2.6s infinite; transition: transform .2s ease; }
.btn-glow:hover { transform: translateY(-2px) scale(1.03); }
@keyframes glowPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(247,181,0,.5); } 50% { box-shadow: 0 0 0 14px rgba(247,181,0,0); } }
.live-dot { width: 8px; height: 8px; border-radius: 9999px; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.7); animation: liveDot 1.8s infinite; display: inline-block; }
@keyframes liveDot { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.7); } 70%,100% { box-shadow: 0 0 0 9px rgba(34,197,94,0); } }
.float-y { animation: floatY 5s ease-in-out infinite; }
@keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.road-dash { animation: roadMove 1.2s linear infinite; }
@keyframes roadMove { to { stroke-dashoffset: -24; } }
.hover-lift { transition: transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(11,11,12,.12); }
details.faq[open] .faq-plus { transform: rotate(45deg); }
.faq-plus { transition: transform .2s; }
details.faq summary { list-style: none; }
details.faq summary::-webkit-details-marker { display: none; }
@media (prefers-reduced-motion: reduce) { .hero-glow, .hero-glow2, .btn-glow, .live-dot, .float-y, .road-dash { animation: none !important; } }

/* GTM ile eklenen WhatsApp balonu mobil alt menuyu (Login vb.) kapatmasin */
@media (max-width: 767px) { a.whatsapp-button { bottom: 88px !important; right: 14px !important; } }

/* scroll reveal + header blur */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }