/* --- RENK PALETİ & DEĞİŞKENLER --- */
        :root {
            --primary: #123762;
            --secondary: #F28C28;
            --secondary-hover: #d9771a;
            --text-dark: #1e293b;
            --text-light: #64748b;
            --bg-light: #f8fafc;
            --white: #ffffff;
            --border: #e2e8f0;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Poppins', sans-serif; color: var(--text-dark); background-color: var(--white); line-height: 1.6; }
        h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
        a { text-decoration: none; color: inherit; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

        /* --- ÜST BİLGİ ÇUBUĞU (TOP BAR) --- */
        .top-bar { background-color: var(--primary); color: #cbd5e1; font-size: 13px; padding: 10px 0; }
        .top-bar .container { display: flex; justify-content: space-between; align-items: center; }
        .top-bar-left, .top-bar-right { display: flex; gap: 20px; align-items: center; }
        .top-bar i { color: var(--secondary); margin-right: 5px; }
        .top-bar-right .emergency-phone { background-color: var(--secondary); color: var(--white); padding: 5px 15px; border-radius: 20px; font-weight: 600; font-size: 14px; }
        .top-bar-right .emergency-phone i { color: var(--white); }

        /* --- HEADER & NAVİGASYON --- */
        header { background-color: var(--white); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); position: sticky; top: 0; z-index: 1000; }
        .navbar { display: flex; justify-content: space-between; align-items: center; height: 90px; }
        .logo { display: flex; align-items: center; }
        .logo img { max-height: 70px; }
        
        .nav-links { display: flex; list-style: none; gap: 30px; }
        .nav-links a { font-weight: 500; font-size: 15px; color: var(--primary); transition: color 0.3s; text-transform: uppercase; }
        .nav-links a:hover, .nav-links a.active { color: var(--secondary); }
        .header-btn { background-color: var(--primary); color: var(--white); padding: 12px 25px; border-radius: 5px; font-weight: 600; transition: background 0.3s; border: 2px solid var(--primary); }
        .header-btn:hover { background-color: transparent; color: var(--primary); }

        /* --- İÇ SAYFA HERO (BAŞLIK ALANI) --- */
        .page-header {
            background: linear-gradient(to right, rgba(18, 55, 98, 0.9), rgba(18, 55, 98, 0.8)), url('https://images.unsplash.com/photo-1581094288338-2314dddb7ece?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') no-repeat center center/cover;
            padding: 80px 0;
            text-align: center;
            color: var(--white);
        }
        .page-header h1 { font-size: 40px; margin-bottom: 10px; }
        .breadcrumb { display: flex; justify-content: center; gap: 10px; font-size: 14px; color: #cbd5e1; }
        .breadcrumb a { color: var(--secondary); transition: color 0.3s; }
        .breadcrumb a:hover { color: var(--white); }
        
        /* --- HİZMETLER DETAY DÜZENİ (ZİG-ZAG) --- */
        .service-details-section { padding: 80px 0; }
        .service-row { display: flex; align-items: center; gap: 50px; margin-bottom: 80px; }
        .service-row:nth-child(even) { flex-direction: row-reverse; }
        .service-row:last-child { margin-bottom: 0; }
        
        .service-image { flex: 1; position: relative; border-radius: 10px; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
        .service-image img { width: 100%; height: 400px; object-fit: cover; display: block; transition: transform 0.5s; }
        .service-image:hover img { transform: scale(1.05); }
        .service-icon-badge { position: absolute; top: 20px; left: 20px; background-color: var(--secondary); color: var(--white); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 24px; border-radius: 10px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
        
        .service-content { flex: 1; }
        .service-content h2 { font-size: 32px; color: var(--primary); margin-bottom: 20px; position: relative; padding-bottom: 15px; }
        .service-content h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 4px; background-color: var(--secondary); border-radius: 2px; }
        .service-content p { color: var(--text-light); margin-bottom: 25px; font-size: 16px; }
        
        .service-features { list-style: none; margin-bottom: 30px; }
        .service-features li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-weight: 500; color: var(--text-dark); }
        .service-features i { color: var(--secondary); font-size: 18px; }

        .btn-outline { display: inline-block; padding: 12px 25px; border: 2px solid var(--primary); color: var(--primary); font-weight: 600; border-radius: 5px; transition: all 0.3s; }
        .btn-outline:hover { background-color: var(--primary); color: var(--white); }

        /* --- CTA (HIZLI AKSİYON ALANI) --- */
        .cta-section { background-color: var(--secondary); padding: 60px 0; text-align: center; }
        .cta-section h2 { color: var(--white); font-size: 36px; margin-bottom: 15px; }
        .cta-section p { color: var(--white); font-size: 18px; margin-bottom: 30px; }
        .cta-section .btn-primary { background-color: var(--primary); color: var(--white); padding: 15px 30px; border-radius: 5px; font-weight: 600; border: 2px solid var(--primary); transition: all 0.3s; display: inline-block; }
        .cta-section .btn-primary:hover { background-color: transparent; color: var(--primary); }

        /* --- FOOTER & SABİT BUTONLAR --- */
        footer { background-color: #0f172a; color: #94a3b8; padding: 80px 0 30px; }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 50px; margin-bottom: 50px; }
        .footer-about .logo-text { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 800; color: var(--white); margin-bottom: 20px; }
        .social-links { display: flex; gap: 15px; margin-top: 20px;}
        .social-links a { width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 5px; color: var(--white); transition: all 0.3s; }
        .social-links a:hover { background-color: var(--secondary); }
        .footer-title { color: var(--white); font-size: 20px; margin-bottom: 25px; font-weight: 600; }
        .footer-links li { margin-bottom: 15px; list-style: none; }
        .footer-links a:hover { color: var(--secondary); }
        .footer-contact li { display: flex; gap: 15px; margin-bottom: 20px; align-items: flex-start; }
        .footer-contact i { color: var(--secondary); font-size: 20px; margin-top: 5px; }
        .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; }

        .floating-buttons { position: fixed; bottom: 30px; right: 30px; display: flex; flex-direction: column; gap: 15px; z-index: 999; }
        .float-btn { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: var(--white); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); transition: transform 0.3s; }
        .float-btn:hover { transform: scale(1.1); }
        .whatsapp-btn { background-color: #25D366; }
        .phone-btn { background-color: var(--primary); }

        /* --- RESPONSİVE (MOBİL) AYARLAR --- */
        @media (max-width: 992px) {
            .service-row, .service-row:nth-child(even) { flex-direction: column; gap: 30px; }
            .service-image { width: 100%; }
            .service-image img { height: 300px; }
            .footer-grid { grid-template-columns: 1fr; gap: 30px; }
        }
        @media (max-width: 768px) {
            .top-bar, .nav-links { display: none; }
            .page-header h1 { font-size: 32px; }
            .service-content h2 { font-size: 26px; }
        }