/* Font Ayarı */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; }
body { background: #0a0a0c; color: #fff; overflow-x: hidden; scroll-behavior: smooth; }

/* Navbar */
.navbar {
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px 8%; background: rgba(10, 10, 12, 0.95);
    position: fixed; width: 100%; z-index: 1000; border-bottom: 2px solid #7d2ae8;
}
.logo { font-size: 1.5rem; font-weight: 900; }
.logo span { color: #7d2ae8; }
.nav-links { display: flex; list-style: none; align-items: center; }
.nav-links li { margin-left: 20px; }
.nav-links a { color: #fff; text-decoration: none; transition: 0.3s; font-size: 0.9rem; }
.nav-phone { background: #7d2ae8; padding: 8px 15px; border-radius: 5px; font-weight: bold; }

/* Hero */
.hero { height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero-bg { position: absolute; top:0; left:0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1; }
.hero-content h1 { font-size: 3.5rem; font-weight: 900; margin: 15px 0; }
.purple-text { color: #7d2ae8; text-shadow: 0 0 15px #7d2ae8; }
.badge { background: #7d2ae8; padding: 5px 15px; border-radius: 50px; font-size: 0.8rem; }

/* Butonlar */
.hero-btns { margin-top: 30px; }
.btn-main { background: #7d2ae8; color: #fff; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; margin-right: 15px; display: inline-block; }
.btn-whatsapp { background: #25d366; color: #fff; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; }

/* Pulse Animasyonu (Arama Butonu İçin) */
.pulse { animation: pulse-animation 2s infinite; }
@keyframes pulse-animation {
    0% { box-shadow: 0 0 0 0 rgba(125, 42, 232, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(125, 42, 232, 0); }
    100% { box-shadow: 0 0 0 0 rgba(125, 42, 232, 0); }
}

/* Hizmetler */
.services { padding: 80px 8%; text-align: center; }
.section-title { font-size: 2.5rem; margin-bottom: 50px; }
.services-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.s-card { background: #16161a; padding: 40px; border-radius: 15px; transition: 0.3s; border: 1px solid #222; }
.s-card:hover { border-color: #7d2ae8; transform: translateY(-10px); }
.s-card i { font-size: 3rem; color: #7d2ae8; margin-bottom: 15px; }

/* Galeri (Fleet) */
.fleet { padding: 50px 8%; text-align: center; background: #0f0f12; }
.fleet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; }
.fleet-item { position: relative; height: 250px; border-radius: 10px; overflow: hidden; }
.fleet-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.f-info { position: absolute; bottom: 0; width: 100%; background: linear-gradient(transparent, #7d2ae8); padding: 20px; opacity: 0; transition: 0.4s; }
.fleet-item:hover .f-info { opacity: 1; }
.fleet-item:hover img { transform: scale(1.1); filter: brightness(0.6); }

footer { padding: 40px; text-align: center; border-top: 1px solid #222; color: #666; }

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .nav-links { display: none; }
    .hero h1 { font-size: 2.2rem; }
    .hero-btns a { display: block; margin: 10px 0; }
}