:root {
            --primary-color: #0d3b66; 
            --secondary-color: #f4a261; 
            --dark-color: #1d3557;
            --light-color: #f8f9fa;
            --text-color: #333333;
            --border-color: #e1e1e1;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
        body { color: var(--text-color); background-color: #fff; line-height: 1.6; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        a { text-decoration: none; }

        /* Üst Menü (Header) */
        header {
            background-color: var(--primary-color);
            position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 15px 0;
        }
        .nav-container { display: flex; justify-content: space-between; align-items: center; }
        
        .logo-img { height: 45px; } /* Logonuzu buraya bağlayacaksınız */
        
        nav ul { display: flex; list-style: none; gap: 20px; }
        nav ul li a { color: #fff; font-weight: 600; font-size: 15px; transition: color 0.3s; }
        nav ul li a:hover, nav ul li a.active { color: var(--secondary-color); }

        /* Sayfa Üst Başlığı (Page Header) */
        .page-header {
            background: linear-gradient(rgba(13, 59, 102, 0.9), rgba(29, 53, 87, 0.9)), url('https://images.unsplash.com/photo-1581094288338-2314dddb7ece?auto=format&fit=crop&w=1920&q=80') no-repeat center center/cover;
            padding: 150px 0 60px;
            text-align: center;
            color: #fff;
        }
        .page-header h1 { font-size: 40px; margin-bottom: 10px; color: var(--secondary-color); }
        .breadcrumb { font-size: 14px; color: #ccc; }
        .breadcrumb a { color: #fff; }
        .breadcrumb a:hover { color: var(--secondary-color); }

        /* Ana İçerik Izgarası (Grid Layout) */
        .service-layout {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            padding: 60px 0;
        }

        /* Sol Taraf: Hizmet Detayı */
        .service-content img {
            width: 100%;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .service-content h2 {
            color: var(--primary-color);
            font-size: 28px;
            margin-bottom: 20px;
        }
        .service-content p {
            margin-bottom: 20px;
            font-size: 16px;
            color: #555;
        }
        
        /* Özellik Listesi (Checkmarks) */
        .feature-list {
            list-style: none;
            margin: 30px 0;
        }
        .feature-list li {
            position: relative;
            padding-left: 35px;
            margin-bottom: 15px;
            font-size: 16px;
            font-weight: 600;
            color: var(--primary-color);
        }
        .feature-list li i {
            position: absolute;
            left: 0;
            top: 3px;
            color: var(--secondary-color);
            font-size: 20px;
        }

        /* İşleyiş Adımları */
        .process-steps {
            background-color: var(--light-color);
            padding: 30px;
            border-radius: 10px;
            margin-top: 40px;
        }
        .process-steps h3 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        .step {
            display: flex;
            gap: 15px;
            margin-bottom: 20px;
        }
        .step-number {
            background-color: var(--primary-color);
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 18px;
            flex-shrink: 0;
        }
        .step-text h4 { color: var(--primary-color); margin-bottom: 5px; }
        .step-text p { font-size: 14px; margin-bottom: 0; }

        /* Sağ Taraf: Yan Menü (Sidebar) */
        .sidebar-widget {
            background: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            border: 1px solid var(--border-color);
        }
        .sidebar-widget h3 {
            font-size: 20px;
            color: var(--primary-color);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--secondary-color);
        }

        /* Diğer Hizmetler Menüsü */
        .service-links { list-style: none; }
        .service-links li { margin-bottom: 10px; }
        .service-links a {
            display: block;
            padding: 12px 15px;
            background-color: var(--light-color);
            color: var(--primary-color);
            font-weight: 600;
            border-radius: 5px;
            transition: all 0.3s;
        }
        .service-links a:hover, .service-links a.active {
            background-color: var(--primary-color);
            color: #fff;
            padding-left: 20px;
        }

        /* Hızlı İletişim Kutusu */
        .contact-widget {
            background-color: var(--primary-color);
            color: #fff;
            text-align: center;
            border: none;
        }
        .contact-widget h3 { color: #fff; border-color: rgba(255,255,255,0.2); }
        .contact-widget .icon {
            font-size: 40px;
            color: var(--secondary-color);
            margin-bottom: 15px;
        }
        .contact-widget p { margin-bottom: 20px; font-size: 15px; }
        .call-btn {
            display: inline-block;
            background-color: var(--secondary-color);
            color: var(--primary-color);
            padding: 12px 25px;
            border-radius: 30px;
            font-weight: 700;
            font-size: 16px;
            width: 100%;
            transition: background-color 0.3s;
        }
        .call-btn:hover { background-color: #fff; }

        /* Footer */
        footer { background-color: var(--primary-color); color: #fff; text-align: center; padding: 30px 0; font-size: 14px; border-top: 3px solid var(--secondary-color); }

        /* Responsive (Mobil Uyumlu) */
        @media (max-width: 992px) {
            .service-layout { grid-template-columns: 1fr; }
            .sidebar-widget { margin-top: 0; }
        }
        @media (max-width: 768px) {
            nav { display: none; } /* Mobilde menüyü gizliyoruz, hamburger menü eklenebilir */
            .page-header h1 { font-size: 30px; }
        }





        /* --- 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); }