:root { --navy: #002B5B; --orange: #F27333; --bg-light: #F8FAFC; }
        body { font-family: 'Inter', sans-serif; color: #334155; overflow-x: hidden; background-color: #ffffff; line-height: 1.7; -webkit-font-smoothing: antialiased; padding-top: 70px; }
        
        /* ANTIGRAVITY PROFESSIONAL TYPOGRAPHY (WEB ONLY) */
        @media (min-width: 1024px) {
            h1, h2, h3 { font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -0.02em; }
            section h2 { font-weight: 800 !important; font-size: 2.75rem !important; }
            .article-content h1, main h1 { font-weight: 800 !important; font-size: 3.5rem !important; line-height: 1.1; }
            .article-content h2 { font-weight: 700 !important; font-size: 2rem !important; color: var(--navy); }
        }

        @media (min-width: 1024px) {
            body.home-page { padding-top: 0 !important; }
        }

        h1, h2, h3, h4, h5 { font-family: 'Plus Jakarta Sans', sans-serif; }

        .navbar-fixed { 
            position: fixed; top: 46px; left: 0; width: 100%; z-index: 10000; 
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
            height: 70px;
            background: #ffffff !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
            display: flex; align-items: center;
        }

        /* HOME PAGE TRANSPARENCY (WEB ONLY) */
        @media (min-width: 1024px) {
            body.home-page .navbar-fixed { 
                background: transparent !important; 
                box-shadow: none;
                top: 46px;
                border: none;
            }
            body.home-page .top-bar-static { 
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background: transparent !important; 
                border: none; 
                color: rgba(255,255,255,0.7) !important;
                z-index: 10001;
            }
            body.home-page .top-bar-static a { color: white !important; }
            body.home-page .nav-link { color: white !important; }
            body.home-page .brand-text { color: white !important; }
            body.home-page .burger-line { background: white !important; }

            /* SCROLLED EFFECT */
            body.home-page .navbar-scrolled {
                background: #ffffff !important;
                top: 0 !important;
                box-shadow: 0 10px 30px rgba(0,43,91,0.1);
            }
            body.home-page .navbar-scrolled .nav-link { color: var(--navy) !important; }
            body.home-page .navbar-scrolled .brand-text { color: var(--navy) !important; }
            body.home-page .navbar-scrolled .burger-line { background: var(--navy) !important; }
        }
        
        @media (max-width: 1024px) {
            .navbar-fixed { top: 0 !important; height: 60px; }
        }

        .navbar-scrolled { 
            top: 0 !important;
            height: 70px !important;
            box-shadow: 0 10px 30px rgba(0,43,91,0.12); 
            border-bottom: 1px solid #f1f5f9;
        }
        
        @media (min-width: 1024px) {
            .navbar-fixed .nav-link, .nav-link { color: var(--navy) !important; }
        }
        
        .nav-link { 
            position: relative; color: var(--navy); font-weight: 900; transition: all 0.3s ease; 
            padding: 10px 18px; font-size: 14px; letter-spacing: 0.02em; border-radius: 12px;
            text-transform: uppercase;
            display: flex; align-items: center; height: 100%;
        }
        .nav-link:hover { background: rgba(0,43,91,0.06); color: var(--orange) !important; }
        
        /* PREMIUM LOGO SHIELD - TUCKED IN */
        .logo-container-overflow {
            position: relative;
            z-index: 10001;
            transform: scale(1.1);
            transition: all 0.4s ease;
        }
        .navbar-scrolled .logo-container-overflow { transform: scale(1.05); }

        .logo-shield-container {
            position: relative;
            background: white;
            padding: 8px 16px;
            border-radius: 1.5rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            border: 1px solid rgba(0,0,0,0.03);
            transition: all 0.4s ease;
        }
        .logo-shield-container:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,43,91,0.1); }

        /* CORPORATE BUTTONS - TUCKED IN */
        .btn-premium {
            padding: 10px 20px; border-radius: 100px; font-weight: 900; font-size: 11px;
            text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.4s ease;
            display: inline-flex; align-items: center; gap: 8px; position: relative;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .btn-premium:hover { transform: translateY(-2px) scale(1.02); }

        .btn-premium-call {
            background: var(--navy);
            color: white;
            box-shadow: 0 10px 30px rgba(0,43,91,0.3);
        }
        .btn-premium-call::after {
            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: linear-gradient(60deg, transparent, rgba(255,255,255,0.1), transparent);
            transform: rotate(30deg); animation: shimmer 3s infinite;
        }
        @keyframes shimmer { 0% { transform: translateX(-100%) rotate(30deg); } 100% { transform: translateX(100%) rotate(30deg); } }

        .btn-premium-whatsapp {
            background: var(--navy);
            color: white;
            box-shadow: 0 10px 30px rgba(0,43,91,0.2);
        }
        .btn-premium-whatsapp:hover {
            background: #25D366;
            color: white;
            box-shadow: 0 15px 40px rgba(37, 211, 102, 0.3);
        }
        
        /* MOBILE NAVIGATION DEFS - v20 BULLETPROOF */
        .menu-overlay { 
            position: fixed; inset: 0; background: rgba(0,21,45,0.7); backdrop-filter: blur(10px); 
            z-index: 10001; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 
            pointer-events: none;
        }
        .menu-overlay.is-active { opacity: 1; visibility: visible; pointer-events: auto; }

        .mobile-menu {
            position: fixed; top: 0; right: 0; bottom: 0; width: 60%; max-width: 320px; 
            background: #001D3D; z-index: 10002; display: flex; flex-direction: column; 
            padding: 90px 30px 40px; transform: translateX(100%); 
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            box-shadow: -20px 0 60px rgba(0,0,0,0.5); border-left: 4px solid var(--orange); 
            overflow-y: auto; pointer-events: none; visibility: hidden;
        }
        .mobile-menu.is-active { transform: translateX(0); pointer-events: auto; visibility: visible; }
        
        .burger-btn {
            display: none; flex-direction: column; gap: 5px; z-index: 10003; 
            cursor: pointer; padding: 10px; position: relative;
            background: rgba(0,29,61,0.05); border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .burger-line {
            width: 28px; height: 3px; background: var(--navy); border-radius: 10px;
            transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        }
        .burger-btn.is-active .burger-line:nth-child(1) { transform: translateY(9px) rotate(45deg); }
        .burger-btn.is-active .burger-line:nth-child(2) { opacity: 0; transform: translateX(20px); }
        .burger-btn.is-active .burger-line:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

        @media (max-width: 1024px) {
            .burger-btn { display: flex !important; }
            .navbar-fixed { background: #ffffff !important; border-bottom: 1px solid #eee; height: 60px; }
            /* Mobile Links Optimization */
            .mobile-link {
                font-family: 'Plus Jakarta Sans', sans-serif;
                font-size: 11px; font-weight: 900; color: white;
                text-transform: uppercase; letter-spacing: 0.15em;
                padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.05);
                opacity: 0; transform: translateX(10px);
                transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            }
            .mobile-sub-link {
                font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.6);
                padding: 10px 0 10px 15px; text-transform: uppercase;
                border-bottom: 1px solid rgba(255,255,255,0.02);
                transition: all 0.3s ease;
            }
            .mobile-menu.is-active .mobile-link { opacity: 1; transform: translateX(0); }
        }

        /* DROPDOWN */
        .dropdown-menu { 
            position: absolute; left: -20px; top: 100%; width: 260px; 
            background: rgba(255, 255, 255, 0.98); 
            backdrop-filter: blur(20px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1); 
            border-radius: 1.5rem; padding: 25px 0; 
            border: 1px solid rgba(0,0,0,0.05);
            opacity: 0; visibility: hidden; transform: translateY(10px); 
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
            z-index: 1001; 
        }
        .group:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
        .dropdown-link { display: block; padding: 12px 30px; color: var(--navy); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; transition: all 0.3s ease; }
        .dropdown-link:hover { color: var(--orange); background: rgba(242, 115, 51, 0.05); padding-left: 35px; }

        .mega-dropdown { 
            width: 500px !important; 
            left: 50% !important; 
            transform: translateX(-50%) translateY(10px) !important;
            right: auto !important; 
            display: grid !important; 
            grid-template-columns: repeat(2, 1fr) !important; 
            gap: 15px; 
            padding: 30px !important; 
            border-top: 4px solid var(--orange) !important;
            border-radius: 2rem !important;
        }
        .group:hover .mega-dropdown { transform: translateX(-50%) translateY(0) !important; opacity: 1; visibility: visible; }
        /* PREMIUM BUTTON ANIMATIONS */
        @keyframes pulse-taner { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
        @keyframes shine-taner { 0% { left: -100%; } 20% { left: 100%; } 100% { left: 100%; } }
        @keyframes glow-whatsapp { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

        .btn-premium-call { animation: pulse-taner 2.5s infinite ease-in-out; position: relative; overflow: hidden; }
        .btn-premium-call::after { content: ''; position: absolute; top: -50%; left: -100%; width: 50%; height: 200%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent); transform: rotate(30deg); animation: shine-taner 4s infinite; }
        .btn-premium-whatsapp { animation: glow-whatsapp 2s infinite; }
        
        .logo-shield { transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .logo-animate:hover .logo-shield { transform: rotate(12deg) scale(1.15); }

        .dropdown-header { 
            color: var(--orange); 
            font-size: 10px; 
            font-weight: 900; 
            text-transform: uppercase; 
            letter-spacing: 0.25em; 
            padding: 0 0 10px 20px; 
            border-bottom: 1px solid rgba(0,0,0,0.05); 
            margin-bottom: 15px; 
            display: block; 
            opacity: 0.8;
        }

        /* VISUAL MEGA MENU */
        .mega-visual {
            width: 800px !important;
            padding: 40px !important;
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 24px !important;
            left: -350px !important;
            background: white !important;
        }
        .mega-item {
            display: flex;
            flex-direction: column;
            gap: 12px;
            padding: 12px;
            border-radius: 1.5rem;
            transition: all 0.4s ease;
            border: 1px solid transparent;
            text-decoration: none;
        }
        .mega-item:hover {
            background: rgba(242, 115, 51, 0.05);
            border-color: rgba(242, 115, 51, 0.1);
            transform: translateY(-5px);
        }
        .mega-thumb {
            width: 100%;
            aspect-ratio: 16/10;
            border-radius: 1rem;
            overflow: hidden;
            background: #f1f5f9;
        }
        .mega-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        .mega-item:hover .mega-thumb img { transform: scale(1.1); }
        .mega-title { font-size: 12px; font-weight: 900; color: var(--navy); text-transform: uppercase; letter-spacing: 0.05em; }
        .mega-desc { font-size: 10px; color: #64748b; font-weight: 500; line-height: 1.4; transition: color 0.3s ease; }
        .mega-item:hover .mega-desc { color: var(--navy); }


        .slider-container { position: relative; width: 100%; height: 85vh; min-height: 500px; overflow: hidden; background: #000; }
        .slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease-in-out; z-index: 1; }
        .slide.active { opacity: 1; z-index: 5; }
        .slide-overlay { 
            position: absolute; inset: 0; 
            background: 
                linear-gradient(180deg, rgba(0,10,30,0.85) 0%, rgba(0,10,30,0.3) 25%, transparent 50%),
                linear-gradient(0deg, rgba(0,10,30,0.8) 0%, transparent 40%),
                rgba(0,15,40,0.2); 
            z-index: 2; 
        }
        .slide-img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.85); }

        @keyframes fadeInDown { from { opacity: 0; transform: translateY(-15px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        .animate-up { opacity: 0; animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
        .delay-1 { animation-delay: 0.2s; } .delay-2 { animation-delay: 0.4s; }
        .pulse-orange { animation: pulse-orange 2s infinite; }
        @keyframes pulse-orange { 0% { box-shadow: 0 0 0 0 rgba(242, 115, 51, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(242, 115, 51, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 115, 51, 0); } }

        /* LOGO FLOAT */
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .logo-animate { animation: float 4s ease-in-out infinite; }

        /* Antigravity Navbar Logo Responsive Fix */
        #navbar img, 
        .navbar-fixed img,
        header img {
            max-width: 250px !important;
            height: auto !important;
            max-height: 60px !important;
            width: auto;
            object-fit: contain;
        }


svg { max-width: 100%; height: auto; display: inline-block; }
.btn-premium-call svg { width: 18px !important; height: 18px !important; }
.fab-btn svg { width: 24px !important; height: 24px !important; }

/* --- TARIK: GÜVENLİ VE KESİN ÇÖZÜM BLOK --- */

/* 1. BAŞLIKLARI KÜÇÜLT VE NEFES ALDIR */
h1, h2, [class*="text-7xl"] {
    line-height: 1.3 !important; 
    letter-spacing: normal !important;
    margin-bottom: 1.5rem !important;
}
@media (min-width: 768px) {
    h1, [class*="text-7xl"] { font-size: 3rem !important; }
}
@media (max-width: 767px) {
    h1, [class*="text-7xl"] { font-size: 2rem !important; }
}

/* 2. LOGO YAMUKLUĞUNU GİDER (DİKEY HİZALAMA) */
.logo-container-overflow {
    align-items: center !important;
}
.brand-text {
    line-height: 1 !important;
    margin-bottom: 0 !important;
}

/* 3. MOBİL VE MASAÜSTÜ İLETİŞİM BUTONLARI */
.mobile-fab-container {
    display: flex !important;
    z-index: 99999 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: white !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.1) !important;
    padding: 10px !important;
    gap: 10px !important;
}

@media (max-width: 767px) {
    .mobile-fab-container {
        padding: 5px !important;
        gap: 5px !important;
    }
    .mobile-fab-container .fab-btn {
        flex: 1 !important;
        height: 50px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        margin: 0 !important;
    }
}

.mobile-fab-container svg, .fab-btn svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}

.mobile-fab-container a, .mobile-fab-container button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

/* Masaüstü Ekranlar İçin Sağ Altta Yüzen Kutu (Floating) Tasarımı */
@media (min-width: 768px) {
    .mobile-fab-container {
        position: fixed !important;
        bottom: 30px !important;
        right: 30px !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        background: transparent !important;
        flex-direction: column !important;
        gap: 15px !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .mobile-fab-container a, .mobile-fab-container button {
        background-color: #25D366 !important;
        color: white !important;
        padding: 12px 25px !important;
        border-radius: 50px !important;
        box-shadow: 0 8px 20px rgba(0,0,0,0.2) !important;
        font-size: 14px !important;
        transition: transform 0.3s ease !important;
        width: 200px !important;
    }
    .mobile-fab-container a:hover, .mobile-fab-container button:hover {
        transform: translateY(-3px) !important;
    }
    .mobile-fab-container .fab-call, .mobile-fab-container a[href*="tel"] {
        background-color: #F27333 !important;
    }
}

/* 4. LOGO ANİMASYONUNU SABİTLE */
.logo-breath { 
    transform-origin: center !important; 
}/* --- İNATÇI DEV BAŞLIKLARI KESİN EZEN KOD --- */
h1, h1 span, h1 div, [class*="text-6xl"], [class*="text-7xl"], [class*="text-8xl"], [class*="text-9xl"] {
    font-size: 3rem !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    margin-bottom: 2rem !important;
}

@media (max-width: 767px) {
    h1, h1 span, h1 div, [class*="text-6xl"], [class*="text-7xl"], [class*="text-8xl"], [class*="text-9xl"] {
        font-size: 2rem !important;
    }
}