/* Kodaklimo — görsel iyileştirmeler (style.css üstüne). Temayı korur, cilalar. */
:root { --k-gold:#d4a855; --k-gold-2:#c9974a; --k-dark:#1a1a1a; }

/* Daha yumuşak, premium kart hover'ları */
.fleet-card, .service-card, .value-item, .location-card, .feature-card {
    transition: transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease, border-color .28s ease;
    will-change: transform;
}
.fleet-card:hover, .service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(0,0,0,.16);
}
.value-item:hover, .location-card:hover, .feature-card:hover { transform: translateY(-4px); }

/* Görsellerde hafif zoom */
.fleet-image, .service-image { overflow: hidden; }
.fleet-image img, .service-image img { transition: transform .5s cubic-bezier(.2,.7,.3,1); }
.fleet-card:hover .fleet-image img, .service-card:hover .service-image img { transform: scale(1.06); }

/* Butonlarda altın parlaklık */
.btn-dark, .btn-book, .btn-primary-large, .btn-footer-book, .btn-cta-large {
    transition: transform .18s ease, box-shadow .25s ease, filter .2s ease;
}
.btn-dark:hover, .btn-primary-large:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(212,168,85,.28); }
.btn-book:hover { box-shadow: 0 8px 20px rgba(212,168,85,.35); }

/* Fleet kartı: kategori + fiyat rozeti (yeni sayfa öğeleri) */
.fleet-cat { display:inline-block; font-size:.72rem; letter-spacing:.6px; text-transform:uppercase;
    color:var(--k-gold-2); font-weight:700; margin-bottom:6px; }
.fleet-price-row { display:flex; align-items:baseline; gap:6px; margin:10px 0 14px; }
.fleet-price-row .fleet-from { color:#999; font-size:.78rem; text-transform:uppercase; letter-spacing:.5px; }
.fleet-price-row .fleet-amount { color:var(--k-dark); font-weight:800; font-size:1.55rem; font-family:'Playfair Display',serif; }
.fleet-price-row .fleet-amount::after { content:' +'; color:var(--k-gold); }

/* Bölüm başlıklarının altına ince altın çizgi */
.section-header .section-title { position:relative; }
.section-header .section-title::after {
    content:''; display:block; width:64px; height:3px; margin:16px auto 0;
    background:linear-gradient(90deg, var(--k-gold), transparent); border-radius:2px;
}

/* About CTA (yeni) */
.about-cta, .locations-cta { text-align:center; margin-top:52px; padding:44px 20px;
    background:linear-gradient(135deg,#161616,#232323); border-radius:18px; color:#fff; }
.about-cta h3, .locations-cta h3 { font-family:'Playfair Display',serif; font-size:1.8rem; margin:0 0 6px; color:#fff; }
.about-cta .btn, .locations-cta .btn { margin-top:16px; }

/* Navbar: kaydırınca hafif cam efekti güçlensin */
.navbar.scrolled { backdrop-filter: blur(10px); box-shadow: 0 6px 24px rgba(0,0,0,.10); }

/* Scroll reveal */
.reveal { opacity:0; transform: translateY(28px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.reveal.in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .reveal{ opacity:1; transform:none; } }

/* Altın seçim rengi */
::selection { background: rgba(212,168,85,.28); }

/* ============================================================
   PROFESYONEL CİLA + MOBİL (v2)
   ============================================================ */

/* Görselleri öne çıkar: kart görselleri tutarlı, biraz daha büyük, hafif degrade */
.fleet-image, .service-image {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #0e0e0e;
}
.fleet-image img, .service-image img { width: 100%; height: 100%; object-fit: cover; }
.fleet-image::after {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(to top, rgba(0,0,0,.28), transparent 42%);
}

/* Bölüm başlığı ritmi */
.section-subtitle { letter-spacing: 2px; }

/* ---- MOBİL MENÜ (kritik düzeltme — style.css'te açma kuralı yoktu) ---- */
@media (max-width: 992px) {
    /* NOT: menü aç/kapa main.js'te inline stille yönetilir (cascade sorunu nedeniyle).
       Buradaki kurallar sadece açık menünün link görünümü + hamburger animasyonu. */
    .navbar .nav-links .nav-link {
        width: 100%;
        padding: 15px 6px;
        font-size: 1.05rem;
        border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .navbar .nav-links .nav-link svg.nav-icon { display: none; }

    /* Hamburger → X animasyonu */
    .mobile-menu-btn span { transition: transform .28s ease, opacity .2s ease; }
    .mobile-menu-btn.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .mobile-menu-btn.active span:nth-child(2) { opacity: 0; }
    .mobile-menu-btn.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* ---- MOBİL cila: boşluk + dokunma hedefleri ---- */
@media (max-width: 768px) {
    .fleet, .services, .testimonials, .features,
    .about-section, .locations-section, .services-page, .fleet-page {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .section-title { font-size: 1.85rem !important; }
    .section-header { margin-bottom: 30px !important; }

    /* Butonlar: dokunma dostu, kart içinde tam genişlik */
    .btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
    .fleet-buttons, .service-buttons { flex-direction: column; gap: 10px; }
    .fleet-buttons .btn, .service-buttons .btn { width: 100%; }

    /* Hero başlık mobilde dengeli */
    .hero-title { line-height: 1.05; }
    .cta-buttons { flex-direction: column; gap: 12px; }
    .cta-buttons .btn { width: 100%; }

    /* Video + about mobilde üst üste, video kısalsın */
    .split-section .video-side { height: 42vh !important; }

    /* Değer/lokasyon kartları tek sütun */
    .values-grid, .locations-grid { grid-template-columns: 1fr !important; }
}

/* Küçük telefonlarda taşmayı önle */
@media (max-width: 400px) {
    .hero-title { font-size: 2.1rem !important; }
    .container { padding-left: 18px; padding-right: 18px; }
}