/* ——— Temel Ayarlar ——— */
:root{
  --bg: #0a0f1e;
  --card: #111731;
  --primary: #00d1b2;
  --secondary: #ffd23f;
  --text: #e8ecf5;
  --muted: #a5b0c2;
  --border: #20263d;
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, rgba(0,209,178,.25), transparent 50%) , var(--bg);
  color: var(--text);
  line-height: 1.6;
}

/* ——— Yapı ——— */
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}

/* ——— Header / Nav ——— */
.site-header{position:sticky;top:0;z-index:50;background:rgba(10,15,30,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--secondary),#ffc107);color:#222;font-weight:800}
.brand-text{font-weight:800;letter-spacing:.2px}
.nav-links a{color:var(--muted);text-decoration:none;margin-left:14px;padding:8px 10px;border-radius:10px;transition:all .18s ease}
.nav-links a:hover{color:var(--text);background:#161c34}
.nav-links .active{color:#101526;background:var(--secondary);font-weight:700}

/* ——— Hero ——— */
.hero{padding:48px 0 28px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-copy h1{font-size:42px;line-height:1.15;margin:0 0 10px;font-weight:800}
.hero-copy p{color:var(--muted);margin:0 0 18px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 6px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .15s ease, box-shadow .15s ease;will-change:transform}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(135deg,var(--primary),#00b39a);color:#06101a}
.btn-secondary{background:transparent;border:2px solid var(--text);color:var(--text)}
.feature-list{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0;padding:0;list-style:none}
.feature-list li{background:#151c38;border:1px solid var(--border);padding:8px 12px;border-radius:12px;color:#c7d1e4}

.hero-visual .car-card{overflow:hidden}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.car-card img{display:block;width:100%;height:auto;object-fit:cover}

/* ——— Servis Kartları ——— */
.services{padding:16px 0 48px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards .card{padding:18px}
.cards .card h3{margin:0 0 8px;font-size:18px}
.cards .card p{margin:0;color:#c2cbde}

/* ——— İletişim ——— */
.contact-main{padding:36px 0 56px}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.contact-card{padding:22px}
.contact-card h1{margin:0 0 8px;font-size:28px}
.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:14px 0 6px}
.contact-list h3{margin:0 0 4px;font-size:14px;color:#a6b3cd}
.map-card{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}
.map-placeholder{width:100%;height:100%;min-height:260px;display:grid;place-items:center;color:#0b142b;background:
  radial-gradient(500px 180px at 10% 0%, rgba(0,209,178,.22), transparent 60%),
  linear-gradient(180deg,#0f1630,#0b1226);
  border-left:1px dashed #1e2640}

/* ——— Floating Action Button ——— */
.fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#25D366,#1DA851);color:#fff;text-decoration:none;font-size:22px;box-shadow:0 18px 40px rgba(37,211,102,.22);z-index:60}

/* ——— Footer ——— */
.site-footer{border-top:1px solid var(--border);background:#0b1226}
.site-footer p{margin:0;padding:18px 0;color:#aeb8cd;text-align:center}

/* ——— Responsive ——— */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .car-card img{height:260px}
}
@media (max-width: 640px){
  .hero-copy h1{font-size:32px}
  .cards{grid-template-columns:1fr}
  .contact-list{grid-template-columns:1fr}
  .car-card img{height:220px}
}


/* ——— Mobile bottom CTA ——— */
.mobile-cta{
  display:none;
  position:fixed; left:0; right:0; bottom:0; z-index:70;
  background:rgba(10,15,30,.9); backdrop-filter: blur(8px);
  border-top:1px solid var(--border);
}
.mobile-cta a{
  display:block; width:50%; text-align:center; padding:14px 0;
  font-weight:800; text-decoration:none;
}
.mobile-cta a:first-child{ background:linear-gradient(135deg,var(--secondary),#ffc107); color:#101526 }
.mobile-cta a:last-child{ color:#fff; border-left:1px solid var(--border) }

@media (max-width: 720px){
  .mobile-cta{ display:flex }
  body{ padding-bottom:60px } /* bottom bar space */
}
/* Mobile bottom CTA (Ara / WhatsApp) */
.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(10,15,30,.9);backdrop-filter:blur(8px);border-top:1px solid #20263d}
.mobile-cta a{display:block;width:50%;text-align:center;padding:14px 0;font-weight:800;text-decoration:none;color:#fff}
.mobile-cta a:first-child{background:linear-gradient(135deg,#ffd23f,#ffc107);color:#101526}
.mobile-cta a:last-child{border-left:1px solid #20263d}
@media(max-width:720px){.mobile-cta{display:flex}body{padding-bottom:60px}}