/*
Theme Name: Eastlog
Theme URI: https://eastlog.pekinasil.com
Author: Eastlog
Author URI: https://eastlog.pekinasil.com
Description: Eastlog.it için özel tasarım — tek sayfa kurumsal lojistik teması. Mevcut statik HTML'in WordPress'e uyarlanmış halidir.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eastlog
*/

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        :root {
            /* East Log Logo Renkleri */
            --green: #009639;
            --green-light: #00B847;
            --blue: #003087;
            --blue-light: #1B4F9E;
            --teal: #00A3A1;
            --teal-light: #00C9C7;
            
            /* Arka Plan - Logo mavisi tonları */
            --bg-dark: #0d1a2d;
            --bg-darker: #0a1422;
            --bg-darkest: #060e18;
            --bg-section: #112240;
        }
        
        html {
            scroll-behavior: smooth;
            overflow-x: clip;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background: var(--bg-dark);
            color: #fff;
            overflow-x: clip;
            line-height: 1.6;
        }
        
        a {
            text-decoration: none;
            color: inherit;
        }
        
        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
        }
        
        /* Animasyonlar */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        
        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.8; transform: scale(1.05); }
        }
        
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        /* Gradient Text */
        .text-gradient-green {
            background: linear-gradient(135deg, var(--green), var(--teal));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .text-gradient-blue {
            background: linear-gradient(135deg, var(--blue), var(--blue-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        /* Butonlar */
        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            background: linear-gradient(135deg, var(--green), var(--teal));
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: 0.5px;
            border-radius: 50px;
            border: none;
            cursor: pointer;
            transition: all 0.4s ease;
            text-transform: uppercase;
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 40px rgba(0, 150, 57, 0.4);
        }
        
        .btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            background: transparent;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: 0.5px;
            border-radius: 50px;
            border: 2px solid rgba(255,255,255,0.2);
            cursor: pointer;
            transition: all 0.4s ease;
            text-transform: uppercase;
        }
        
        .btn-secondary:hover {
            border-color: var(--green);
            background: rgba(0, 150, 57, 0.1);
        }
        
        /* ==================== HEADER ==================== */
        .header {
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: calc(100% - 80px);
            max-width: 1400px;
            z-index: 1000;
            padding: 12px 30px;
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(22px) saturate(150%);
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 60px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            transition: all 0.4s ease;
        }

        .header.scrolled {
            top: 10px;
            padding: 10px 25px;
            background: rgba(255, 255, 255, 0.8);
            box-shadow: 0 15px 50px rgba(0,0,0,0.2);
        }
        
        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* Logo - Orijinal Görsel */
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo img {
            height: 45px;
            width: auto;
            transition: all 0.3s ease;
        }
        
        .header.scrolled .logo img {
            height: 40px;
        }
        
        /* Navigation */
        .nav {
            display: flex;
            align-items: center;
            gap: 32px;
        }
        
        .nav-link {
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            color: #333;
            position: relative;
            padding: 8px 0;
            transition: all 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--green), var(--teal));
            transition: width 0.3s ease;
        }
        
        .nav-link:hover {
            color: var(--green);
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        .nav-dropdown {
            position: relative;
        }
        
        .nav-dropdown-menu {
            position: absolute;
            top: 100%;
            left: -20px;
            min-width: 220px;
            width: max-content;
            padding: 15px 0;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(0,0,0,0.08);
            border-radius: 16px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            margin-top: 15px;
        }
        
        .nav-dropdown.open .nav-dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(5px);
        }
        .nav-dropdown > .nav-link {
            cursor: pointer;
            user-select: none;
        }
        .nav-dropdown > .nav-link i,
        .nav-dropdown > .nav-link svg {
            transition: transform 0.3s ease;
        }
        .nav-dropdown.open > .nav-link i,
        .nav-dropdown.open > .nav-link svg {
            transform: rotate(180deg);
        }

        .nav-dropdown-menu a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 25px;
            font-size: 13px;
            font-weight: 500;
            color: #555;
            white-space: nowrap;
            transition: all 0.3s ease;
        }
        .nav-dropdown-menu a i,
        .nav-dropdown-menu a svg {
            width: 18px;
            height: 18px;
            flex-shrink: 0;
            color: var(--green);
        }
        
        .nav-dropdown-menu a:hover {
            color: var(--green);
            background: linear-gradient(90deg, rgba(0,150,57,0.08), transparent);
            padding-left: 30px;
        }
        
        .header-cta {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        /* Dil Seçici */
        .lang-switcher {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 6px 10px;
            border-radius: 30px;
            background: rgba(0,0,0,0.05);
        }
        
        .lang-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            font-size: 11px;
            font-weight: 700;
            color: #666;
            background: transparent;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
        }
        
        .lang-btn:hover {
            background: rgba(0,150,57,0.1);
            color: var(--green);
        }
        
        .lang-btn.active {
            background: var(--green);
            color: #fff;
        }
        
        .header-cta .btn-primary {
            padding: 10px 22px;
            font-size: 12px;
            background: linear-gradient(135deg, var(--green), var(--teal));
        }
        
        /* Mobile Menu Button */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: #333;
            cursor: pointer;
            padding: 10px;
        }
        
        /* ==================== HERO ==================== */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }
        
        .hero-bg-image {
            position: absolute;
            inset: 0;
            opacity: 0.15;
            overflow: hidden;
        }
        
        /* Animated Logistics Background */
        .logistics-bg {
            position: absolute;
            inset: 0;
            overflow: hidden;
        }
        
        .logistics-grid {
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(rgba(0, 150, 57, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 150, 57, 0.03) 1px, transparent 1px);
            background-size: 60px 60px;
        }
        
        .logistics-path {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        
        .logistics-path svg {
            width: 100%;
            height: 100%;
        }
        
        /* Moving Elements */
        .moving-truck {
            position: absolute;
            animation: moveTruck 20s linear infinite;
            opacity: 0.4;
        }
        
        .moving-ship {
            position: absolute;
            animation: moveShip 30s linear infinite;
            opacity: 0.3;
        }
        
        .moving-plane {
            position: absolute;
            animation: movePlane 15s linear infinite;
            opacity: 0.35;
        }
        
        .moving-container {
            position: absolute;
            animation: moveContainer 25s linear infinite;
            opacity: 0.25;
        }
        
        @keyframes moveTruck {
            0% { transform: translateX(-100px); }
            100% { transform: translateX(calc(100vw + 100px)); }
        }
        
        @keyframes moveShip {
            0% { transform: translateX(calc(100vw + 150px)); }
            100% { transform: translateX(-150px); }
        }
        
        @keyframes movePlane {
            0% { transform: translate(-100px, 50px); }
            100% { transform: translate(calc(100vw + 100px), -100px); }
        }
        
        @keyframes moveContainer {
            0% { transform: translateY(-80px); opacity: 0; }
            10% { opacity: 0.25; }
            90% { opacity: 0.25; }
            100% { transform: translateY(calc(100vh + 80px)); opacity: 0; }
        }
        
        .floating-icon {
            position: absolute;
            opacity: 0.1;
            animation: floatIcon 6s ease-in-out infinite;
        }
        
        @keyframes floatIcon {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
        }
        
        .route-line {
            position: absolute;
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--green), var(--teal), transparent);
            opacity: 0.2;
            animation: routePulse 3s ease-in-out infinite;
        }
        
        @keyframes routePulse {
            0%, 100% { opacity: 0.1; transform: scaleX(0.8); }
            50% { opacity: 0.3; transform: scaleX(1); }
        }
        
        .dot-marker {
            position: absolute;
            width: 8px;
            height: 8px;
            background: var(--green);
            border-radius: 50%;
            animation: dotPulse 2s ease-in-out infinite;
        }
        
        @keyframes dotPulse {
            0%, 100% { transform: scale(1); opacity: 0.5; box-shadow: 0 0 0 0 rgba(0, 150, 57, 0.4); }
            50% { transform: scale(1.2); opacity: 0.8; box-shadow: 0 0 0 10px rgba(0, 150, 57, 0); }
        }
        
        .hero-bg-gradient {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, 
                rgba(0, 48, 135, 0.4) 0%, 
                rgba(0, 75, 110, 0.3) 30%,
                rgba(0, 100, 80, 0.2) 60%,
                rgba(0, 150, 57, 0.15) 100%);
        }
        
        .hero-bg-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, 
                transparent 0%, 
                var(--bg-dark) 100%);
        }
        
        /* Animated Blobs */
        .hero-blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            animation: pulse 6s ease-in-out infinite;
        }
        
        .hero-blob-1 {
            top: 10%;
            left: -10%;
            width: 500px;
            height: 500px;
            background: var(--green);
            opacity: 0.15;
        }
        
        .hero-blob-2 {
            bottom: 10%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: var(--blue);
            opacity: 0.15;
            animation-delay: 3s;
        }
        
        .hero-blob-3 {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
            height: 400px;
            background: var(--teal);
            opacity: 0.1;
            animation-delay: 1.5s;
        }
        
        .hero-content {
            position: relative;
            z-index: 10;
            padding: 140px 0 100px;
            max-width: 800px;
        }
        
        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: rgba(0, 150, 57, 0.15);
            border: 1px solid rgba(0, 150, 57, 0.3);
            border-radius: 50px;
            font-size: 13px;
            font-weight: 600;
            color: var(--green-light);
            margin-bottom: 30px;
            animation: fadeInUp 0.8s ease;
        }
        
        .hero-badge-dot {
            width: 8px;
            height: 8px;
            background: var(--green);
            border-radius: 50%;
            animation: pulse 2s ease-in-out infinite;
        }
        
        .hero h1 {
            font-size: 72px;
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: 25px;
            letter-spacing: -2px;
            animation: fadeInUp 0.8s ease 0.1s both;
        }
        
        .hero h1 span {
            display: block;
        }
        
        .hero-description {
            font-size: 20px;
            color: rgba(255,255,255,0.7);
            margin-bottom: 40px;
            max-width: 550px;
            line-height: 1.8;
            animation: fadeInUp 0.8s ease 0.2s both;
        }
        
        .hero-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            animation: fadeInUp 0.8s ease 0.3s both;
        }
        
        /* Floating Card */
        .hero-floating {
            position: absolute;
            bottom: 80px;
            right: 80px;
            z-index: 10;
            animation: float 5s ease-in-out infinite;
        }
        
        .hero-floating-card {
            background: rgba(255,255,255,0.03);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 20px;
            padding: 25px 30px;
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .hero-floating-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--green), var(--teal));
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .hero-floating-text h4 {
            font-size: 32px;
            font-weight: 800;
        }
        
        .hero-floating-text p {
            font-size: 14px;
            color: rgba(255,255,255,0.6);
        }
        
        /* Scroll Indicator */
        .scroll-indicator {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
        }
        
        .scroll-indicator-inner {
            width: 30px;
            height: 50px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 25px;
            display: flex;
            justify-content: center;
            padding-top: 10px;
        }
        
        .scroll-indicator-dot {
            width: 6px;
            height: 10px;
            background: var(--green);
            border-radius: 10px;
            animation: pulse 2s ease-in-out infinite;
        }
        
        /* ==================== SERVICES ==================== */
        .services {
            padding: 120px 0;
            background: linear-gradient(180deg, 
                rgba(0, 150, 57, 0.15) 0%, 
                rgba(0, 120, 70, 0.12) 30%,
                rgba(0, 80, 100, 0.1) 70%,
                rgba(0, 48, 135, 0.15) 100%);
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 70px;
        }
        
        .section-header h2 {
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }
        
        .section-header p {
            font-size: 18px;
            color: rgba(255,255,255,0.6);
            max-width: 600px;
            margin: 0 auto;
        }
        
        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }
        
        .service-card {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 20px;
            padding: 35px;
            transition: all 0.4s ease;
            cursor: pointer;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            background: rgba(0, 150, 57, 0.08);
            border-color: rgba(0, 150, 57, 0.3);
            box-shadow: 0 30px 60px rgba(0, 150, 57, 0.15);
        }
        
        .service-card-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, rgba(0,150,57,0.2), rgba(0,163,161,0.2));
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            color: var(--green);
            transition: all 0.3s ease;
        }
        
        .service-card:hover .service-card-icon {
            background: linear-gradient(135deg, var(--green), var(--teal));
            color: #fff;
            transform: scale(1.1);
        }
        
        .service-card h3 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        
        .service-card p {
            font-size: 15px;
            color: rgba(255,255,255,0.6);
            line-height: 1.7;
        }
        
        .service-card-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 20px;
            font-size: 14px;
            font-weight: 600;
            color: var(--green);
            transition: all 0.3s ease;
        }
        
        .service-card:hover .service-card-link {
            gap: 12px;
        }
        
        /* ==================== ABOUT ==================== */
        .about {
            padding: 120px 0;
            position: relative;
            overflow: hidden;
            background: linear-gradient(180deg, 
                rgba(0, 48, 135, 0.15) 0%, 
                rgba(0, 80, 100, 0.1) 30%,
                rgba(0, 120, 70, 0.12) 70%,
                rgba(0, 150, 57, 0.15) 100%);
        }
        
        .about::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(ellipse at 20% 50%, rgba(0,150,57,0.1) 0%, transparent 50%),
                        radial-gradient(ellipse at 80% 50%, rgba(0,48,135,0.1) 0%, transparent 50%);
        }
        
        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
            position: relative;
            z-index: 10;
        }
        
        .about-image {
            position: relative;
        }
        
        .about-image img {
            width: 100%;
            border-radius: 25px;
            box-shadow: 0 40px 80px rgba(0,0,0,0.4);
        }
        
        .about-image-decoration {
            position: absolute;
            top: -20px;
            left: -20px;
            right: 20px;
            bottom: 20px;
            border: 2px solid var(--green);
            border-radius: 25px;
            opacity: 0.3;
            z-index: -1;
        }
        
        .about-floating {
            position: absolute;
            bottom: -30px;
            right: -30px;
            background: rgba(10, 10, 18, 0.9);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(0,150,57,0.2);
            border-radius: 20px;
            padding: 25px;
            animation: float 5s ease-in-out infinite;
        }
        
        .about-floating-inner {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .about-floating-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, var(--green), var(--teal));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .about-floating h4 {
            font-size: 28px;
            font-weight: 800;
        }
        
        .about-floating p {
            font-size: 13px;
            color: rgba(255,255,255,0.6);
        }
        
        .about-content h2 {
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 25px;
            letter-spacing: -1px;
        }
        
        .about-content > p {
            font-size: 17px;
            color: rgba(255,255,255,0.7);
            line-height: 1.8;
            margin-bottom: 30px;
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 40px 0;
        }
        
        .stat-card {
            text-align: center;
            padding: 25px 15px;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 15px;
            transition: all 0.3s ease;
        }
        
        .stat-card:hover {
            border-color: rgba(0,150,57,0.3);
            background: rgba(0,150,57,0.1);
            transform: translateY(-5px);
        }
        
        .stat-card h4 {
            font-size: 42px;
            font-weight: 800;
            margin-bottom: 5px;
        }
        
        .stat-card h4 .counter {
            display: inline-block;
        }
        
        .stat-card p {
            font-size: 13px;
            color: rgba(255,255,255,0.6);
        }
        
        /* ==================== NEWS ==================== */
        .news {
            padding: 120px 0;
            background: linear-gradient(180deg, 
                rgba(0, 150, 57, 0.15) 0%, 
                rgba(0, 100, 90, 0.12) 50%,
                rgba(0, 48, 135, 0.18) 100%);
        }
        
        .news-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 60px;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .news-header-text span {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: var(--green);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }
        
        .news-header-text h2 {
            font-size: 48px;
            font-weight: 800;
            letter-spacing: -1px;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        
        .news-card {
            cursor: pointer;
            transition: all 0.4s ease;
        }
        
        .news-card:hover {
            transform: translateY(-10px);
        }
        
        .news-card-image {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            margin-bottom: 25px;
            padding: 4px;
            background: linear-gradient(135deg, var(--green) 0%, var(--teal) 100%);
        }
        
        .news-card-image img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            transition: all 0.5s ease;
            border-radius: 16px;
            display: block;
        }
        
        .news-card:hover .news-card-image img {
            transform: scale(1.05);
        }
        
        .news-card:hover .news-card-image {
            box-shadow: 0 10px 30px rgba(0, 150, 57, 0.3);
        }
        
        .news-card h3 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
            transition: color 0.3s ease;
            line-height: 1.4;
        }
        
        .news-card:hover h3 {
            color: var(--green);
        }
        
        .news-card p {
            font-size: 15px;
            color: rgba(255,255,255,0.6);
            line-height: 1.7;
        }
        
        .news-card-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 18px;
            font-size: 14px;
            font-weight: 600;
            color: var(--green);
        }
        
        /* ==================== QUOTE FORM ==================== */
        .quote {
            padding: 120px 0;
            position: relative;
            overflow: hidden;
            background: linear-gradient(180deg, 
                rgba(0, 48, 135, 0.18) 0%, 
                rgba(0, 80, 100, 0.12) 50%,
                rgba(0, 150, 57, 0.15) 100%);
        }
        
        .quote::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 30% 50%, rgba(0,150,57,0.15) 0%, transparent 60%),
                        radial-gradient(ellipse at 70% 80%, rgba(0,48,135,0.1) 0%, transparent 50%);
        }
        
        .quote-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            position: relative;
            z-index: 10;
        }
        
        .quote-content h2 {
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }
        
        .quote-content > p {
            font-size: 17px;
            color: rgba(255,255,255,0.7);
            margin-bottom: 40px;
            line-height: 1.8;
        }
        
        .contact-list {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        
        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }
        
        .contact-item-icon {
            width: 55px;
            height: 55px;
            background: linear-gradient(135deg, var(--green), var(--teal));
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .contact-item-text h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 5px;
        }
        
        .contact-item-text a,
        .contact-item-text p {
            font-size: 15px;
            color: rgba(255,255,255,0.6);
            transition: color 0.3s ease;
        }
        
        .contact-item-text a:hover {
            color: var(--green);
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 40px;
        }
        
        .social-links a {
            width: 50px;
            height: 50px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255,255,255,0.6);
            transition: all 0.3s ease;
        }
        
        .social-links a:hover {
            background: rgba(0,150,57,0.15);
            border-color: var(--green);
            color: var(--green);
            transform: translateY(-3px);
        }
        
        /* Form */
        .quote-form {
            background: rgba(255,255,255,0.02);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 25px;
            padding: 45px;
        }
        
        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 10px;
            color: rgba(255,255,255,0.8);
        }
        
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 16px 20px;
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 12px;
            color: #fff;
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            transition: all 0.3s ease;
        }
        
        .form-group input::placeholder,
        .form-group textarea::placeholder {
            color: rgba(255,255,255,0.4);
        }
        
        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: var(--green);
            background: rgba(0,150,57,0.05);
        }
        
        .form-group select option {
            background: var(--bg-dark);
        }
        
        .form-group textarea {
            resize: none;
            min-height: 130px;
        }
        
        .form-submit {
            width: 100%;
            padding: 18px;
            background: linear-gradient(135deg, var(--green), var(--teal));
            color: #fff;
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            transition: all 0.4s ease;
        }
        
        .form-submit:hover {
            box-shadow: 0 20px 40px rgba(0,150,57,0.4);
            transform: translateY(-2px);
        }
        
        /* ==================== OFFICES ==================== */
        .offices {
            padding: 80px 0;
            background: linear-gradient(180deg, 
                rgba(0, 150, 57, 0.15) 0%, 
                rgba(0, 120, 80, 0.12) 50%,
                rgba(0, 48, 135, 0.1) 100%);
            border-top: 1px solid rgba(0, 150, 57, 0.2);
        }
        
        .offices h3 {
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 50px;
        }
        
        .offices-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .office-card {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 20px;
            padding: 35px 30px;
            transition: all 0.3s ease;
            text-align: center;
        }
        
        .office-card:hover {
            background: rgba(0,150,57,0.1);
            border-color: rgba(0,150,57,0.3);
            transform: translateY(-5px);
        }
        
        .office-card h4 {
            font-size: 18px;
            font-weight: 700;
            color: var(--green);
            margin-bottom: 15px;
        }
        
        .office-card p {
            font-size: 14px;
            color: rgba(255,255,255,0.6);
            line-height: 1.7;
        }
        
        /* ==================== FOOTER ==================== */
        .footer {
            background: linear-gradient(180deg, 
                rgba(0, 48, 135, 0.2) 0%, 
                rgba(0, 30, 80, 0.4) 100%);
            padding: 80px 0 30px;
            position: relative;
            overflow: hidden;
        }
        
        .footer-bg {
            position: absolute;
            inset: 0;
            opacity: 0.08;
        }
        
        .footer-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            gap: 50px;
            margin-bottom: 60px;
            position: relative;
            z-index: 10;
        }
        
        .footer-brand .logo {
            margin-bottom: 25px;
        }
        
        .footer-brand .logo img {
            height: 50px;
            width: auto;
            max-width: 100%;
            display: block;
            image-rendering: auto;
            image-rendering: -webkit-optimize-contrast;
            -ms-interpolation-mode: bicubic;
        }
        @media (max-width: 480px) {
            .footer-brand .logo img { height: 44px; }
        }
        
        .footer-brand > p {
            font-size: 14px;
            color: rgba(255,255,255,0.5);
            line-height: 1.7;
            margin-bottom: 20px;
        }
        
        .footer-contact p {
            font-size: 14px;
            color: rgba(255,255,255,0.5);
            margin-bottom: 8px;
        }
        
        .footer-col h4 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 25px;
        }
        
        .footer-col ul {
            list-style: none;
        }
        
        .footer-col ul li {
            margin-bottom: 12px;
        }
        
        .footer-col ul li a {
            font-size: 14px;
            color: rgba(255,255,255,0.5);
            transition: all 0.3s ease;
        }
        
        .footer-col ul li a:hover {
            color: var(--green);
            padding-left: 5px;
        }
        
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 30px;
            border-top: 1px solid rgba(255,255,255,0.05);
            position: relative;
            z-index: 10;
        }
        
        .footer-bottom p {
            font-size: 13px;
            color: rgba(255,255,255,0.4);
        }

        .footer-bottom-text {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .footer-credit {
            font-size: 12px !important;
            color: rgba(255,255,255,0.3) !important;
        }

        .footer-credit a {
            color: rgba(255,255,255,0.55);
            text-decoration: none;
            transition: color .2s ease;
        }

        .footer-credit a:hover {
            color: var(--green);
        }

        .footer-social {
            display: flex;
            gap: 15px;
        }
        
        .footer-social a {
            color: rgba(255,255,255,0.4);
            transition: all 0.3s ease;
        }
        
        .footer-social a:hover {
            color: var(--green);
        }
        
        /* ==================== RESPONSIVE ==================== */
        @media (max-width: 1200px) {
            .header {
                width: calc(100% - 40px);
            }
            
            .hero h1 {
                font-size: 56px;
            }
            
            .hero-floating {
                display: none;
            }
        }
        
        @media (max-width: 1024px) {
            .nav, .header-cta .btn-primary {
                display: none;
            }
            
            .header {
                width: calc(100% - 30px);
                padding: 10px 20px;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .hero h1 {
                font-size: 48px;
            }
            
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .about-grid {
                grid-template-columns: 1fr;
                gap: 50px;
            }
            
            .about-image {
                order: -1;
            }
            
            .news-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .quote-grid {
                grid-template-columns: 1fr;
                gap: 50px;
            }
            
            .footer-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .header {
                top: 10px;
                width: calc(100% - 20px);
                border-radius: 20px;
            }
            
            .lang-switcher {
                padding: 4px 6px;
            }
            
            .lang-btn {
                width: 28px;
                height: 28px;
                font-size: 10px;
            }
            
            .hero h1 {
                font-size: 36px;
                letter-spacing: -1px;
            }
            
            .hero-description {
                font-size: 16px;
            }
            
            .section-header h2,
            .about-content h2,
            .news-header-text h2,
            .quote-content h2 {
                font-size: 32px;
            }
            
            .services-grid,
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .stats-grid {
                grid-template-columns: 1fr;
            }
            
            .form-row {
                grid-template-columns: 1fr;
            }
            
            .offices-grid {
                grid-template-columns: 1fr;
                max-width: 400px;
            }
            
            .footer-grid {
                grid-template-columns: 1fr;
            }
            
            .footer-bottom {
                flex-direction: column;
                gap: 20px;
                text-align: center;
            }
        }
        
        /* Mobile Menu */
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(10, 10, 18, 0.98);
            backdrop-filter: blur(20px);
            z-index: 999;
            padding: 100px 30px 30px;
            overflow-y: auto;
        }
        
        .mobile-menu.active {
            display: block;
        }
        
        .mobile-menu-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: #fff;
            cursor: pointer;
            padding: 10px;
        }
        
        .mobile-menu a {
            display: block;
            padding: 15px 0;
            font-size: 18px;
            font-weight: 600;
            color: rgba(255,255,255,0.8);
            border-bottom: 1px solid rgba(255,255,255,0.1);
            transition: all 0.3s ease;
        }
        
        .mobile-menu a:hover {
            color: var(--green);
            padding-left: 10px;
        }
        
        .mobile-menu .btn-primary {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-top: 30px;
        }
        .mobile-menu .btn-primary:hover {
            padding-left: 32px;
        }

/* === Hero animasyonu (Claude Design — truck scene) === */
.hero-bg #eastlog-animation-root.hero-animation {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.hero-bg .hero-photo-darken {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg,
        rgba(10, 20, 40, 0.55) 0%,
        rgba(10, 20, 40, 0.35) 35%,
        rgba(10, 20, 40, 0.45) 70%,
        rgba(13, 26, 45, 0.85) 100%);
}

/* Offices grid — tek ofis için ortalanmış düzen */
.offices-grid:has(> .office-card:only-child) {
    display: flex;
    justify-content: center;
}
.offices-grid:has(> .office-card:only-child) .office-card {
    max-width: 480px;
    text-align: center;
}

/* E-posta listesi (contact item içinde birden fazla mail) */
.contact-item-text a + br + a {
    display: inline-block;
    margin-top: 4px;
}

/* === v2.10.44 — Footer'da Google Maps embed bloğu.
   footer-grid ile copyright arasında: ofis konumu + yol tarifi CTA. === */
.footer { padding-bottom: 30px !important; }
.footer-bg { display: none !important; }
.footer::before { content: none !important; }
.footer::after { content: none !important; }
.footer > .container { position: relative; z-index: 3; }

.footer-map-embed {
    position: relative;
    margin: 36px 0 28px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(135deg,
        rgba(0,48,135,0.55) 0%,
        rgba(10,22,40,0.62) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 12px 30px rgba(0,0,0,0.22);
}

.footer-map-embed-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background: linear-gradient(90deg,
        rgba(0,48,135,0.30) 0%,
        rgba(10,22,40,0.10) 100%);
}
.footer-map-embed .fme-pin {
    width: 36px; height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(65,224,124,0.16);
    border: 1px solid rgba(65,224,124,0.45);
    color: #41e07c;
    flex-shrink: 0;
}
.footer-map-embed .fme-text {
    flex: 1;
    min-width: 0;
}
.footer-map-embed .fme-kicker {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.4px;
    color: #41e07c;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.footer-map-embed .fme-text h4 {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer-map-embed .fme-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #41e07c;
    color: #003087;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    flex-shrink: 0;
}
.footer-map-embed .fme-cta:hover {
    background: #36c46c;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(65,224,124,0.35);
}

.footer-map-embed-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 5;
    background: #0a1628;
}
.footer-map-embed-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    filter: saturate(1.05);
}

@media (max-width: 768px) {
    .footer-map-embed { margin: 24px 0 20px; border-radius: 14px; }
    .footer-map-embed-header {
        padding: 12px 14px;
        gap: 10px;
        flex-wrap: wrap;
    }
    .footer-map-embed .fme-pin { width: 32px; height: 32px; }
    .footer-map-embed .fme-text h4 { font-size: 13.5px; white-space: normal; }
    .footer-map-embed .fme-kicker { font-size: 10px; letter-spacing: 1.8px; }
    .footer-map-embed .fme-cta {
        padding: 7px 12px;
        font-size: 12px;
    }
    .footer-map-embed-frame { aspect-ratio: 4 / 3; }
}
@media (max-width: 480px) {
    .footer-map-embed-header { gap: 8px; }
    .footer-map-embed .fme-text h4 { font-size: 12.5px; }
    .footer-map-embed .fme-cta {
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }
    .footer-map-embed-frame { aspect-ratio: 1 / 1; }
}

/* === v1.3 — Bölüm renk düzeni (logodaki yeşil/mavi alternasyon) === */
/* Logo renkleri: yeşil #009832, mavi #063986 */
.services {
    background: linear-gradient(180deg,
        rgba(0, 152, 50, 0.10) 0%,
        rgba(0, 152, 50, 0.18) 50%,
        rgba(0, 152, 50, 0.10) 100%) !important;
}
.about {
    background: linear-gradient(180deg,
        rgba(6, 57, 134, 0.10) 0%,
        rgba(6, 57, 134, 0.20) 50%,
        rgba(6, 57, 134, 0.10) 100%) !important;
}
.news {
    background: linear-gradient(180deg,
        rgba(0, 152, 50, 0.10) 0%,
        rgba(0, 152, 50, 0.18) 50%,
        rgba(0, 152, 50, 0.10) 100%) !important;
}
.quote {
    background: linear-gradient(180deg,
        rgba(6, 57, 134, 0.10) 0%,
        rgba(6, 57, 134, 0.20) 50%,
        rgba(6, 57, 134, 0.10) 100%) !important;
}
.offices {
    background: linear-gradient(180deg,
        rgba(0, 152, 50, 0.10) 0%,
        rgba(0, 152, 50, 0.16) 100%) !important;
    border-top: 1px solid rgba(0, 152, 50, 0.25) !important;
}

/* === v1.7 — Hero metinleri: sola hizalı, daha canlı/okunaklı === */
.hero .container,
.hero-content {
    text-align: left !important;
}
.hero-content {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 720px !important;
}
.hero-badge {
    background: rgba(0, 150, 57, 0.28) !important;
    border-color: rgba(0, 150, 57, 0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff !important;
}
.hero h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.hero-description {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
    font-weight: 500;
}

/* === v1.6 — Mobilde hero: animasyon görünecek şekilde düzen === */
@media (max-width: 768px) {
    .hero {
        min-height: 640px !important;
        display: flex !important;
        align-items: center !important;
        padding: 110px 0 60px !important;
    }
    .hero-bg {
        position: absolute !important;
        inset: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .hero-bg .hero-photo-darken {
        background: linear-gradient(180deg,
            rgba(10, 20, 40, 0.55) 0%,
            rgba(10, 20, 40, 0.35) 40%,
            rgba(10, 20, 40, 0.45) 75%,
            rgba(13, 26, 45, 0.85) 100%) !important;
        z-index: 2 !important;
    }
    .hero .container {
        position: relative;
        z-index: 3;
    }
    .hero-content {
        text-align: left;
    }
    .scroll-indicator {
        display: none !important;
    }
}

/* === v1.8 — Hero container: header'ın soluna hizalı; mobilde metin üstte, animasyon altta === */
.hero .container {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
.hero-content {
    padding: 160px 0 120px !important;
    max-width: 680px !important;
}
.hero-bg .hero-photo-darken {
    background: linear-gradient(90deg,
        rgba(8, 18, 38, 0.75) 0%,
        rgba(8, 18, 38, 0.55) 45%,
        rgba(8, 18, 38, 0.15) 75%,
        rgba(8, 18, 38, 0.05) 100%) !important;
}
.hero-description {
    max-width: 560px !important;
}

@media (max-width: 1024px) {
    .hero .container {
        width: calc(100% - 60px) !important;
    }
}

@media (max-width: 768px) {
    .hero .container {
        width: calc(100% - 40px) !important;
    }
    .hero {
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .hero-bg {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 320px !important;
        order: 2;
    }
    .hero .container {
        padding-top: 110px !important;
        padding-bottom: 40px !important;
        order: 1;
    }
    .hero-content {
        padding: 0 !important;
        max-width: 100% !important;
    }
    .hero-bg .hero-photo-darken {
        background: linear-gradient(180deg,
            rgba(8, 18, 38, 0.30) 0%,
            rgba(8, 18, 38, 0.45) 100%) !important;
    }
    .hero-floating {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .hero .container {
        width: calc(100% - 30px) !important;
    }
    .hero-bg {
        height: 260px !important;
    }
}

/* =====================================================================
   v1.9 — Açık tema: Hero dışındaki bölümler beyaz/açık zemin,
           başlık/metinler logo yeşili & mavisi
   ===================================================================== */

:root {
    --ink: #0f2038;          /* ana metin — logo mavisine yakın koyu */
    --ink-soft: #3c5068;     /* ikincil metin */
    --ink-muted: #6b7a8f;    /* sessiz metin */
    --surface: #ffffff;      /* kart zemini */
    --surface-soft: #f4f7fb; /* alternatif zemin */
    --line: #dfe6ef;         /* kenarlık */
}

body { background: var(--surface-soft) !important; color: var(--ink) !important; }

/* ---- Bölüm zeminleri: çok hafif tinted ---- */
.services  { background: #ffffff !important; }
.about     { background: linear-gradient(180deg, #f1f7f3 0%, #eaf1f8 100%) !important; }
.news      { background: #ffffff !important; }
.quote     { background: linear-gradient(180deg, #eaf1f8 0%, #f1f7f3 100%) !important; }
.offices   { background: #ffffff !important; border-top: 1px solid var(--line) !important; }

.about::before, .quote::before { display: none !important; }

/* ---- Başlıklar: logo yeşili + mavisi alternatif ---- */
.section-header h2,
.news-header-text h2,
.about-content h2,
.quote-content h2,
.offices h3 {
    color: var(--blue) !important;
    letter-spacing: -1px;
}
.services .section-header h2,
.news .news-header-text h2,
.offices h3 {
    color: var(--green) !important;
}

/* Kicker (news üstündeki küçük etiket) */
.news-header-text span { color: var(--green) !important; }

/* ---- Açıklama/paragraf metinleri ---- */
.section-header p,
.about-content > p,
.quote-content > p,
.service-card p,
.news-card p,
.office-card p,
.contact-item-text a,
.contact-item-text p,
.stat-card p,
.about-floating p {
    color: var(--ink-soft) !important;
}

/* ---- Kart yüzeyleri: beyaz + ince gri kenarlık + yumuşak gölge ---- */
.service-card,
.stat-card,
.office-card,
.news-card,
.quote-form {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 4px 18px rgba(15, 32, 56, 0.06);
}
.service-card:hover {
    background: #f1f9f4 !important;
    border-color: rgba(0, 150, 57, 0.35) !important;
    box-shadow: 0 20px 40px rgba(0, 150, 57, 0.12) !important;
}
.stat-card:hover,
.office-card:hover {
    background: #f1f9f4 !important;
    border-color: rgba(0, 150, 57, 0.35) !important;
}
.news-card h3 { color: var(--ink) !important; }
.news-card:hover h3 { color: var(--green) !important; }

/* Stat ve about-floating sayı vurguları */
.stat-card h4 { color: var(--blue) !important; }
.about-floating {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 20px 40px rgba(15, 32, 56, 0.12) !important;
}
.about-floating h4 { color: var(--blue) !important; }

/* Service icon — açık zeminde yeşil daha net */
.service-card-icon {
    background: linear-gradient(135deg, rgba(0,150,57,0.10), rgba(0,163,161,0.10)) !important;
}

/* ---- Form elemanları ---- */
.quote-form { padding: 45px; }
.form-group label { color: var(--ink) !important; }
.form-group input,
.form-group select,
.form-group textarea {
    background: #fafcff !important;
    border: 1px solid var(--line) !important;
    color: var(--ink) !important;
}
.form-group input::placeholder,
.form-group textarea::placeholder { color: var(--ink-muted) !important; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--green) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 150, 57, 0.12);
}
.form-group select option { background: #fff !important; color: var(--ink) !important; }

/* Social icons — açık zeminde */
.social-links a {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    color: var(--ink-soft) !important;
}
.social-links a:hover {
    background: #f1f9f4 !important;
    border-color: var(--green) !important;
    color: var(--green) !important;
}

/* btn-secondary — açık zeminde okunabilir */
section:not(.hero) .btn-secondary {
    color: var(--ink) !important;
    border-color: rgba(15, 32, 56, 0.18) !important;
}
section:not(.hero) .btn-secondary:hover {
    border-color: var(--green) !important;
    background: rgba(0, 150, 57, 0.06) !important;
    color: var(--green) !important;
}

/* ---- Service/News card link okları ---- */
.service-card-link,
.news-card-link { color: var(--green) !important; }

/* ---- FOOTER — koyu kalıyor (görsel denge); üst bölümden ayrışsın ---- */
.footer {
    background: linear-gradient(180deg, #0f2038 0%, #0a1628 100%) !important;
}
.footer-brand > p,
.footer-contact p,
.footer-col ul li a,
.footer-bottom p,
.footer-social a { color: rgba(255, 255, 255, 0.7) !important; }
.footer-col h4 { color: #fff !important; }
.footer-bottom { border-top-color: rgba(255, 255, 255, 0.08) !important; }

/* ---- Önceki v1.3/v1.5 koyu gradient section override'larını kapat ---- */
.services,
.news,
.offices,
.about,
.quote {
    background-image: none;
}
.services { background-color: #ffffff !important; }
.news     { background-color: #ffffff !important; }
.offices  { background-color: #ffffff !important; }

/* Hero dokunulmuyor; darken overlay + animasyon aynı kalıyor */

/* === v2.1 — Destinasyon haritası: footer-map bg + Trieste pulse + bölge pin'leri === */
.destinations-map {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 22px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: 0 12px 30px rgba(15, 32, 56, 0.10);
    background: #d9e6ef;
}
.destinations-map img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.destinations-map::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 48, 135, 0.10), rgba(0, 150, 57, 0.08));
    pointer-events: none;
}

/* Güzergâh çizgileri (SVG, kesikli, animasyonlu akış) */
.destinations-routes {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}
.destinations-routes .route {
    fill: none;
    stroke: #009639;
    stroke-width: 0.5;
    stroke-dasharray: 1.2 1.2;
    stroke-linecap: round;
    opacity: 0.85;
    animation: routeDash 18s linear infinite;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}
@keyframes routeDash {
    to { stroke-dashoffset: -240; }
}

/* Trieste origin */
.map-origin {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 4;
    pointer-events: none;
}
.map-origin-dot {
    display: block;
    width: 14px;
    height: 14px;
    background: #009639;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 2;
}
.map-origin-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid #009639;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: originPulse 2.2s ease-out infinite;
    z-index: 1;
}
.map-origin-pulse-2 { animation-delay: 1.1s; }
@keyframes originPulse {
    0%   { transform: translate(-50%, -50%) scale(1);   opacity: 0.9; }
    100% { transform: translate(-50%, -50%) scale(3.2); opacity: 0; }
}

/* Bölge pin'leri */
.region-pin {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 7px;
    z-index: 3;
    pointer-events: none;
}
.region-pin-dot {
    width: 10px;
    height: 10px;
    background: #003087;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(0, 48, 135, 0.25), 0 2px 6px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
}
.region-pin-label {
    background: rgba(255, 255, 255, 0.96);
    color: #003087;
    border: 1px solid rgba(0, 48, 135, 0.18);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(15, 32, 56, 0.18);
    letter-spacing: 0.2px;
}
/* Sağ kenardaki pin'ler — etiket sola doğru gelsin (görünüm alanı dışına taşmasın) */
.region-pin-asia,
.region-pin-me {
    flex-direction: row-reverse;
}

/* Dar viewport'ta etiket yazıları biraz küçülsün */
@media (max-width: 560px) {
    .region-pin-label { font-size: 10px; padding: 3px 7px; }
    .destinations-map { aspect-ratio: 4 / 3; }
}

/* === v2.0 — Destinasyon paneli + sosyal ikon SVG stili === */
.destinations {
    margin: 10px 0 30px;
    padding: 24px;
    background: linear-gradient(135deg, rgba(0, 150, 57, 0.06), rgba(0, 48, 135, 0.06));
    border: 1px solid var(--line);
    border-radius: 18px;
}
.destinations > h4 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--green) !important;
    margin-bottom: 16px;
}
.destinations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
.destination-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    transition: all 0.25s ease;
}
.destination-item:hover {
    border-color: rgba(0, 150, 57, 0.4);
    transform: translateX(4px);
    box-shadow: 0 6px 18px rgba(0, 150, 57, 0.10);
}
.destination-item-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--green), var(--teal));
    color: #fff;
}
.destination-item-text h5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--blue) !important;
    margin: 0 0 2px;
    line-height: 1.2;
}
.destination-item-text p {
    font-size: 13px;
    color: var(--ink-soft) !important;
    margin: 0 !important;
    line-height: 1.4;
}

/* Social SVG — açık zeminde ink rengi, hover'da yeşil */
.social-links a svg { display: block; }
.social-links a { color: var(--ink-soft); }
.social-links a:hover svg { color: var(--green); }
.footer-social a svg { display: block; }
.footer-social a { color: rgba(255, 255, 255, 0.7); }
.footer-social a:hover { color: var(--green); }

/* === v1.9.1 — Stats sayaç jitter fix ===
   Sayaç dolarken (ör. "0" → "1.000 m²") metin dar stat-card içinde 2 satıra
   sarıp stat-card yüksekliğini oynatıyordu; about-grid'in align-items:center'i
   tüm satırı yeniden ortalayıp görsel yukarı-aşağı gidip geliyordu.
   Çözüm: nowrap + tabular-nums + kilitli satır yüksekliği + align-items:start. */
.about-grid { align-items: start !important; }
.stat-card h4 {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    min-height: 46px;
    font-size: 36px !important;
}
.stat-card h4 .counter { font-variant-numeric: tabular-nums; }

/* === v2.9 — Hero split layout (metin + görsel kartı) === */
.hero.hero-split {
    position: relative;
    min-height: auto !important;
    padding: 92px 0 70px;
    background: linear-gradient(135deg, #0b1220 0%, #0f1e3a 55%, #0a1a36 100%);
    color: #fff;
    overflow: hidden;
}
.hero.hero-split .container { position: relative; z-index: 5; }

/* Arka plan dekorları */
.hero.hero-split .hero-bg-decor {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}
.hero.hero-split .hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.35;
    pointer-events: none;
}
.hero.hero-split .hero-glow-1 {
    width: 480px; height: 480px;
    background: radial-gradient(circle, #00aa44 0%, transparent 70%);
    top: -140px; left: -120px;
    animation: heroGlow 14s ease-in-out infinite alternate;
}
.hero.hero-split .hero-glow-2 {
    width: 520px; height: 520px;
    background: radial-gradient(circle, #1e4a8b 0%, transparent 70%);
    bottom: -180px; right: -140px;
    animation: heroGlow 18s ease-in-out infinite alternate-reverse;
}
@keyframes heroGlow {
    0%   { transform: translate(0, 0) scale(1); }
    100% { transform: translate(40px, 30px) scale(1.1); }
}
.hero.hero-split .hero-deco-compass {
    position: absolute;
    right: 42%;
    top: 12%;
    width: 240px;
    height: 240px;
    color: rgba(255, 255, 255, 0.08);
    animation: heroSpin 80s linear infinite;
}
@keyframes heroSpin { to { transform: rotate(360deg); } }

/* Araç parçacık alanı (canvas) — Kurgu testleri sırasında gizli */
.hero.hero-split[data-kurgu] .hero-particles { display: none; }
.hero.hero-split[data-kurgu] .hero-orbital { display: none; }
.hero.hero-split .hero-particles {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.55;
}
@media (max-width: 768px) {
    .hero.hero-split .hero-particles { opacity: 0.32; }
}

/* ===== Kurgu 1: Hero Trade Lanes ===== */
.hero.hero-split .hero-trade-lanes {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}
.hero.hero-split .hero-trade-lanes .htl-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.hero.hero-split .htl-grid line {
    stroke: rgba(255,255,255,0.045);
    stroke-width: 1;
    stroke-dasharray: 2 6;
}
.hero.hero-split .htl-routes use {
    fill: none;
    stroke: rgba(255,255,255,0.10);
    stroke-width: 1;
    stroke-dasharray: 3 5;
}
.hero.hero-split .htl-cities g circle {
    fill: rgba(255,255,255,0.55);
    stroke: rgba(26,209,87,0.55);
    stroke-width: 1;
}
.hero.hero-split .htl-cities g text {
    fill: rgba(255,255,255,0.5);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    paint-order: stroke;
    stroke: rgba(11,18,32,0.7);
    stroke-width: 2.5px;
    stroke-linejoin: round;
    font-family: 'Montserrat', sans-serif;
}
.hero.hero-split .htl-hub .htl-hub-core {
    fill: #1ad157;
}
.hero.hero-split .htl-hub .htl-hub-ring {
    fill: none;
    stroke: rgba(26,209,87,0.55);
    stroke-width: 1.5;
    transform-origin: 310px 380px;
    transform-box: view-box;
    animation: htlHubPulse 2.6s ease-out infinite;
}
.hero.hero-split .htl-hub text {
    fill: rgba(26,209,87,0.85);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    paint-order: stroke;
    stroke: rgba(11,18,32,0.85);
    stroke-width: 3px;
    stroke-linejoin: round;
    font-family: 'Montserrat', sans-serif;
}
@keyframes htlHubPulse {
    0%   { transform: scale(0.6); opacity: 0.9; }
    100% { transform: scale(2.2); opacity: 0; }
}

/* Aktif hat: çizilen rota + araç + varış nabzı */
.hero.hero-split .htl-active .lane-route {
    fill: none;
    stroke: rgba(26,209,87,0.75);
    stroke-width: 1.8;
    stroke-linecap: round;
}
.hero.hero-split .htl-active .lane-vehicle {
    color: rgba(255,255,255,0.92);
    filter: drop-shadow(0 0 6px rgba(26,209,87,0.45));
}
.hero.hero-split .htl-active .lane-arrival {
    fill: none;
    stroke: rgba(26,209,87,0.8);
    stroke-width: 1.5;
}
.hero.hero-split .htl-active .lane-label {
    fill: rgba(255,255,255,0.85);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    paint-order: stroke;
    stroke: rgba(11,18,32,0.9);
    stroke-width: 3px;
    stroke-linejoin: round;
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 768px) {
    .hero.hero-split .hero-trade-lanes { opacity: 0.55; }
    .hero.hero-split .htl-cities g text,
    .hero.hero-split .htl-hub text { display: none; }
}

/* Aktif kurguya göre diğer dekorları gizle */
.hero.hero-split[data-kurgu="3"] .hero-deco-compass,
.hero.hero-split[data-kurgu="3"] .hero-ops-console { display: none; }
.hero.hero-split[data-kurgu="2"] .hero-deco-compass { display: block; }

/* ===== Canlı Operasyonlar Şeridi (Destinasyonlar sayfası) ===== */
.ops-strip {
    background: linear-gradient(180deg, #f5f7fb 0%, #e9eef6 100%);
    color: #0e1830;
    padding: 80px 0 100px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(0,40,100,0.08);
    border-bottom: 1px solid rgba(0,40,100,0.10);
}
.ops-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(800px 400px at 10% 0%, rgba(0,98,224,0.06), transparent 60%),
        radial-gradient(700px 400px at 90% 100%, rgba(26,209,87,0.05), transparent 60%);
    pointer-events: none;
}
.ops-strip > .container { position: relative; z-index: 1; }
.ops-strip-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
}
.ops-strip .ops-pulse {
    width: 11px; height: 11px;
    border-radius: 50%;
    background: #1ad157;
    box-shadow: 0 0 0 0 rgba(26,209,87,0.7);
    animation: opsLive 1.8s ease-out infinite;
    flex-shrink: 0;
}
@keyframes opsLive {
    0%   { box-shadow: 0 0 0 0 rgba(26,209,87,0.6); }
    70%  { box-shadow: 0 0 0 12px rgba(26,209,87,0); }
    100% { box-shadow: 0 0 0 0 rgba(26,209,87,0); }
}
.ops-strip-title {
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #0e1830;
    margin: 0;
    flex: 1;
}
.ops-strip-counter {
    font-size: 12px;
    color: #0e8a3a;
    font-weight: 700;
    letter-spacing: 2.5px;
    font-variant-numeric: tabular-nums;
    text-transform: uppercase;
}
.ops-strip-sub {
    color: rgba(14,24,48,0.62);
    font-size: 13px;
    margin: 0 0 28px;
    max-width: 780px;
}

.ops-strip-grid {
    display: grid;
    gap: 24px;
}
@media (min-width: 900px) {
    .ops-strip-grid {
        grid-template-columns: 1.15fr 1fr;
        gap: 28px;
        align-items: start;
    }
}

/* Liste */
.ops-strip-list {
    background: #ffffff;
    border: 1px solid rgba(14,24,48,0.08);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 320px;
    box-shadow: 0 8px 24px rgba(14,24,48,0.06);
}
.ops-row {
    display: grid;
    grid-template-columns: auto auto auto 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    background: #f7f9fc;
    border: 1px solid rgba(14,24,48,0.06);
    border-radius: 10px;
    font-size: 13px;
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    animation: opsRowIn 0.5s ease-out;
    transition: background 0.4s ease, border-color 0.4s ease;
}
.ops-row.ops-row-highlight {
    background: rgba(26,209,87,0.08);
    border-color: rgba(26,209,87,0.45);
    box-shadow: 0 0 0 1px rgba(26,209,87,0.20) inset;
}
@keyframes opsRowIn {
    from { opacity: 0; transform: translateY(-12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ops-row.ops-row-out {
    animation: opsRowOut 0.5s ease-in forwards;
}
@keyframes opsRowOut {
    from { opacity: 1; max-height: 80px; }
    to   { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: -8px; }
}
.ops-row-id {
    color: #0e1830;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.ops-row-mode {
    background: #0e1830;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}
.ops-row-cargo { color: rgba(14,24,48,0.55); font-size: 12px; }
.ops-row-status {
    color: var(--c, #0e1830);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    white-space: nowrap;
}
.ops-row-progress {
    width: 80px;
    height: 4px;
    background: rgba(14,24,48,0.10);
    border-radius: 2px;
    overflow: hidden;
}
.ops-row-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #1ad157, #5ec8ff);
    transition: width 1s ease-out;
}

/* Pipeline (öne çıkan) */
.ops-strip-featured {
    background: #ffffff;
    border: 1px solid rgba(14,24,48,0.08);
    border-radius: 14px;
    padding: 24px 22px;
    align-self: stretch;
    box-shadow: 0 8px 24px rgba(14,24,48,0.06);
}
.ofs-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
}
.ofs-meta::before {
    content: attr(data-featured-label); /* dil PHP'den: dest_ops_featured */
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
    color: #0e8a3a;
    background: rgba(26,209,87,0.10);
    border: 1px solid rgba(26,209,87,0.30);
    padding: 4px 9px;
    border-radius: 4px;
}
.ofs-id { color: #0e1830; font-weight: 800; font-size: 14px; letter-spacing: 0.3px; }
.ofs-mode {
    background: #0e1830;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}
.ofs-cargo { color: rgba(14,24,48,0.55); font-size: 12px; }
.ofs-eta { color: rgba(14,24,48,0.70); font-size: 12px; margin-left: auto; letter-spacing: 0.5px; }
.ofs-eta span { color: #0e8a3a; font-weight: 800; margin-left: 4px; }

.ofs-pipeline { padding: 8px 0 4px; }
.ofs-stages {
    display: flex;
    align-items: flex-start;
    gap: 0;
}
.ofs-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}
.ofs-stage-dot {
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid rgba(14,24,48,0.25);
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}
.ofs-stage.is-active .ofs-stage-dot {
    background: #1ad157;
    border-color: #1ad157;
    box-shadow: 0 0 0 6px rgba(26,209,87,0.20);
    animation: ofsActivePulse 1.8s ease-out infinite;
}
@keyframes ofsActivePulse {
    0%   { box-shadow: 0 0 0 4px rgba(26,209,87,0.28); }
    70%  { box-shadow: 0 0 0 14px rgba(26,209,87,0); }
    100% { box-shadow: 0 0 0 4px rgba(26,209,87,0); }
}
.ofs-stage.is-complete .ofs-stage-dot {
    background: #1ad157;
    border-color: #1ad157;
}
.ofs-stage.is-complete .ofs-stage-dot::after {
    content: '✓';
    position: absolute;
    inset: 0;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ofs-stage-lbl {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: rgba(14,24,48,0.45);
    text-transform: uppercase;
    transition: color 0.3s ease;
    white-space: nowrap;
}
.ofs-stage.is-active .ofs-stage-lbl,
.ofs-stage.is-complete .ofs-stage-lbl { color: #0e1830; }
.ofs-link {
    flex: 1 1 auto;
    height: 2px;
    background: rgba(14,24,48,0.10);
    border-radius: 1px;
    margin: 7px 8px 0;
    overflow: hidden;
    align-self: flex-start;
    min-width: 12px;
}
.ofs-link-fill {
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #1ad157, #5ec8ff);
    transition: width 1.2s ease-out;
}

@media (max-width: 768px) {
    .ops-strip { padding: 60px 0 70px; }
    .ops-row {
        grid-template-columns: auto auto 1fr auto;
        gap: 10px;
        padding: 10px 12px;
        font-size: 12px;
    }
    .ops-row-cargo { display: none; }
    .ops-row-progress { display: none; }
    .ops-strip-featured { padding: 20px 16px; }
    .ofs-meta { gap: 8px; font-size: 11px; }
    .ofs-eta { width: 100%; margin-left: 0; }
    .ofs-stage-lbl { font-size: 9px; letter-spacing: 1px; }
    .ofs-link { margin: 7px 4px 0; min-width: 8px; }
}
@media (max-width: 420px) {
    .ofs-stage-lbl { display: none; }
    .ofs-stages { gap: 0; }
}

/* ===== Kurgu 3: Trieste Radar/Sonar ===== */
.hero.hero-split .hero-radar {
    position: absolute;
    width: 380px;
    height: 380px;
    right: 36%;
    top: 6%;
    pointer-events: none;
    opacity: 0.85;
}
.hero.hero-split .hero-radar .hr-ring {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border: 1px dashed rgba(255,255,255,0.10);
    border-radius: 50%;
}
.hero.hero-split .hero-radar .hr-ring-1 { width: 26%;  height: 26%; }
.hero.hero-split .hero-radar .hr-ring-2 { width: 52%;  height: 52%; }
.hero.hero-split .hero-radar .hr-ring-3 { width: 78%;  height: 78%; }
.hero.hero-split .hero-radar .hr-ring-4 {
    width: 100%; height: 100%;
    border: 1px solid rgba(255,255,255,0.18);
    border-style: solid;
}
.hero.hero-split .hero-radar .hr-cross {
    position: absolute;
    background: rgba(255,255,255,0.05);
}
.hero.hero-split .hero-radar .hr-cross-h { left: 0; right: 0; top: 50%; height: 1px; }
.hero.hero-split .hero-radar .hr-cross-v { top: 0; bottom: 0; left: 50%; width: 1px; }
.hero.hero-split .hero-radar .hr-sweep {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(from 0deg,
        rgba(26,209,87,0.55) 0deg,
        rgba(26,209,87,0.32) 12deg,
        rgba(26,209,87,0.12) 30deg,
        rgba(26,209,87,0.03) 55deg,
        transparent 80deg);
    -webkit-mask: radial-gradient(circle, transparent 5%, black 7%);
    mask: radial-gradient(circle, transparent 5%, black 7%);
    animation: hrSweep 6s linear infinite;
    transform-origin: center;
}
@keyframes hrSweep {
    to { transform: rotate(360deg); }
}
.hero.hero-split .hero-radar .hr-hub {
    position: absolute;
    width: 12px; height: 12px;
    top: 50%; left: 50%;
    margin: -6px 0 0 -6px;
    border-radius: 50%;
    background: #1ad157;
    box-shadow: 0 0 14px rgba(26,209,87,0.85), 0 0 0 4px rgba(26,209,87,0.18);
    z-index: 2;
}
.hero.hero-split .hero-radar .hr-hub-pulse {
    position: absolute;
    width: 24px; height: 24px;
    top: 50%; left: 50%;
    margin: -12px 0 0 -12px;
    border-radius: 50%;
    border: 1.5px solid rgba(26,209,87,0.6);
    animation: hrHubPulse 2.4s ease-out infinite;
}
@keyframes hrHubPulse {
    0%   { transform: scale(0.4); opacity: 0.9; }
    100% { transform: scale(2.6); opacity: 0; }
}
.hero.hero-split .hero-radar .hr-dot {
    position: absolute;
    width: 8px; height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    animation: hrDotPulse 6s linear infinite;
    will-change: transform, background, box-shadow;
}
@keyframes hrDotPulse {
    0%, 4% {
        background: #1ad157;
        box-shadow: 0 0 14px rgba(26,209,87,0.85), 0 0 0 3px rgba(26,209,87,0.22);
        transform: scale(1.6);
    }
    14%, 100% {
        background: rgba(255,255,255,0.18);
        box-shadow: none;
        transform: scale(1);
    }
}
@media (max-width: 1100px) {
    .hero.hero-split .hero-radar {
        width: 280px; height: 280px;
        left: 50%; right: auto;
        top: 4%;
        margin-left: -140px;
        opacity: 0.65;
    }
}
@media (max-width: 768px) {
    .hero.hero-split .hero-radar {
        width: 220px; height: 220px;
        top: 70px;
        margin-left: -110px;
        opacity: 0.5;
    }
}
@media (max-width: 480px) {
    .hero.hero-split .hero-radar {
        width: 170px; height: 170px;
        margin-left: -85px;
        opacity: 0.42;
    }
}

/* ===== Kurgu 2: Canlı Operasyon Konsolu ===== */
.hero.hero-split .hero-ops-console {
    margin-top: 32px;
    max-width: 560px;
    background: linear-gradient(180deg, rgba(11,18,32,0.78), rgba(11,18,32,0.45));
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 14px 16px 12px;
    position: relative;
    overflow: hidden;
}
.hero.hero-split .hero-ops-console::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(800px 80px at 0% 0%, rgba(26,209,87,0.10), transparent 60%);
    pointer-events: none;
}
.hero.hero-split .hoc-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
}
.hero.hero-split .hoc-pulse {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #1ad157;
    box-shadow: 0 0 0 0 rgba(26,209,87,0.7);
    animation: hocLive 1.8s ease-out infinite;
}
@keyframes hocLive {
    0%   { box-shadow: 0 0 0 0 rgba(26,209,87,0.6); }
    70%  { box-shadow: 0 0 0 10px rgba(26,209,87,0); }
    100% { box-shadow: 0 0 0 0 rgba(26,209,87,0); }
}
.hero.hero-split .hoc-title {
    flex: 1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
}
.hero.hero-split .hoc-counter {
    font-size: 10px;
    color: rgba(26,209,87,0.85);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 1.5px;
}
.hero.hero-split .hoc-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}
.hero.hero-split .hoc-row {
    display: grid;
    grid-template-columns: auto auto 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 8px;
    font-size: 12px;
    font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
    animation: hocRowIn 0.45s ease-out;
}
@keyframes hocRowIn {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.hero.hero-split .hoc-row.hoc-row-out {
    animation: hocRowOut 0.5s ease-in forwards;
}
@keyframes hocRowOut {
    from { opacity: 1; max-height: 60px; padding-top: 8px; padding-bottom: 8px; margin-top: 0; }
    to   { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: -6px; }
}
.hero.hero-split .hoc-id {
    color: rgba(255,255,255,0.95);
    font-weight: 600;
    letter-spacing: 0.3px;
}
.hero.hero-split .hoc-mode {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.88);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}
.hero.hero-split .hoc-cargo {
    color: rgba(255,255,255,0.6);
    font-size: 11px;
    text-align: right;
}
.hero.hero-split .hoc-status {
    color: var(--c, rgba(255,255,255,0.85));
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    white-space: nowrap;
    text-transform: uppercase;
}
.hero.hero-split .hoc-progress {
    width: 56px;
    height: 4px;
    background: rgba(255,255,255,0.10);
    border-radius: 2px;
    overflow: hidden;
}
.hero.hero-split .hoc-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #1ad157, #5ec8ff);
    transition: width 1s ease-out;
}
.hero.hero-split .hoc-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.hero.hero-split .hoc-foot-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    letter-spacing: 1.2px;
    color: rgba(255,255,255,0.55);
    font-weight: 600;
    text-transform: uppercase;
}
.hero.hero-split .hoc-dot {
    width: 6px; height: 6px; border-radius: 50%;
    display: inline-block;
}
.hero.hero-split .hoc-dot-g { background: #1ad157; }
.hero.hero-split .hoc-dot-y { background: #ffb347; }
.hero.hero-split .hoc-dot-b { background: #5ec8ff; }
.hero.hero-split .hoc-dot-c { background: #c8a4ff; }

@media (max-width: 1100px) {
    .hero.hero-split .hero-ops-console { max-width: 100%; }
}
@media (max-width: 768px) {
    .hero.hero-split .hero-ops-console { padding: 12px 12px 10px; margin-top: 24px; }
    .hero.hero-split .hoc-row {
        grid-template-columns: auto auto 1fr auto;
        gap: 8px;
        font-size: 11px;
        padding: 7px 9px;
    }
    .hero.hero-split .hoc-progress { display: none; }
    .hero.hero-split .hoc-cargo { font-size: 10.5px; }
    .hero.hero-split .hoc-foot { gap: 10px; }
}
@media (max-width: 380px) {
    .hero.hero-split .hoc-row { font-size: 10.5px; gap: 6px; padding: 6px 8px; }
    .hero.hero-split .hoc-cargo { display: none; }
}

/* Compass etrafında orbital — iç halka tır, dış halka konteyner */
.hero.hero-split .hero-orbital {
    position: absolute;
    right: 42%;
    top: 12%;
    width: 240px;
    height: 240px;
    pointer-events: none;
    opacity: 0.85;
    overflow: visible;
}
.hero.hero-split .hero-orbital .orb-ring {
    fill: none;
    stroke: rgba(255, 255, 255, 0.12);
    stroke-width: 0.4;
    stroke-dasharray: 1.6 3;
}
.hero.hero-split .hero-orbital .orb-vehicle { fill: rgba(255, 255, 255, 0.42); }
.hero.hero-split .hero-orbital .orb-container { fill: rgba(26, 209, 87, 0.38); }
@media (max-width: 1100px) {
    .hero.hero-split .hero-orbital { width: 180px; height: 180px; right: 50%; }
}
@media (max-width: 768px) {
    .hero.hero-split .hero-orbital { display: none; }
}

/* Split grid */
.hero-split-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* İçerik */
.hero.hero-split .hero-content { max-width: 640px; }
.hero.hero-split .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.92);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    margin-bottom: 22px;
}
.hero.hero-split .hero-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px rgba(0, 150, 57, 0.25);
    animation: heroPulseDot 1.8s ease-out infinite;
}
@keyframes heroPulseDot {
    0%   { box-shadow: 0 0 0 0 rgba(0, 150, 57, 0.6); }
    80%  { box-shadow: 0 0 0 12px rgba(0, 150, 57, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 150, 57, 0); }
}

.hero.hero-split .hero-title {
    font-size: clamp(30px, 4.2vw, 56px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    color: #fff !important;
    margin: 0 0 20px !important;
    letter-spacing: -0.5px;
}
.hero.hero-split .hero-title .text-gradient-green {
    background: linear-gradient(90deg, #1ad157 0%, #0ea341 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.hero.hero-split .hero-description {
    font-size: clamp(14.5px, 1.1vw, 16.5px) !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    margin: 0 0 28px !important;
}

.hero.hero-split .hero-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 38px;
}
.hero.hero-split .btn-primary {
    background: #009639;
    color: #fff;
    padding: 13px 24px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s ease;
    box-shadow: 0 10px 24px rgba(0, 150, 57, 0.35);
}
.hero.hero-split .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(0, 150, 57, 0.5);
}
.hero.hero-split .btn-ghost-light {
    background: rgba(255, 255, 255, 0.08);
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 13px 24px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14.5px;
    backdrop-filter: blur(10px);
    transition: all 0.25s ease;
}
.hero.hero-split .btn-ghost-light:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: #fff;
    transform: translateY(-2px);
}

/* Meta istatistikleri */
.hero.hero-split .hero-meta {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.hero.hero-split .hero-meta-item strong {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
}
.hero.hero-split .hero-meta-item span {
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Görsel sütunu */
.hero-visual { position: relative; }
.hero-visual-card {
    position: relative;
    aspect-ratio: 8 / 5;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.5),
        0 2px 8px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    isolation: isolate;
}
.hero-slider {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.hero-visual-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0;
    transition: opacity 900ms ease;
    filter: brightness(0.48) saturate(0.85) contrast(1.02);
}
.hero-visual-img.is-active {
    opacity: 1;
    animation: heroKenBurns 22s ease-in-out infinite alternate;
}
/* Slider dots */
.hero-slider-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    gap: 8px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.38);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    border-radius: 20px;
}
.hsd {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: width 320ms ease, background-color 320ms ease, border-radius 320ms ease;
}
.hsd:hover { background: rgba(255, 255, 255, 0.8); }
.hsd.is-active {
    background: #1ad157;
    width: 22px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(26, 209, 87, 0.6);
}
.hsd.is-active:hover { background: #1ad157; }
@keyframes heroKenBurns {
    0%   { transform: scale(1.02); }
    100% { transform: scale(1.08) translate(-1%, -0.5%); }
}
.hero-visual-tint {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11, 18, 32, 0.55) 0%, rgba(11, 18, 32, 0.35) 50%, rgba(11, 18, 32, 0.65) 100%),
        linear-gradient(165deg, rgba(0, 150, 57, 0.15) 0%, transparent 45%, rgba(0, 50, 25, 0.2) 100%);
    pointer-events: none;
    z-index: 2;
}

/* Rota ağı — kart üstünde */
.hero-visual-card .hero-network {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 55%;
    z-index: 3;
    pointer-events: none;
    opacity: 0.75;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 65%, transparent 100%);
            mask-image: linear-gradient(180deg, #000 0%, #000 65%, transparent 100%);
    overflow: visible;
}
.hero-visual-card .hr-route {
    fill: none;
    stroke: rgba(255, 255, 255, 0.7);
    stroke-width: 1.2;
    stroke-dasharray: 5 6;
    stroke-linecap: round;
    animation: hrRouteFlow 18s linear infinite;
}
.hero-visual-card .hr-route--green {
    stroke: rgba(26, 209, 87, 0.85);
    animation-duration: 14s;
    animation-direction: reverse;
}
@keyframes hrRouteFlow { to { stroke-dashoffset: -240; } }
.hero-visual-card .hr-node {
    fill: #fff;
    transform-box: fill-box;
    transform-origin: center;
    animation: hrNodePulse 2.6s ease-in-out infinite;
}
.hero-visual-card .hr-node--hub {
    fill: #1ad157;
    filter: drop-shadow(0 0 6px rgba(26, 209, 87, 0.7));
}
.hero-visual-card .hr-node:nth-child(2n) { animation-delay: 0.7s; }
.hero-visual-card .hr-node:nth-child(3n) { animation-delay: 1.4s; }
@keyframes hrNodePulse {
    0%,100% { opacity: 0.5; transform: scale(1); }
    50%     { opacity: 1;   transform: scale(1.3); }
}
.hero-visual-card .hero-net-packets circle {
    filter: drop-shadow(0 0 5px currentColor);
}

/* Kart üst köşe rozet */
.hero-visual-badge {
    position: absolute;
    top: 16px; left: 16px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(10, 20, 40, 0.78);
    backdrop-filter: blur(12px);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.hero-visual-badge .hvb-dot {
    width: 7px; height: 7px;
    background: #1ad157;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(26, 209, 87, 0.3);
    animation: heroPulseDot 1.6s ease-out infinite;
}

/* Alt sağdaki yüzen stat kartı */
.hero-visual-stat {
    position: absolute;
    right: -14px;
    bottom: -26px;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
    animation: heroFloatCard 4.5s ease-in-out infinite;
}
@keyframes heroFloatCard {
    0%,100% { transform: translateY(0); }
    50%     { transform: translateY(-6px); }
}
.hero-visual-stat .hvs-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1ad157, #009639);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hero-visual-stat strong {
    display: block;
    color: #003087;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.5px;
}
.hero-visual-stat span {
    color: #556;
    font-size: 11.5px;
    font-weight: 500;
}

/* Fade-up entrance */
.hero-fadeup {
    opacity: 0;
    transform: translateY(18px);
    animation: heroFadeUp 0.85s cubic-bezier(.2,.7,.2,1) forwards;
    animation-delay: var(--d, 0s);
}
@keyframes heroFadeUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive */
@media (max-width: 1024px) {
    .hero-split-grid { gap: 48px; }
    .hero.hero-split .hero-deco-compass { width: 180px; height: 180px; right: 50%; }
}
@media (max-width: 900px) {
    .hero.hero-split { padding: 110px 0 100px; }
    .hero-split-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .hero.hero-split .hero-content { max-width: 100%; }
    .hero-visual-card { aspect-ratio: 16 / 10; }
    .hero-visual-stat { right: 8px; bottom: -20px; padding: 12px 14px; }
    .hero-visual-stat .hvs-icon { width: 36px; height: 36px; }
    .hero-visual-stat strong { font-size: 13px; }
    .hero.hero-split .hero-deco-compass { display: none; }
}
@media (max-width: 560px) {
    .hero.hero-split { padding: 100px 0 80px; }
    .hero.hero-split .hero-title { font-size: clamp(26px, 7vw, 36px) !important; }
    .hero.hero-split .hero-meta { gap: 20px; }
    .hero.hero-split .hero-meta-item strong { font-size: 22px; }
    .hero-visual-card { aspect-ratio: 4 / 3; border-radius: 16px; }
    .hero-visual-badge { top: 10px; left: 10px; font-size: 10.5px; padding: 6px 10px; }
}

/* === v2.9.5 — Taşıma ağı: slider görsellerinin üzerinde overlay === */
.hero-net-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
}
.hero-net-overlay .hnb-map {
    width: 100%;
    height: 100%;
    display: block;
}
/* Rotalar */
.hnb-route {
    fill: none;
    stroke: rgba(255, 255, 255, 0.22);
    stroke-width: 1.4;
    stroke-dasharray: 5 7;
    stroke-linecap: round;
    animation: hnbRouteFlow 18s linear infinite;
}
.hnb-route--primary {
    stroke: rgba(26, 209, 87, 0.55);
    stroke-width: 2;
    animation-duration: 14s;
}
.hnb-route--sea {
    stroke: rgba(74, 168, 255, 0.5);
    stroke-dasharray: 3 9;
    animation-duration: 22s;
}
@keyframes hnbRouteFlow { to { stroke-dashoffset: -240; } }

/* Destinasyon şehirleri */
.hnb-city circle {
    fill: #fff;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.45));
}
.hnb-city text {
    fill: rgba(255, 255, 255, 0.55);
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    text-anchor: middle;
    font-family: inherit;
    paint-order: stroke;
    stroke: rgba(11, 18, 32, 0.65);
    stroke-width: 3px;
    stroke-linejoin: round;
    transition: fill 400ms ease;
}
.hnb-city:hover text { fill: rgba(255, 255, 255, 0.9); }
/* Küçük "·" vurgu noktası her şehrin yanında — SVG text::before desteklenmediği için circle ile */
.hnb-city circle {
    fill: rgba(255, 255, 255, 0.85);
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.35));
    r: 3.5;
    transition: fill 400ms ease;
}
/* Hub: Trieste */
.hnb-city--hub .hnb-hub-core {
    fill: #1ad157;
    filter: drop-shadow(0 0 12px rgba(26, 209, 87, 0.85));
}
.hnb-city--hub .hnb-hub-ring {
    fill: none;
    stroke: rgba(26, 209, 87, 0.75);
    stroke-width: 2;
    transform-origin: 330px 260px;
    transform-box: view-box;
    animation: hnbHubPulse 2.2s ease-out infinite;
}
@keyframes hnbHubPulse {
    0%   { transform: scale(1);   opacity: 0.9; }
    100% { transform: scale(4.2); opacity: 0; }
}
.hnb-city--hub text {
    fill: rgba(26, 209, 87, 0.85);
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 4.5px;
    stroke: rgba(11, 18, 32, 0.75);
    stroke-width: 4px;
}
.hnb-city--hub:hover text { fill: #1ad157; }

/* Hareketli araçlar */
.hnb-v { filter: drop-shadow(0 0 5px currentColor); }
.hnb-v--truck { color: #1ad157; }
.hnb-v--ship  { color: #4aa8ff; }
.hnb-v--plane { color: #ffffff; }
.hnb-v--train { color: #ffb347; }

/* Tablet */
@media (max-width: 900px) {
    .hnb-city text { font-size: 20px; letter-spacing: 2.2px; }
    .hnb-city--hub text { font-size: 26px; letter-spacing: 4.5px; }
    .hnb-route { stroke-width: 1.8; }
    .hnb-route--primary { stroke-width: 2.4; }
}
/* Mobil */
@media (max-width: 560px) {
    .hnb-city:not(.hnb-city--hub) text { display: none; }
    .hnb-city circle { r: 5; }
    .hnb-city--hub text { font-size: 40px; letter-spacing: 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .hnb-route, .hnb-hub-ring { animation: none !important; }
    .hnb-vehicles { display: none; }
}

/* === v2.7 — Sticky iletişim (WhatsApp + Mail) === */
.sticky-contact {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}
.sticky-contact .sc-btn {
    pointer-events: auto;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22), 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, width 0.25s ease;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}
.sticky-contact .sc-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0.35;
    animation: scPulse 2.4s ease-out infinite;
    pointer-events: none;
}
@keyframes scPulse {
    0%   { box-shadow: 0 0 0 0 currentColor; opacity: 0.35; }
    80%  { box-shadow: 0 0 0 14px currentColor; opacity: 0; }
    100% { box-shadow: 0 0 0 0 currentColor; opacity: 0; }
}
.sticky-contact .sc-wa  { background: #25D366; }
.sticky-contact .sc-mail { background: var(--blue); }
.sticky-contact .sc-btn:hover {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}
.sticky-contact .sc-btn svg { display: block; flex-shrink: 0; }
.sticky-contact .sc-label {
    position: absolute;
    right: 64px;
    top: 50%;
    transform: translateY(-50%) translateX(6px);
    background: rgba(20, 28, 42, 0.92);
    color: #fff;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    transition: opacity 0.2s ease, transform 0.2s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.sticky-contact .sc-btn:hover .sc-label {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}
@media (max-width: 600px) {
    .sticky-contact { right: 14px; bottom: 16px; gap: 10px; }
    .sticky-contact .sc-btn { width: 48px; height: 48px; }
    .sticky-contact .sc-btn svg { width: 22px; height: 22px; }
    .sticky-contact .sc-label { display: none; }
}

/* === v2.7 — Footer: brand + 4 sütun (KURUMSAL / TAŞIMACILIK / LOJİSTİK HİZMETLER / İLETİŞİM) === */
.footer-grid {
    /* Brand daha dar → menülere yaklaşır; Lojistik kolonu uzun başlık için 1.2fr */
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr 1.3fr !important;
    gap: 36px !important;
}
/* h4 başlıkları tek satır kalsın — uzun başlık olursa kolon zorlamasın */
.footer-col h4 {
    white-space: nowrap;
}

/* Footer'daki tüm kolonlar kendi içinde ortalı (v2.13.47) */
.footer-brand,
.footer-col {
    text-align: center;
}
.footer-brand .logo {
    display: inline-block;
}
.footer-contact-list li {
    justify-content: center;
}
.footer-col h4 {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--green) !important;
    margin-bottom: 22px !important;
}
.footer-col ul li { margin-bottom: 14px !important; }
.footer-col ul li a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    transition: color 0.2s ease, padding-left 0.2s ease !important;
}
.footer-col ul li a:hover {
    color: var(--green) !important;
    padding-left: 0 !important;
}

/* İletişim sütunu — ikon + metin */
.footer-contact-list { list-style: none; padding: 0; margin: 0; }
.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px !important;
}
.footer-contact-list .fc-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 150, 57, 0.14);
    color: var(--green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}
.footer-contact-list .fc-icon i,
.footer-contact-list .fc-icon svg { color: var(--green); stroke: var(--green); }
.footer-contact-list li a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 14.5px !important;
    line-height: 1.5;
}
.footer-contact-list li a:hover { color: var(--green) !important; }

/* İletişim sütunu sola hizalı — tüm dillerde (v2.13.47 ortalama kuralını ezer) */
.footer-col.footer-contact-col { text-align: left !important; }
.footer-col.footer-contact-col h4 { text-align: left !important; }
.footer-col.footer-contact-col .footer-contact-list li { justify-content: flex-start !important; }
/* Mobilde: kutu ortalı, içerik kendi içinde sola hizalı */
@media (max-width: 700px) {
    .footer-col.footer-contact-col { justify-self: center; width: fit-content; }
}

@media (max-width: 1100px) {
    .footer-grid { grid-template-columns: 1fr 1fr 1fr !important; gap: 32px !important; }
    .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
    .footer-grid { grid-template-columns: 1fr 1fr !important; }
    .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
    .footer-brand { grid-column: auto; }
}

/* === v2.6 — Destinasyonlar sayfa hero + routes-page tweak === */
.page-hero {
    padding: 140px 0 50px;
    background: linear-gradient(180deg, #eaf1f7 0%, #ffffff 100%);
    text-align: center;
    position: relative;
}
.page-hero-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
    color: var(--green);
    text-transform: uppercase;
    margin-bottom: 14px;
}
.page-hero h1 {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 800;
    color: var(--blue);
    line-height: 1.1;
    margin: 0 0 18px;
}
.page-hero p {
    max-width: 720px;
    margin: 0 auto;
    color: var(--ink-soft);
    font-size: 17px;
    line-height: 1.6;
}
@media (max-width: 768px) {
    .page-hero { padding: 110px 0 40px; }
    .page-hero p { font-size: 15px; }
}

/* Routes sayfası: üstte page-hero olduğu için section kendi başlığını taşımıyor */
.routes.routes-page {
    padding: 40px 0 100px;
}
@media (max-width: 768px) {
    .routes.routes-page { padding: 24px 0 70px; }
}

/* === v2.5 — Interactive Routes Map (Leaflet) === */
.routes {
    padding: 90px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
    position: relative;
}
.routes .section-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 36px;
}
.routes-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
    color: var(--green);
    text-transform: uppercase;
    margin-bottom: 12px;
}
.routes .section-header h2 {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 800;
    color: var(--blue);
    margin: 0 0 14px;
    line-height: 1.15;
}
.routes .section-header p {
    color: var(--ink-soft);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Filter pills */
.routes-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
}
.routes-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(15, 32, 56, 0.04);
}
.routes-filter-btn:hover {
    border-color: rgba(0, 48, 135, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0, 48, 135, 0.08);
}
.routes-filter-btn.active {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
    box-shadow: 0 6px 16px rgba(0, 48, 135, 0.25);
}
.routes-filter-btn .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
}

/* Map wrap */
.routes-map-wrap {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: 0 20px 50px rgba(15, 32, 56, 0.12);
    background: #eaf1f7;
}
.routes-map {
    width: 100%;
    height: 560px;
    aspect-ratio: auto;
    background: #eaf1f7;
    z-index: 1;
}
.routes-map .leaflet-container {
    background: #eaf1f7;
    font-family: inherit;
}

/* Legend */
.routes-legend {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 500;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    box-shadow: 0 8px 24px rgba(15, 32, 56, 0.12);
    backdrop-filter: blur(6px);
    max-width: 220px;
}
.routes-legend-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: var(--ink-soft);
    text-transform: uppercase;
    margin-bottom: 2px;
}
.routes-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink);
}
.routes-legend-item .swatch {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

/* Trieste HUB marker (divIcon) */
.routes-hub-marker {
    position: relative;
    overflow: visible !important;
}
.routes-hub-marker .hub-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #E53935;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    z-index: 3;
}
.routes-hub-marker .hub-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid #E53935;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: hubPulse 2.2s ease-out infinite;
    z-index: 1;
}
.routes-hub-marker .hub-pulse-2 { animation-delay: 1.1s; }
@keyframes hubPulse {
    0%   { transform: translate(-50%, -50%) scale(1);   opacity: 0.85; }
    100% { transform: translate(-50%, -50%) scale(3.6); opacity: 0; }
}
.routes-hub-marker .hub-label {
    position: absolute;
    top: 50%;
    left: calc(50% + 14px);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.96);
    color: #003087;
    border: 1px solid rgba(0, 48, 135, 0.18);
    font-size: 12px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(15, 32, 56, 0.18);
    letter-spacing: 0.3px;
    z-index: 4;
}

/* Eastlog ara hub'lar — Baku/Almaty/Dubai (v2.13.50) */
.routes-eastlog-hub-marker {
    position: relative;
    overflow: visible !important;
}
.routes-eastlog-hub-marker .eh-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #0ec441;
    border: 2.5px solid #fff;
    box-shadow: 0 2px 8px rgba(14, 196, 65, 0.45);
    z-index: 3;
}
.routes-eastlog-hub-marker .eh-label {
    position: absolute;
    top: 50%;
    left: calc(50% + 11px);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.96);
    color: #0a6d2a;
    border: 1px solid rgba(14, 196, 65, 0.32);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 7px;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(15, 32, 56, 0.14);
    letter-spacing: 0.2px;
    z-index: 4;
}

/* City tooltip */
.routes-city-tip {
    background: rgba(0, 48, 135, 0.95) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 4px 9px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.routes-city-tip::before { display: none !important; }

/* Leaflet zoom control styling */
.routes-map .leaflet-control-zoom {
    border: 1px solid var(--line) !important;
    box-shadow: 0 4px 12px rgba(15, 32, 56, 0.12) !important;
    border-radius: 8px !important;
    overflow: hidden;
}
.routes-map .leaflet-control-zoom a {
    background: #fff !important;
    color: var(--ink) !important;
    border-bottom-color: var(--line) !important;
}
.routes-map .leaflet-control-zoom a:hover {
    background: #f4f7fb !important;
    color: var(--blue) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .routes { padding: 60px 0; }
    .routes-map { height: 440px; }
    .routes-filter-btn { padding: 8px 14px; font-size: 13px; }
    .routes-legend {
        left: 10px;
        bottom: 10px;
        padding: 10px 12px;
        max-width: 170px;
    }
    .routes-legend-item { font-size: 11.5px; }
    .routes-hub-marker .hub-label { font-size: 11px; padding: 3px 8px; }
}
@media (max-width: 480px) {
    .routes-map { height: 380px; }
    .routes-filter { gap: 6px; }
    .routes-filter-btn { padding: 7px 12px; font-size: 12.5px; }
}

/* === v2.10.5 — Hero full-cover (büyük görsel + üstte yazı/butonlar) === */
.hero.hero-fullcover {
    position: relative;
    min-height: 68vh;
    padding: 110px 0 80px;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow: clip;
    width: 100%;
    max-width: 100vw;
}
.hero.hero-fullcover .hero-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.hero.hero-fullcover .hero-slider .hero-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0;
    transition: opacity 1100ms ease;
    filter: brightness(0.78) saturate(0.98);
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform, opacity;
}
.hero.hero-fullcover .hero-slider .hero-slide.is-active {
    opacity: 1;
    animation: heroCoverKenBurns 26s ease-in-out infinite alternate;
}
@keyframes heroCoverKenBurns {
    0%   { transform: scale(1.02); }
    100% { transform: scale(1.07); }
}
/* Mobile variant — daha güçlü zoom + farklı origin (Gemini watermark crop için).
   Slide CSS'inde transform-origin: 25% 25% set ediliyor; keyframes sadece scale değiştirir. */
@keyframes heroCoverKenBurnsMobile {
    0%   { transform: scale(1.12); }
    100% { transform: scale(1.18); }
}
.hero.hero-fullcover .hero-cover-tint {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgba(11,18,32,0.32) 0%, rgba(11,18,32,0.12) 45%, rgba(11,18,32,0.55) 100%),
        linear-gradient(165deg, rgba(0,150,57,0.10) 0%, transparent 50%, rgba(0,30,15,0.18) 100%);
    pointer-events: none;
}
.hero.hero-fullcover .container {
    position: relative;
    z-index: 5;
    width: 100%;
}
.hero.hero-fullcover .hero-content {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.hero.hero-fullcover .hero-badge { margin: 0 auto 22px; }
.hero.hero-fullcover .hero-buttons { justify-content: center; }
.hero.hero-fullcover .hero-meta {
    justify-content: center;
    margin: 0 auto;
    max-width: 640px;
}
.hero.hero-fullcover .hero-slider-dots {
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}
/* Eski split-spesifik kalıntıları gizle (markup'ta hâlâ display:none, çift güvence) */
.hero.hero-fullcover .hero-legacy-decor,
.hero.hero-fullcover .hero-legacy-visual { display: none !important; }

/* Slider'a senkron caption fade (hero-title + hero-subtitle slide değişiminde) */
.hero-slide-caption-title,
.hero-slide-caption-sub {
    transition: opacity 260ms ease, transform 260ms ease;
    will-change: opacity, transform;
}
.hero-slide-caption-title.is-cap-fading,
.hero-slide-caption-sub.is-cap-fading {
    opacity: 0;
    transform: translateY(6px);
}

@media (max-width: 1024px) {
    .hero.hero-fullcover { min-height: 62vh; padding: 100px 0 70px; }
}
@media (max-width: 900px) {
    .hero.hero-fullcover {
        min-height: 60vh;
        padding: 96px 0 70px;
    }
    .hero.hero-fullcover .hero-meta { gap: 22px; }
}
@media (max-width: 560px) {
    .hero.hero-fullcover {
        min-height: 58vh;
        padding: 90px 0 64px;
    }
    .hero.hero-fullcover .hero-meta {
        gap: 18px;
    }
    .hero.hero-fullcover .hero-meta-item { text-align: center; flex: 1 1 30%; min-width: 0; }
    .hero.hero-fullcover .hero-meta-item strong { font-size: 22px; }
    .hero.hero-fullcover .hero-slider-dots { bottom: 14px; }
}
@media (max-width: 380px) {
    .hero.hero-fullcover { min-height: 62vh; padding: 90px 0 70px; }
    .hero.hero-fullcover .hero-meta-item span { font-size: 10.5px; letter-spacing: 1px; }
}

/* === v2.10.11 — Lojistik Hizmet sayfa gövdesi === */
.hizmet-content {
    padding: 60px 0 90px;
    background: #fff;
}
.hizmet-content-inner {
    max-width: 860px;
    margin: 0 auto;
    color: #2b3344;
    font-size: 16.5px;
    line-height: 1.75;
}
.hizmet-content-inner > *:first-child { margin-top: 0; }
.hizmet-content-inner h2 {
    font-size: 26px;
    font-weight: 800;
    color: #003087;
    margin: 40px 0 14px;
    letter-spacing: -0.3px;
}
.hizmet-content-inner h3 {
    font-size: 20px;
    font-weight: 700;
    color: #003087;
    margin: 30px 0 10px;
}
.hizmet-content-inner p { margin: 0 0 18px; }
.hizmet-content-inner ul,
.hizmet-content-inner ol { margin: 0 0 22px; padding-left: 22px; }
.hizmet-content-inner li { margin-bottom: 8px; }
.hizmet-content-inner a {
    color: var(--green);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.hizmet-content-inner img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 24px 0;
}
.hizmet-content-inner blockquote {
    border-left: 3px solid var(--green);
    padding: 8px 0 8px 20px;
    margin: 24px 0;
    color: #4a5468;
    font-style: italic;
}
@media (max-width: 640px) {
    .hizmet-content { padding: 40px 0 60px; }
    .hizmet-content-inner { font-size: 15.5px; }
    .hizmet-content-inner h2 { font-size: 22px; }
}

/* === v2.10.12 — Lojistik Hizmet sayfası kart + CTA === */
.hizmet-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 28px 0 38px;
}
.hizmet-card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(0, 48, 135, 0.08);
    border-radius: 14px;
    padding: 28px 24px 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 1px 2px rgba(0, 48, 135, 0.04);
}
.hizmet-card:hover {
    border-color: rgba(0, 150, 57, 0.3);
    box-shadow: 0 14px 30px rgba(0, 48, 135, 0.08);
    transform: translateY(-2px);
}
.hizmet-card-num {
    position: absolute;
    top: 18px;
    right: 22px;
    font-size: 38px;
    font-weight: 800;
    color: rgba(0, 150, 57, 0.14);
    letter-spacing: -1px;
    line-height: 1;
}
.hizmet-content-inner .hizmet-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: #003087;
    margin: 0 0 10px;
    padding-right: 40px;
}
.hizmet-content-inner .hizmet-card p {
    font-size: 14.5px;
    line-height: 1.65;
    color: #4a5468;
    margin: 0;
}

.hizmet-cta {
    margin: 50px 0 10px;
    padding: 36px 32px;
    border-radius: 16px;
    background: linear-gradient(135deg, #003087 0%, #1B4F9E 100%);
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.hizmet-cta::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #009639, transparent);
}
.hizmet-content-inner .hizmet-cta h3 {
    font-size: 22px;
    color: #fff;
    margin: 0 0 10px;
}
.hizmet-content-inner .hizmet-cta p {
    color: rgba(255, 255, 255, 0.88);
    margin: 0 0 22px;
    font-size: 15.5px;
}
.hizmet-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: #009639;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 8px;
    font-size: 13.5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: background 0.25s ease, transform 0.25s ease;
}
.hizmet-cta-btn:hover {
    background: #00B847;
    transform: translateY(-1px);
}

.hizmet-highlight {
    margin: 32px 0;
    padding: 22px 26px;
    border-left: 4px solid #009639;
    background: #f5f8fb;
    border-radius: 0 12px 12px 0;
}
.hizmet-content-inner .hizmet-highlight p { margin: 0; color: #2b3344; font-size: 16px; }
.hizmet-content-inner .hizmet-highlight strong { color: #003087; }

@media (max-width: 640px) {
    .hizmet-card-grid { grid-template-columns: 1fr; gap: 14px; }
    .hizmet-card { padding: 24px 20px 20px; }
    .hizmet-card-num { font-size: 32px; top: 14px; right: 18px; }
    .hizmet-cta { padding: 30px 22px; }
    .hizmet-content-inner .hizmet-cta h3 { font-size: 19px; }
}

/* === v2.10.13 — Hizmet sayfası zenginleştirme: stats, icon, timeline, FAQ === */

/* Hero üstüne marka şeridi (sadece hizmet template'inde) */
body.page-template-page-hizmet .page-hero {
    padding-bottom: 70px;
    /* v2.14.20 — Tüm lojistik hizmet hero'ları sabit/eşit yükseklikte.
       Yükseklik artık açıklama satır sayısına göre değişmez; içerik dikeyde ortalanır. */
    min-height: 520px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 768px) {
    body.page-template-page-hizmet .page-hero { min-height: auto; display: block; }
}
body.page-template-page-hizmet .page-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #009639 0%, #003087 50%, #009639 100%);
    z-index: 5;
}

/* Stats strip (hero altı, içerik üstü, hafif yukarı çekiliyor) */
.hizmet-content { position: relative; }
.hizmet-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: -100px 0 50px;
    position: relative;
    z-index: 4;
}
.hizmet-stat {
    background: #fff;
    border-radius: 14px;
    padding: 24px 16px 20px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0, 48, 135, 0.08);
    border-top: 3px solid #009639;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hizmet-stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(0, 48, 135, 0.14);
}
.hizmet-stat svg {
    width: 26px; height: 26px;
    color: #009639;
    margin: 0 auto 10px;
    display: block;
    stroke-width: 2;
}
.hizmet-stat strong {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: #003087;
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
}
.hizmet-stat span {
    font-size: 12.5px;
    color: #5a6478;
    letter-spacing: 0.3px;
    font-weight: 500;
}

/* Card ikon kutucuğu */
.hizmet-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 150, 57, 0.15) 0%, rgba(0, 150, 57, 0.04) 100%);
    margin-bottom: 16px;
    border: 1px solid rgba(0, 150, 57, 0.18);
}
.hizmet-card-icon svg {
    width: 24px; height: 24px;
    color: #009639;
    stroke-width: 2;
}

/* Process timeline */
.hizmet-process {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin: 30px 0 50px;
    position: relative;
}
.hizmet-process::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 10%; right: 10%;
    height: 2px;
    background: linear-gradient(90deg, #009639 0%, #1B4F9E 50%, #003087 100%);
    z-index: 0;
    opacity: 0.4;
}
.hizmet-process-step {
    background: transparent;
    padding: 0 8px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.hizmet-process-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #009639, #00B847);
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0 auto 14px;
    box-shadow: 0 8px 18px rgba(0, 150, 57, 0.32);
    border: 4px solid #fff;
}
.hizmet-content-inner .hizmet-process-step h4 {
    font-size: 14.5px;
    font-weight: 700;
    color: #003087;
    margin: 0 0 6px;
}
.hizmet-content-inner .hizmet-process-step p {
    font-size: 12.5px;
    line-height: 1.55;
    color: #5a6478;
    margin: 0;
}

/* Hizmet services 2-col icon grid */
.hizmet-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 28px 0 40px;
}
.hizmet-service {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 22px 20px;
    background: #f6f9fc;
    border-radius: 12px;
    transition: background 0.3s ease, transform 0.3s ease;
    border-left: 3px solid transparent;
}
.hizmet-service:hover {
    background: #ecf2f8;
    border-left-color: #009639;
    transform: translateX(2px);
}
.hizmet-service-icon {
    flex-shrink: 0;
    width: 42px; height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 48, 135, 0.08);
}
.hizmet-service-icon svg {
    width: 22px; height: 22px;
    color: #003087;
    stroke-width: 2;
}
.hizmet-service-body { flex: 1; min-width: 0; }
.hizmet-content-inner .hizmet-service h3 {
    font-size: 15.5px;
    font-weight: 700;
    color: #003087;
    margin: 0 0 6px;
}
.hizmet-content-inner .hizmet-service p {
    font-size: 13.5px;
    line-height: 1.55;
    color: #4a5468;
    margin: 0;
}

/* FAQ akordiyon (native <details>) */
.hizmet-faq {
    margin: 24px 0 0;
}
.hizmet-faq-item {
    background: #fff;
    border: 1px solid rgba(0, 48, 135, 0.1);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.hizmet-faq-item[open] {
    border-color: rgba(0, 150, 57, 0.35);
    box-shadow: 0 8px 22px rgba(0, 48, 135, 0.07);
}
.hizmet-faq-item summary {
    padding: 18px 22px;
    font-weight: 700;
    color: #003087;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-size: 15.5px;
    transition: color 0.2s ease;
}
.hizmet-faq-item summary::-webkit-details-marker { display: none; }
.hizmet-faq-item summary::after {
    content: "+";
    font-size: 24px;
    color: #009639;
    font-weight: 600;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.hizmet-faq-item[open] summary::after { content: "−"; }
.hizmet-faq-item summary:hover { color: #009639; }
.hizmet-content-inner .hizmet-faq-item p {
    padding: 0 22px 20px;
    margin: 0;
    color: #4a5468;
    font-size: 14.5px;
    line-height: 1.7;
}

@media (max-width: 900px) {
    .hizmet-stats { grid-template-columns: repeat(2, 1fr); margin-top: -70px; }
    .hizmet-process { grid-template-columns: 1fr; gap: 16px; }
    .hizmet-process::before { display: none; }
    .hizmet-process-step {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas: "num title" "num desc";
        column-gap: 16px;
        row-gap: 2px;
        align-items: center;
        text-align: left;
    }
    .hizmet-process-num { grid-area: num; align-self: center; margin: 0; }
    .hizmet-content-inner .hizmet-process-step h4 { grid-area: title; font-size: 15px; margin: 0; }
    .hizmet-content-inner .hizmet-process-step p { grid-area: desc; display: block; font-size: 13px; margin: 0; }
    .hizmet-services { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    body.page-template-page-hizmet .page-hero { padding-bottom: 60px; }
    .hizmet-stats { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: -50px; }
    .hizmet-stat { padding: 18px 12px 16px; }
    .hizmet-stat strong { font-size: 18px; }
    .hizmet-stat span { font-size: 11.5px; }
    /* .hizmet-process artık ≤900 kuralında dikey grid (num | başlık/açıklama) ile çözülüyor */
    .hizmet-faq-item summary { padding: 16px 18px; font-size: 14.5px; }
    .hizmet-content-inner .hizmet-faq-item p { padding: 0 18px 18px; }
}

/* === v2.10.14 — Mobil Lojistik Hizmetler akordiyonu === */
.mobile-menu .mobile-submenu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.mobile-menu .mobile-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 0;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    font-weight: 600;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: color 0.25s ease;
}
.mobile-menu .mobile-submenu-toggle:hover { color: var(--green); }
.mobile-submenu-chev {
    transition: transform 0.3s ease;
    color: rgba(255, 255, 255, 0.55);
}
.mobile-submenu.is-open .mobile-submenu-chev {
    transform: rotate(180deg);
    color: var(--green);
}
.mobile-submenu-panel {
    display: none;
    padding: 4px 0 16px 14px;
}
.mobile-submenu.is-open .mobile-submenu-panel { display: block; }
.mobile-menu .mobile-submenu-item {
    display: block !important;
    padding: 11px 0 !important;
    font-size: 15.5px !important;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: color 0.2s ease, padding-left 0.2s ease;
}
.mobile-menu .mobile-submenu-item:last-child { border-bottom: none; }
.mobile-menu .mobile-submenu-item:hover {
    color: var(--green) !important;
    padding-left: 6px !important;
}

/* === v2.10.16 → v2.14.29 — Hizmet sayfası hero (DİL-BAĞIMSIZ: template class) ===
   Önceki sürümlerde slug-spesifik selector'lar (page-gumrukleme vb.) kullanılıyordu;
   URL yerelleştirmesi sonrası EN/IT body class'ı değişti ve overlay/renkler EN/IT'de
   uygulanmadı. Çözüm: page-template-page-hizmet class'ına refactor (slug-independent). */
body.page-template-page-hizmet .page-hero {
    background-color: #0a1d3d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 170px 0 130px;
    overflow: hidden;
    text-align: center;
}
/* TR-slug fallback (Featured Image yoksa) — EN/IT'de inline style devreye girer. */
body.page-gumrukleme .page-hero        { background-image: url('assets/img/hero-gumrukleme.webp'); }
body.page-depolama .page-hero          { background-image: url('assets/img/hero-depolama.webp'); }
body.page-liman-hizmetleri .page-hero  { background-image: url('assets/img/hero-liman-hizmetleri.webp'); }
body.page-inland-terminal .page-hero   { background-image: url('assets/img/hero-inland-terminal.webp'); }
body.page-entegre-hizmetler .page-hero { background-image: url('assets/img/hero-entegre-hizmetler.webp'); }
body.page-bolgesel-dagitim .page-hero  { background-image: url('assets/img/hero-bolgesel-dagitim.webp'); }
body.page-template-page-hizmet .page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(2, 14, 38, 0.72) 0%,
        rgba(2, 14, 38, 0.62) 50%,
        rgba(2, 14, 38, 0.78) 100%);
    z-index: 1;
    pointer-events: none;
}
body.page-template-page-hizmet .page-hero > .container {
    position: relative;
    z-index: 3;
}
body.page-template-page-hizmet .page-hero-kicker {
    color: #41e07c;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
body.page-template-page-hizmet .page-hero h1 {
    color: #ffffff;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.45);
}
body.page-template-page-hizmet .page-hero p {
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    font-weight: 400;
}
@media (max-width: 768px) {
    body.page-template-page-hizmet .page-hero {
        padding: 130px 0 110px;
    }
}
@media (max-width: 480px) {
    body.page-template-page-hizmet .page-hero {
        padding: 110px 0 90px;
    }
}

/* === v2.10.27 — Blog arşivi + tekil yazı === */
.blog-archive {
    background: #fff;
    padding: 80px 0 100px;
}
.blog-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
}
.blog-archive .news-card {
    background: #fff;
    border: 1px solid #e8edf4;
    border-radius: 22px;
    padding: 18px 18px 22px;
    transition: all 0.3s ease;
}
.blog-archive .news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 48, 135, 0.12);
    border-color: #d6e1f0;
}
.blog-archive .news-card-image {
    display: block;
    margin-bottom: 18px;
    border-radius: 16px;
    padding: 3px;
}
.blog-archive .news-card-image img {
    height: 200px;
    border-radius: 13px;
}
.news-card-meta {
    font-size: 12.5px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7a93;
    margin-bottom: 8px;
    font-weight: 600;
}
.blog-archive .news-card h3 {
    color: #0a1d3d;
    font-size: 19px;
    margin-bottom: 10px;
}
.blog-archive .news-card h3 a {
    color: inherit;
    text-decoration: none;
}
.blog-archive .news-card h3 a:hover {
    color: var(--green);
}
.blog-archive .news-card p {
    color: #4a5670;
    font-size: 14.5px;
    line-height: 1.65;
}
.blog-empty {
    text-align: center;
    padding: 60px 20px;
    color: #6b7a93;
    font-size: 16px;
}
.blog-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 56px;
}
.blog-pagination a,
.blog-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    background: #f5f7fb;
    color: #0a1d3d;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.25s ease;
}
.blog-pagination a:hover {
    background: var(--green);
    color: #fff;
}
.blog-pagination .current {
    background: var(--navy);
    color: #fff;
}

/* Ana sayfa Son Yazılarımız - h3 link rengini kart stiline uydur */
.news-card h3 a {
    color: inherit;
    text-decoration: none;
}
.news-card-image {
    display: block;
}

/* Tekil yazı (single.php) */
.single-hero {
    text-align: center;
    padding-bottom: 50px;
}
.single-meta {
    margin-top: 14px;
    color: #6b7a93;
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
}
.single-article {
    background: #fff;
    padding: 30px 0 100px;
}
.single-article .container {
    max-width: 820px;
}
.single-thumb {
    margin: 0 auto 40px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 48, 135, 0.10);
}
.single-thumb img {
    width: 100%;
    height: auto;
    display: block;
}
.single-content {
    color: #2c3a52;
    font-size: 17px;
    line-height: 1.85;
}
.single-content h2 {
    color: #0a1d3d;
    font-size: 28px;
    font-weight: 800;
    margin: 44px 0 18px;
    letter-spacing: -0.01em;
}
.single-content h3 {
    color: #003087;
    font-size: 21px;
    font-weight: 700;
    margin: 32px 0 12px;
}
.single-content p {
    margin-bottom: 18px;
}
.single-content ul,
.single-content ol {
    margin: 0 0 22px 22px;
    padding: 0;
}
.single-content ul li,
.single-content ol li {
    margin-bottom: 10px;
}
.single-content strong {
    color: #0a1d3d;
}
.single-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0 30px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 48, 135, 0.08);
    font-size: 15px;
}
.single-content table thead {
    background: linear-gradient(135deg, #003087, #00214d);
    color: #fff;
}
.single-content table th,
.single-content table td {
    padding: 13px 18px;
    text-align: left;
    border-bottom: 1px solid #eef2f8;
}
.single-content table tbody tr:last-child td {
    border-bottom: none;
}
.single-content table tbody tr:nth-child(even) {
    background: #f7f9fc;
}
.single-back {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #eef2f8;
}
.single-back a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}
.single-back a:hover {
    color: var(--navy);
}

@media (max-width: 960px) {
    .blog-archive-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
}
@media (max-width: 640px) {
    .blog-archive { padding: 60px 0 70px; }
    .blog-archive-grid { grid-template-columns: 1fr; gap: 24px; }
    .single-content { font-size: 16px; }
    .single-content h2 { font-size: 24px; }
    .single-content h3 { font-size: 19px; }
}

/* === v2.10.39 — Blog yazılarındaki tablolar: dış sarmalayıcıda yatay scroll
   (önceki v2.10.37 yaklaşımında thead/tbody ayrı display:table olduğu için
   başlıklar ile gövde aynı anda kaymıyordu — şimdi tek scroll konteyneri) === */
.single-content .table-wrap {
    margin: 24px 0 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0, 48, 135, 0.08);
    background: #fff;
}
.single-content .table-wrap table {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    min-width: 100%;
}
@media (max-width: 760px) {
    .single-content .table-wrap {
        position: relative;
    }
    .single-content .table-wrap table {
        width: max-content;
        min-width: 100%;
        font-size: 13px;
        white-space: nowrap;
    }
    .single-content .table-wrap table th,
    .single-content .table-wrap table td {
        padding: 11px 14px;
    }
}

/* === v2.10.39 — Ana sayfa "Trieste · Merkez Operasyon" badge mobilde küçülsün === */
@media (max-width: 768px) {
    .about-floating {
        bottom: -16px;
        right: 12px;
        padding: 12px 16px;
        border-radius: 14px;
    }
    .about-floating-inner {
        gap: 10px;
    }
    .about-floating-icon {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }
    .about-floating-icon i,
    .about-floating-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .about-floating h4 {
        font-size: 18px;
        line-height: 1.15;
        margin: 0;
    }
    .about-floating p {
        font-size: 11px;
        line-height: 1.2;
        margin: 2px 0 0;
    }
}
@media (max-width: 480px) {
    .about-floating {
        bottom: -12px;
        right: 8px;
        padding: 9px 12px;
        border-radius: 12px;
    }
    .about-floating-inner {
        gap: 8px;
    }
    .about-floating-icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
    }
    .about-floating-icon i,
    .about-floating-icon svg {
        width: 15px !important;
        height: 15px !important;
    }
    .about-floating h4 {
        font-size: 15px;
    }
    .about-floating p {
        font-size: 10px;
    }
}

/* === v2.10.30 — Ana sayfa Son Yazılarımız kartlarını ortala === */
.news .news-card {
    text-align: center;
}
.news .news-card h3,
.news .news-card p {
    padding: 0 8px;
}
.news .news-card-link {
    justify-content: center;
}

/* === v2.10.33 — Servislerimiz (page-servis.php) — Lojistik Hizmetler'den
       belirgin biçimde farklılaşan tasarım: split hero, sticky aside, dikey flow === */
body.page-template-page-servis {
    background: #f6f8fb;
}

/* Split Hero */
.servis-hero {
    position: relative;
    padding: 150px 0 80px;
    background: linear-gradient(135deg, #0a1d3d 0%, #112d63 55%, #003087 100%);
    color: #fff;
    overflow: hidden;
}
.servis-hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -120px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,150,57,0.35) 0%, transparent 70%);
    pointer-events: none;
}
.servis-hero::after {
    content: '';
    position: absolute;
    bottom: -180px;
    left: -100px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(65,224,124,0.18) 0%, transparent 70%);
    pointer-events: none;
}
.servis-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 56px;
    align-items: center;
}
.servis-hero-text {
    max-width: 560px;
}
.servis-hero-kicker {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(65,224,124,0.16);
    color: #41e07c;
    font-size: 12px;
    letter-spacing: 0.18em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.servis-hero h1 {
    font-size: 48px;
    line-height: 1.1;
    margin: 0 0 18px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.servis-hero-lead {
    font-size: 17px;
    line-height: 1.65;
    color: rgba(255,255,255,0.82);
    margin: 0 0 28px;
}
.servis-hero-cta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.servis-hero-cta .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 1.5px solid rgba(255,255,255,0.45);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}
.btn-ghost:hover {
    background: #fff;
    color: #0a1d3d;
    border-color: #fff;
}
.servis-hero-media {
    position: relative;
    aspect-ratio: 4 / 3.2;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.35);
    transform: rotate(-1.5deg);
}
.servis-hero-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: rotate(1.5deg) scale(1.08);
}
.servis-hero-badge {
    position: absolute;
    bottom: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(10,29,61,0.85);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(8px);
    z-index: 2;
}

/* Vurgu bandı (highlights) */
.servis-highlights {
    background: #fff;
    border-bottom: 1px solid #e8edf5;
    padding: 28px 0;
}
.servis-highlight-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.servis-highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 6px 0;
}
.servis-highlight i,
.servis-highlight svg {
    color: #009639;
    flex-shrink: 0;
}
.servis-highlight strong {
    display: block;
    font-size: 16px;
    color: #0a1d3d;
    font-weight: 700;
    line-height: 1.25;
}
.servis-highlight span {
    display: block;
    font-size: 13px;
    color: #6b7a93;
    margin-top: 2px;
}

/* Body 2-column */
.servis-body {
    padding: 80px 0 60px;
}
.servis-body-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 56px;
    align-items: flex-start;
}
.servis-body-main {
    background: #fff;
    border-radius: 22px;
    padding: 48px 52px;
    box-shadow: 0 6px 30px rgba(10,29,61,0.06);
    color: #1a2942;
    line-height: 1.75;
    font-size: 16px;
}
.servis-body-main h2 {
    font-size: 26px;
    color: #0a1d3d;
    margin: 36px 0 14px;
    font-weight: 800;
    letter-spacing: -0.01em;
}
.servis-body-main h2:first-child { margin-top: 0; }
.servis-body-main h3 {
    font-size: 19px;
    color: #003087;
    margin: 26px 0 10px;
    font-weight: 700;
}
.servis-body-main p { margin: 0 0 16px; }
.servis-body-main ul,
.servis-body-main ol {
    margin: 0 0 18px 22px;
    padding: 0;
}
.servis-body-main li { margin-bottom: 8px; }
.servis-body-main a {
    color: #009639;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,150,57,0.3);
}
.servis-body-main a:hover { border-bottom-color: #009639; }

.servis-body-empty {
    padding: 32px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f4f9ff 0%, #ebf5ee 100%);
    color: #1a2942;
    border: 1px dashed #bcd1de;
}
.servis-body-empty p:first-child { font-size: 18px; color: #003087; }

/* Aside */
.servis-body-aside {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.servis-aside-card {
    background: #fff;
    border-radius: 18px;
    padding: 26px 24px;
    box-shadow: 0 6px 30px rgba(10,29,61,0.06);
}
.servis-aside-card h3 {
    margin: 0 0 16px;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #009639;
    font-weight: 700;
}
.servis-aside-list {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
}
.servis-aside-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #e8edf5;
    font-size: 14.5px;
    color: #1a2942;
}
.servis-aside-list li:last-child { border-bottom: 0; }
.servis-aside-list li i,
.servis-aside-list li svg { color: #003087; flex-shrink: 0; }
.servis-aside-list a {
    color: #1a2942;
    text-decoration: none;
}
.servis-aside-list a:hover { color: #009639; }
.servis-aside-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    background: #009639;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    justify-content: center;
    transition: background 0.25s ease;
}
.servis-aside-cta:hover { background: #007a2e; }

.servis-aside-card-dark {
    background: linear-gradient(135deg, #0a1d3d 0%, #003087 100%);
    color: #fff;
}
.servis-aside-card-dark p {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(255,255,255,0.88);
}
.servis-aside-tag {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(65,224,124,0.18);
    color: #41e07c;
    font-size: 11px;
    letter-spacing: 0.16em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* CTA Banner */
.servis-cta-band {
    padding: 60px 0 90px;
}
.servis-cta-inner {
    background: linear-gradient(135deg, #009639 0%, #007a2e 100%);
    border-radius: 24px;
    padding: 44px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    color: #fff;
    box-shadow: 0 20px 60px rgba(0,150,57,0.25);
    position: relative;
    overflow: hidden;
}
.servis-cta-inner::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    pointer-events: none;
}
.servis-cta-text { max-width: 600px; position: relative; z-index: 1; }
.servis-cta-text h2 {
    font-size: 28px;
    margin: 0 0 8px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
}
.servis-cta-text p {
    margin: 0;
    color: rgba(255,255,255,0.92);
    font-size: 15.5px;
}
.servis-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.servis-cta-actions .btn-primary {
    background: #fff;
    color: #009639;
}
.servis-cta-actions .btn-primary:hover {
    background: #0a1d3d;
    color: #fff;
}
.servis-cta-actions .btn-ghost {
    border-color: rgba(255,255,255,0.7);
}

/* Responsive */
@media (max-width: 1024px) {
    .servis-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .servis-hero { padding: 130px 0 60px; }
    .servis-hero h1 { font-size: 38px; }
    .servis-hero-media { max-width: 520px; margin: 0 auto; aspect-ratio: 16 / 10; }
    .servis-body-grid { grid-template-columns: 1fr; gap: 32px; }
    .servis-body-aside { position: static; flex-direction: row; }
    .servis-aside-card { flex: 1; }
    .servis-highlight-row { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 720px) {
    .servis-hero h1 { font-size: 30px; }
    .servis-hero-lead { font-size: 15.5px; }
    .servis-body-main { padding: 32px 24px; font-size: 15.5px; }
    .servis-body-main h2 { font-size: 22px; }
    .servis-body-aside { flex-direction: column; }
    .servis-cta-inner { flex-direction: column; align-items: flex-start; padding: 32px 26px; }
    .servis-cta-text h2 { font-size: 22px; }
    .servis-cta-actions { width: 100%; }
    .servis-cta-actions .btn-primary,
    .servis-cta-actions .btn-ghost { flex: 1; justify-content: center; }
}
@media (max-width: 480px) {
    .servis-highlight-row { grid-template-columns: 1fr; }
}

/* ===========================================================================
   v2.10.48 — Servis sayfaları görsel-zengin içerik bileşenleri
   feature-grid (ikon kart) / route-grid (renkli koridor) / step-flow (4-5 adım)
   / callout (vurgu kutusu) / sector-grid (chip) / chip-list
   + Mobilde servis-hero-media garantili gösterim
   =========================================================================== */

.servis-body-main .servis-intro {
    font-size: 17px;
    line-height: 1.7;
    color: #1f2a44;
    margin: 0 0 28px;
    padding: 18px 22px;
    background: linear-gradient(135deg, rgba(0,150,57,0.06) 0%, rgba(0,48,135,0.05) 100%);
    border-left: 4px solid #009639;
    border-radius: 12px;
}

.servis-body-main h2 {
    margin-top: 36px;
    margin-bottom: 18px;
}
.servis-body-main h2:first-of-type { margin-top: 28px; }

/* Feature grid (hizmet türleri) */
.servis-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 0 0 32px;
}
.servis-feature {
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 14px;
    padding: 22px 20px;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    position: relative;
    overflow: hidden;
}
.servis-feature::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #009639 0%, #003087 100%);
    opacity: 0;
    transition: opacity 0.22s ease;
}
.servis-feature:hover {
    transform: translateY(-3px);
    border-color: #cfd9eb;
    box-shadow: 0 12px 30px rgba(10,29,61,0.08);
}
.servis-feature:hover::before { opacity: 1; }
.servis-feature i[data-lucide] {
    width: 30px;
    height: 30px;
    color: #009639;
    margin-bottom: 12px;
    display: block;
}
.servis-feature h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0a1d3d;
    margin: 0 0 6px;
    line-height: 1.3;
}
.servis-feature p {
    font-size: 13.5px;
    line-height: 1.55;
    color: #4a5878;
    margin: 0;
}

/* Route grid (hat ağı) — renkli ton'lu kartlar */
.servis-route-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin: 0 0 32px;
}
.servis-route {
    background: #fff;
    border-radius: 14px;
    padding: 20px 22px;
    border-left: 5px solid #009639;
    box-shadow: 0 6px 18px rgba(10,29,61,0.05);
}
.servis-route[data-tone="green"]  { border-left-color: #009639; }
.servis-route[data-tone="navy"]   { border-left-color: #003087; }
.servis-route[data-tone="blue"]   { border-left-color: #2774e0; }
.servis-route[data-tone="violet"] { border-left-color: #7d3cc7; }
.servis-route-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.servis-route-head i[data-lucide] {
    width: 22px;
    height: 22px;
    color: #0a1d3d;
}
.servis-route[data-tone="green"]  .servis-route-head i { color: #009639; }
.servis-route[data-tone="navy"]   .servis-route-head i { color: #003087; }
.servis-route[data-tone="blue"]   .servis-route-head i { color: #2774e0; }
.servis-route[data-tone="violet"] .servis-route-head i { color: #7d3cc7; }
.servis-route-head h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0a1d3d;
    margin: 0;
}
.servis-route-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.servis-route-chips span {
    display: inline-block;
    padding: 4px 10px;
    background: #f3f6fb;
    border-radius: 999px;
    font-size: 12.5px;
    color: #2a3957;
    font-weight: 500;
}
.servis-route[data-tone="green"]  .servis-route-chips span { background: rgba(0,150,57,0.08);  color: #006b29; }
.servis-route[data-tone="navy"]   .servis-route-chips span { background: rgba(0,48,135,0.08);  color: #003087; }
.servis-route[data-tone="blue"]   .servis-route-chips span { background: rgba(39,116,224,0.10); color: #1d57aa; }
.servis-route[data-tone="violet"] .servis-route-chips span { background: rgba(125,60,199,0.10); color: #5d2a96; }

/* Step flow (operasyon akışı) — yatay numaralı adımlar */
.servis-step-flow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 0 0 32px;
    position: relative;
}
.servis-step {
    background: #fff;
    border-radius: 12px;
    padding: 22px 18px 18px;
    position: relative;
    border: 1px solid #e6ebf3;
}
.servis-step-num {
    position: absolute;
    top: -10px;
    left: 16px;
    background: linear-gradient(135deg, #009639 0%, #00b04a 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    letter-spacing: 0.05em;
}
.servis-step i[data-lucide] {
    width: 26px;
    height: 26px;
    color: #003087;
    margin: 6px 0 10px;
    display: block;
}
.servis-step h4 {
    font-size: 15px;
    font-weight: 700;
    color: #0a1d3d;
    margin: 0 0 6px;
}
.servis-step p {
    font-size: 13px;
    line-height: 1.5;
    color: #4a5878;
    margin: 0;
}

/* Callout (Trieste vurgu kutusu) */
.servis-callout {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: linear-gradient(135deg, #0a1d3d 0%, #112d63 100%);
    color: #fff;
    border-radius: 16px;
    padding: 24px 26px;
    margin: 28px 0;
    position: relative;
    overflow: hidden;
}
.servis-callout::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,150,57,0.35) 0%, transparent 70%);
}
.servis-callout-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(65,224,124,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.servis-callout-icon i[data-lucide] {
    width: 26px;
    height: 26px;
    color: #41e07c;
}
.servis-callout-text {
    position: relative;
    z-index: 1;
}
.servis-callout-text h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #fff;
}
.servis-callout-text p {
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    color: rgba(255,255,255,0.88);
}
.servis-callout-text strong {
    color: #41e07c;
    font-weight: 700;
}

/* Sector grid (chip kart) */
.servis-sector-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 0 0 28px;
}
.servis-sector {
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 12px;
    padding: 16px 12px;
    text-align: center;
    transition: all 0.22s ease;
}
.servis-sector:hover {
    border-color: #009639;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,150,57,0.12);
}
.servis-sector i[data-lucide] {
    width: 24px;
    height: 24px;
    color: #009639;
    margin: 0 auto 8px;
    display: block;
}
.servis-sector span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #0a1d3d;
}

/* Chip list (genel kullanım) */
.servis-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 28px;
}
.servis-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 600;
    color: #0a1d3d;
}
.servis-chip i[data-lucide] {
    width: 16px;
    height: 16px;
    color: #009639;
}

.servis-body-main .servis-final {
    margin-top: 24px;
    padding: 18px 22px;
    background: #f3f6fb;
    border-radius: 12px;
    font-size: 14.5px;
    color: #2a3957;
}

/* Hero görseli mobilde garantili göster (hero-media gizlenmesin) */
.servis-hero-media { display: block; }

/* Responsive */
@media (max-width: 1024px) {
    .servis-feature-grid    { grid-template-columns: repeat(2, 1fr); }
    .servis-step-flow       { grid-template-columns: repeat(2, 1fr); }
    .servis-sector-grid     { grid-template-columns: repeat(3, 1fr); }
    .servis-hero-media      { aspect-ratio: 16 / 9; max-width: 720px; }
}
@media (max-width: 720px) {
    .servis-route-grid      { grid-template-columns: 1fr; }
    .servis-callout         { flex-direction: column; gap: 14px; padding: 20px; }
    .servis-callout-icon    { width: 46px; height: 46px; }
    .servis-hero-media      { aspect-ratio: 16 / 10; min-height: 220px; max-width: none; }
    .servis-body-main .servis-intro { font-size: 15.5px; padding: 14px 16px; }
    /* Kartlara daha fazla yer aç: container/body/main padding'lerini sıkıştır */
    .servis-body            { padding: 50px 0 40px; }
    .servis-body > .container,
    .servis-cta-band > .container,
    .servis-highlights > .container { padding: 0 14px; }
    .servis-body-main       { padding: 26px 18px; }
    .servis-feature         { padding: 18px 16px; }
    .servis-route           { padding: 18px 18px; }
    .servis-step            { padding: 22px 14px 16px; }
    .servis-feature-grid,
    .servis-step-flow       { gap: 12px; }
}
@media (max-width: 480px) {
    .servis-feature-grid    { grid-template-columns: 1fr; }
    .servis-step-flow       { grid-template-columns: 1fr; }
    .servis-sector-grid     { grid-template-columns: repeat(2, 1fr); }
    .servis-hero-media      { aspect-ratio: 4 / 3; min-height: 220px; max-width: none; }
    .servis-hero > .container { padding: 0 14px; }
    .servis-body > .container,
    .servis-cta-band > .container,
    .servis-highlights > .container { padding: 0 12px; }
    .servis-body-main       { padding: 22px 14px; border-radius: 16px; }
    .servis-feature         { padding: 18px 18px; }
    .servis-feature h3      { font-size: 16.5px; }
    .servis-feature p       { font-size: 14px; }
    .servis-route-chips span { font-size: 12px; padding: 4px 9px; }
    .servis-sector          { padding: 14px 8px; }
    .servis-callout         { padding: 18px 16px; border-radius: 14px; }
}

/* ===========================================================================
   v2.10.40 — Hakkımızda sayfası (page-hakkimizda.php)
   Manifesto + güç göstergeleri + değerler + Trieste + üçleme + CTA
   =========================================================================== */

/* --- Hero --- */
.about-hero {
    position: relative;
    padding: 120px 0 90px;
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
    overflow: hidden;
}
.about-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.about-hero-bg .ahb-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.55;
}
.about-hero-bg .ahb-blob-1 {
    width: 520px; height: 520px;
    top: -120px; right: -160px;
    background: radial-gradient(circle, rgba(0,150,57,0.32), rgba(0,150,57,0));
}
.about-hero-bg .ahb-blob-2 {
    width: 440px; height: 440px;
    bottom: -180px; left: -120px;
    background: radial-gradient(circle, rgba(0,48,135,0.28), rgba(0,48,135,0));
}
.about-hero-bg .ahb-grid {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(0,48,135,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,48,135,0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(circle at 50% 40%, #000 0%, transparent 70%);
    -webkit-mask-image: radial-gradient(circle at 50% 40%, #000 0%, transparent 70%);
    opacity: 0.55;
}
.about-hero-inner {
    position: relative;
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
}
.about-hero-kicker {
    display: inline-block;
    padding: 7px 16px;
    background: rgba(0,150,57,0.12);
    color: #009639;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    border-radius: 999px;
    margin-bottom: 22px;
}
.about-hero-title {
    font-size: 58px;
    line-height: 1.08;
    font-weight: 800;
    color: #0a1d3d;
    margin: 0 0 24px;
    letter-spacing: -1px;
}
.about-hero-lead {
    font-size: 19px;
    line-height: 1.65;
    color: #4a5a78;
    margin: 0 auto 28px;
    max-width: 720px;
}
.about-hero-tagline {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 22px;
    background: linear-gradient(135deg, #003087 0%, #0a1d3d 100%);
    color: #fff;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    box-shadow: 0 18px 40px rgba(10,29,61,0.25);
}
.about-hero-tagline i,
.about-hero-tagline svg { color: #41e07c; }

/* --- Manifesto --- */
.about-manifesto {
    padding: 90px 0;
    background: #ffffff;
}
.about-manifesto-grid {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 70px;
    align-items: start;
}
.about-manifesto-tag {
    display: inline-block;
    color: #009639;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    margin-bottom: 18px;
}
.about-manifesto-side h2 {
    font-size: 42px;
    line-height: 1.12;
    color: #0a1d3d;
    margin: 0;
    letter-spacing: -0.8px;
    font-weight: 800;
}
.about-manifesto-text { font-size: 16.5px; line-height: 1.85; color: #3d4a64; }
.about-manifesto-text p { margin: 0 0 18px; }
.about-manifesto-text strong { color: #0a1d3d; font-weight: 700; }
.about-lead-paragraph {
    font-size: 19px !important;
    line-height: 1.7 !important;
    color: #1d2a44 !important;
    border-left: 4px solid #009639;
    padding: 4px 0 4px 22px;
    margin-bottom: 26px !important;
}

/* --- Güç Göstergeleri --- */
.about-strength {
    padding: 80px 0;
    background: linear-gradient(135deg, #0a1d3d 0%, #003087 100%);
    color: #fff;
}
.about-strength-grid {
    display: grid;
    /* v2.14.22 — 6 güç kartı için 3×2 grid (önceki 4'lü tek sıra). Tablet/mobil kuralları aynı. */
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.strength-card {
    position: relative;
    padding: 30px 24px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.strength-card:hover {
    transform: translateY(-4px);
    border-color: rgba(65,224,124,0.35);
}
.strength-icon {
    width: 46px; height: 46px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #009639, #41e07c);
    border-radius: 12px;
    margin-bottom: 18px;
}
.strength-num {
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
    color: #fff;
}
.strength-num .strength-unit { font-size: 22px; opacity: 0.85; }
.strength-label {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}
.strength-sub {
    font-size: 13px;
    color: rgba(255,255,255,0.65);
    line-height: 1.45;
}

/* --- Değerler --- */
.about-values { padding: 100px 0; background: #f7f9fc; }
.about-values-head { text-align: center; max-width: 700px; margin: 0 auto 50px; }
.about-values-kicker {
    display: inline-block;
    color: #009639;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    margin-bottom: 14px;
}
.about-values-head h2 {
    font-size: 40px;
    color: #0a1d3d;
    margin: 0 0 16px;
    font-weight: 800;
    letter-spacing: -0.6px;
}
.about-values-head p { color: #5a6781; font-size: 16px; line-height: 1.7; margin: 0; }
.about-values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}
.value-card {
    position: relative;
    background: #fff;
    padding: 36px 32px;
    border-radius: 20px;
    border: 1px solid #e6ecf5;
    box-shadow: 0 12px 30px rgba(15,32,56,0.06);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.value-card::before {
    content: "";
    position: absolute; top: 0; left: 0;
    width: 4px; height: 100%;
    background: linear-gradient(180deg, #009639, #41e07c);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s ease;
}
.value-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px rgba(15,32,56,0.12);
}
.value-card:hover::before { transform: scaleY(1); }
.value-num {
    position: absolute;
    top: 22px; right: 28px;
    font-size: 36px;
    font-weight: 800;
    color: rgba(0,48,135,0.07);
    letter-spacing: -1px;
}
.value-icon {
    width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, rgba(0,150,57,0.12), rgba(0,163,161,0.12));
    color: #009639;
    border-radius: 12px;
    margin-bottom: 18px;
}
.value-card h3 {
    font-size: 21px;
    color: #0a1d3d;
    margin: 0 0 12px;
    font-weight: 800;
}
.value-card p {
    color: #4a5a78;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* --- Trieste Avantajı --- */
.about-trieste {
    padding: 100px 0;
    background: #ffffff;
}
.about-trieste-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 70px;
    align-items: center;
}
.about-trieste-kicker {
    display: inline-block;
    color: #009639;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    margin-bottom: 14px;
}
.about-trieste-text h2 {
    font-size: 40px;
    color: #0a1d3d;
    margin: 0 0 22px;
    font-weight: 800;
    letter-spacing: -0.6px;
}
.about-trieste-lead {
    font-size: 16.5px;
    line-height: 1.8;
    color: #3d4a64;
    margin: 0 0 28px;
}
.about-trieste-lead strong { color: #0a1d3d; }
.about-trieste-bullets {
    list-style: none;
    padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 14px;
}
.about-trieste-bullets li {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #1d2a44;
    font-size: 15px;
    font-weight: 500;
}
.about-trieste-bullets li i,
.about-trieste-bullets li svg {
    color: #009639;
    flex-shrink: 0;
    width: 18px; height: 18px;
}

.about-trieste-card {
    background: linear-gradient(160deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid #e6ecf5;
    border-radius: 22px;
    padding: 32px 30px;
    box-shadow: 0 30px 60px rgba(0,48,135,0.10);
    position: relative;
}
.about-trieste-card::before {
    content: "";
    position: absolute;
    top: -2px; left: -2px; right: -2px;
    height: 4px;
    background: linear-gradient(90deg, #009639, #41e07c, #003087);
    border-radius: 22px 22px 0 0;
}
.about-trieste-pin {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(0,150,57,0.12);
    color: #009639;
    border-radius: 999px;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 22px;
}
.about-trieste-routes {
    display: flex; flex-direction: column;
    border-top: 1px dashed #d9e2f0;
}
.art-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 13px 0;
    border-bottom: 1px dashed #d9e2f0;
}
.art-flag { font-size: 20px; }
.art-city { color: #0a1d3d; font-weight: 700; font-size: 15px; }
.art-time { color: #4a5a78; font-size: 13px; font-weight: 500; }
.about-trieste-foot {
    display: flex; align-items: center; gap: 8px;
    margin-top: 16px;
    color: #6b7a93;
    font-size: 12px;
}

/* --- Hizmet Üçlemesi --- */
.about-trio {
    padding: 100px 0;
    background: linear-gradient(180deg, #f7f9fc, #ffffff);
}
.about-trio-head { text-align: center; margin-bottom: 50px; }
.about-trio-kicker {
    display: inline-block;
    color: #009639;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
    margin-bottom: 12px;
}
.about-trio-head h2 {
    font-size: 38px;
    color: #0a1d3d;
    margin: 0;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.about-trio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.trio-item {
    position: relative;
    background: #ffffff;
    border: 1px solid #e6ecf5;
    border-radius: 22px;
    padding: 38px 30px 32px;
    box-shadow: 0 10px 28px rgba(15,32,56,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.trio-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(15,32,56,0.13);
}
.trio-num {
    position: absolute;
    top: 22px; right: 28px;
    color: rgba(0,150,57,0.18);
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.trio-icon {
    width: 58px; height: 58px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #003087, #0a1d3d);
    color: #41e07c;
    border-radius: 16px;
    margin-bottom: 22px;
}
.trio-item h3 {
    font-size: 22px;
    color: #0a1d3d;
    margin: 0 0 12px;
    font-weight: 800;
}
.trio-item p {
    color: #4a5a78;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* --- Alt CTA --- */
.about-cta {
    padding: 80px 0;
    background: #ffffff;
}
.about-cta-inner {
    background: linear-gradient(135deg, #009639 0%, #0a1d3d 100%);
    border-radius: 28px;
    padding: 56px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    color: #fff;
    box-shadow: 0 30px 70px rgba(0,48,135,0.30);
    position: relative;
    overflow: hidden;
}
.about-cta-inner::before {
    content: "";
    position: absolute;
    top: -100px; right: -100px;
    width: 320px; height: 320px;
    background: radial-gradient(circle, rgba(255,255,255,0.18), transparent 70%);
    border-radius: 50%;
}
.about-cta-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #41e07c;
    margin-bottom: 14px;
}
.about-cta-text h2 {
    font-size: 32px;
    line-height: 1.25;
    color: #fff;
    margin: 0;
    font-weight: 800;
    letter-spacing: -0.4px;
}
.about-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    z-index: 1;
}
.about-cta-actions .btn-primary {
    background: #fff;
    color: #003087;
}
.about-cta-actions .btn-primary:hover { background: #f1f5fb; color: #003087; }
.about-cta-actions .btn-ghost {
    border: 1px solid rgba(255,255,255,0.45);
    color: #fff;
    background: rgba(255,255,255,0.06);
}
.about-cta-actions .btn-ghost:hover { background: rgba(255,255,255,0.18); }

/* --- Hakkımızda responsive --- */
@media (max-width: 980px) {
    .about-hero { padding: 90px 0 70px; }
    .about-hero-title { font-size: 44px; }
    .about-hero-lead { font-size: 17px; }

    .about-manifesto-grid { grid-template-columns: 1fr; gap: 30px; }
    .about-manifesto-side h2 { font-size: 32px; }
    .about-lead-paragraph { font-size: 17px !important; }

    .about-strength-grid { grid-template-columns: repeat(2, 1fr); }
    .strength-num { font-size: 32px; }

    .about-values-grid { grid-template-columns: 1fr; }
    .about-values-head h2 { font-size: 32px; }

    .about-trieste-grid { grid-template-columns: 1fr; gap: 38px; }
    .about-trieste-text h2 { font-size: 32px; }

    .about-trio-grid { grid-template-columns: 1fr; }
    .about-trio-head h2 { font-size: 30px; }

    .about-cta-inner { flex-direction: column; align-items: flex-start; padding: 40px 32px; gap: 26px; }
    .about-cta-text h2 { font-size: 25px; }
    .about-cta-actions { width: 100%; }
    .about-cta-actions .btn-primary,
    .about-cta-actions .btn-ghost { flex: 1; justify-content: center; }
}
@media (max-width: 560px) {
    .about-hero { padding: 70px 0 56px; }
    .about-hero-title { font-size: 32px; line-height: 1.15; }
    .about-hero-lead { font-size: 15.5px; }
    .about-hero-tagline { font-size: 12.5px; padding: 10px 16px; }

    .about-manifesto { padding: 60px 0; }
    .about-manifesto-side h2 { font-size: 26px; }
    .about-manifesto-text { font-size: 15px; line-height: 1.78; }
    .about-lead-paragraph { font-size: 15.5px !important; padding-left: 16px; }

    .about-strength { padding: 60px 0; }
    .about-strength-grid { grid-template-columns: 1fr; }
    .strength-card { padding: 24px 22px; }

    .about-values { padding: 70px 0; }
    .about-values-head h2 { font-size: 26px; }
    .value-card { padding: 28px 24px; }
    .value-card h3 { font-size: 19px; }

    .about-trieste { padding: 70px 0; }
    .about-trieste-text h2 { font-size: 26px; }
    .about-trieste-card { padding: 24px 22px; }

    .about-trio { padding: 70px 0; }
    .about-trio-head h2 { font-size: 25px; }

    .about-cta-inner { padding: 30px 22px; border-radius: 22px; }
    .about-cta-text h2 { font-size: 21px; }
}

/* === v2.10.61 — Son Yazılarımız kartları (magazine-style yeniden tasarım) ===
   Devamını Oku linki kaldırıldı; kart full-bleed görsel + tarih rozeti +
   hover'da yeşil daire içinde ok ile editorial bir görünüme kavuştu.    */
.news .news-card {
    text-align: left;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden;
    position: relative;
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 6px 24px rgba(15, 32, 56, 0.08) !important;
    transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .3s ease;
    cursor: pointer;
}
.news .news-card:hover {
    transform: translateY(-14px);
    border-color: rgba(0, 150, 57, 0.45) !important;
    box-shadow:
        0 30px 60px -22px rgba(0, 150, 57, 0.35),
        0 14px 32px rgba(15, 32, 56, 0.12) !important;
}

/* full-bleed görsel (eski 4px yeşil gradient çerçeve kaldırıldı) */
.news .news-card-image {
    display: block;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}
.news .news-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
    display: block;
}
.news .news-card:hover .news-card-image img {
    transform: scale(1.08);
}
.news .news-card-image::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 45%;
    background: linear-gradient(180deg, rgba(15,32,56,0) 0%, rgba(15,32,56,0.55) 100%);
    pointer-events: none;
    z-index: 1;
}

/* görsel içine yeşil ışıklı çerçeve — hover'da daha parlar */
.news .news-card-image::before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1.5px solid rgba(0, 150, 57, 0.55);
    border-radius: 10px;
    box-shadow:
        0 0 22px rgba(0, 150, 57, 0.40),
        inset 0 0 22px rgba(0, 150, 57, 0.18);
    pointer-events: none;
    z-index: 2;
    transition: inset .45s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.news .news-card:hover .news-card-image::before {
    inset: 10px;
    border-color: rgba(65, 224, 124, 0.85);
    box-shadow:
        0 0 32px rgba(0, 150, 57, 0.65),
        inset 0 0 28px rgba(0, 150, 57, 0.28);
}

/* yeşil daire içinde ok — sağ alt, hover'da çıkıyor */
.news-card-arrow {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(0, 150, 57, 0.50);
    transform: translateY(10px) scale(.8);
    opacity: 0;
    transition: transform .4s cubic-bezier(.2,.7,.2,1), opacity .25s ease, background .25s ease;
}
.news .news-card:hover .news-card-arrow {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* gövde */
.news .news-card-body {
    padding: 24px 26px 28px;
}
.news .news-card h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.36;
    letter-spacing: -0.01em;
}
.news .news-card h3 a {
    color: var(--ink) !important;
    text-decoration: none;
    transition: color .25s ease;
}
.news .news-card:hover h3 a {
    color: var(--green) !important;
}
.news .news-card p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--ink-soft) !important;
}

/* artık yer almıyor — eski stil kalıntısı sızarsa gizle */
.news .news-card-link { display: none !important; }

/* mobil */
@media (max-width: 768px) {
    .news .news-card { border-radius: 20px !important; }
    .news .news-card-image { aspect-ratio: 16 / 9; }
    .news .news-card-body { padding: 20px 20px 24px; }
    .news .news-card h3 { font-size: 18px; }
    .news-card-arrow { width: 42px; height: 42px; bottom: 12px; right: 12px; }
    .news .news-card-image::before { inset: 10px; border-radius: 8px; }
}
@media (max-width: 480px) {
    .news .news-card:hover {
        transform: translateY(-8px);
    }
    .news .news-card-arrow {
        opacity: 1;
        transform: none;
        width: 38px;
        height: 38px;
    }
}

/* === v2.10.64 — Tema değiştirici buton + Karanlık mod ===
   Light mode = mevcut tasarım (default). Dark mode = [data-theme="dark"]
   CSS değişkenleri yeniden tanımlanıyor + hardcoded değerler için spesifik
   override'lar. Fontlar her iki modda da okunabilir kalsın diye renk
   kontrastları gözden geçirildi.                                       */

.theme-toggle {
    background: transparent;
    border: 1px solid var(--line, #dfe6ef);
    color: var(--ink, #0f2038);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
    padding: 0;
    margin-left: 4px;
}
.theme-toggle:hover {
    border-color: var(--green);
    color: var(--green);
    transform: rotate(15deg);
}
.theme-toggle .theme-icon-sun,
.theme-toggle .theme-icon-moon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.theme-toggle .theme-icon-moon { display: none; }
[data-theme="dark"] .theme-toggle .theme-icon-sun { display: none; }
[data-theme="dark"] .theme-toggle .theme-icon-moon { display: inline-flex; }

.theme-toggle-mobile {
    position: absolute;
    top: 22px;
    right: 70px;
    width: 42px;
    height: 42px;
}

@media (max-width: 480px) {
    .theme-toggle { width: 34px; height: 34px; }
    .theme-toggle-mobile { width: 40px; height: 40px; top: 18px; right: 64px; }
}

/* ---------- KARANLIK MOD ---------- */

[data-theme="dark"] {
    --ink: #e6edf6;
    --ink-soft: #b6c0d0;
    --ink-muted: #8a96aa;
    --surface: #1a2740;
    --surface-soft: #0d1a2d;
    --line: #2a3a52;
    --navy: #e6edf6;
}

[data-theme="dark"] body {
    background: var(--surface-soft) !important;
    color: var(--ink) !important;
}

/* yumuşak geçiş */
[data-theme="dark"] body,
[data-theme="dark"] .header,
[data-theme="dark"] .nav-dropdown-menu,
[data-theme="dark"] .service-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .news-card,
[data-theme="dark"] .office-card,
[data-theme="dark"] .quote-form,
[data-theme="dark"] .mobile-menu {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

/* Bölüm zeminleri */
[data-theme="dark"] .services,
[data-theme="dark"] .news,
[data-theme="dark"] .offices,
[data-theme="dark"] .blog-archive,
[data-theme="dark"] .single-article {
    background: var(--surface-soft) !important;
    border-top-color: var(--line) !important;
}
[data-theme="dark"] .about {
    background: linear-gradient(180deg, #0d1a2d 0%, #0e2542 100%) !important;
}
[data-theme="dark"] .quote {
    background: linear-gradient(180deg, #0e2542 0%, #0d1a2d 100%) !important;
}

/* Başlıklar — koyu mavi/yeşil aksanlar açık tona */
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .news-header-text h2,
[data-theme="dark"] .about-content h2,
[data-theme="dark"] .quote-content h2,
[data-theme="dark"] .offices h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .services .section-header h2,
[data-theme="dark"] .news .news-header-text h2,
[data-theme="dark"] .news .news-card:hover h3 a {
    color: #41e07c !important;
}

/* Paragraf / ikincil metinler */
[data-theme="dark"] .section-header p,
[data-theme="dark"] .about-content > p,
[data-theme="dark"] .about-content p,
[data-theme="dark"] .quote-content > p,
[data-theme="dark"] .service-card p,
[data-theme="dark"] .news-card p,
[data-theme="dark"] .office-card p,
[data-theme="dark"] .contact-item-text a,
[data-theme="dark"] .contact-item-text p,
[data-theme="dark"] .stat-card p,
[data-theme="dark"] .about-floating p {
    color: var(--ink-soft) !important;
}

/* Kart yüzeyleri */
[data-theme="dark"] .service-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .office-card,
[data-theme="dark"] .news-card,
[data-theme="dark"] .quote-form {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .service-card:hover {
    background: #21304d !important;
    border-color: rgba(0, 150, 57, 0.55) !important;
    box-shadow: 0 20px 40px rgba(0, 150, 57, 0.22) !important;
}
[data-theme="dark"] .stat-card:hover,
[data-theme="dark"] .office-card:hover {
    background: #21304d !important;
    border-color: rgba(0, 150, 57, 0.55) !important;
}

/* News card başlık */
[data-theme="dark"] .news-card h3,
[data-theme="dark"] .news-card h3 a {
    color: var(--ink) !important;
}

/* Stat sayıları */
[data-theme="dark"] .stat-card h4 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .about-floating {
    background: rgba(26, 39, 64, 0.96) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .about-floating h4 {
    color: #6fb3ff !important;
}

/* Form */
[data-theme="dark"] .form-group label {
    color: var(--ink) !important;
}
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background: rgba(13, 26, 45, 0.60) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: var(--ink-muted) !important;
}
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--green) !important;
    background: rgba(13, 26, 45, 0.85) !important;
    box-shadow: 0 0 0 3px rgba(0, 150, 57, 0.20) !important;
}
[data-theme="dark"] .form-group select option {
    background: var(--surface) !important;
    color: var(--ink) !important;
}

/* Social icons */
[data-theme="dark"] .social-links a {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .social-links a:hover {
    background: rgba(0, 150, 57, 0.18) !important;
    border-color: var(--green) !important;
    color: #41e07c !important;
}

/* btn-secondary section'lar içinde */
[data-theme="dark"] section:not(.hero) .btn-secondary {
    color: var(--ink) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}
[data-theme="dark"] section:not(.hero) .btn-secondary:hover {
    border-color: var(--green) !important;
    background: rgba(0, 150, 57, 0.16) !important;
    color: #41e07c !important;
}

/* Header — light'ta beyaz/şeffaf, dark'ta koyu */
[data-theme="dark"] .header {
    background: rgba(13, 26, 45, 0.45) !important;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .header.scrolled {
    background: rgba(13, 26, 45, 0.6) !important;
}
[data-theme="dark"] .nav-link,
[data-theme="dark"] .nav .nav-link {
    color: var(--ink) !important;
}
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav .nav-link:hover {
    color: #41e07c !important;
}
[data-theme="dark"] .nav-dropdown-menu {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .nav-dropdown-menu a {
    color: var(--ink) !important;
}
[data-theme="dark"] .nav-dropdown-menu a:hover {
    background: rgba(0, 150, 57, 0.14) !important;
    color: #41e07c !important;
}
[data-theme="dark"] .lang-btn {
    color: var(--ink-soft) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .lang-btn.active,
[data-theme="dark"] .lang-btn:hover {
    color: #41e07c !important;
    border-color: var(--green) !important;
}

/* Mobile menu */
[data-theme="dark"] .mobile-menu {
    background: var(--surface-soft) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .mobile-menu a {
    color: var(--ink) !important;
}
[data-theme="dark"] .mobile-menu a:hover {
    color: #41e07c !important;
}
[data-theme="dark"] .mobile-submenu-toggle {
    color: var(--ink) !important;
}
[data-theme="dark"] .mobile-submenu-item {
    color: var(--ink-soft) !important;
}

/* Hizmet sayfaları (page-hizmet.php) — v2.10.72 yenilendi
   Doğru sınıf isimleri: .hizmet-service (tekil, .hizmet-services içinde),
   .hizmet-card (4-grid), .hizmet-stat, .hizmet-process-step, .hizmet-faq-item.
   `.hizmet-content-inner X` selector'larını eşleştirmek için spesifiklik gerekir. */

/* İçerik konteyneri */
[data-theme="dark"] .hizmet-content {
    background: var(--surface-soft) !important;
}
[data-theme="dark"] .hizmet-content-inner {
    color: var(--ink) !important;
}
[data-theme="dark"] .hizmet-content-inner h2,
[data-theme="dark"] .hizmet-content-inner h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-content-inner p {
    color: var(--ink) !important;
}
[data-theme="dark"] .hizmet-content-inner a {
    color: #41e07c !important;
}
[data-theme="dark"] .hizmet-content-inner blockquote {
    border-left-color: #41e07c !important;
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .hizmet-content-inner ul,
[data-theme="dark"] .hizmet-content-inner ol,
[data-theme="dark"] .hizmet-content-inner li {
    color: var(--ink) !important;
}

/* Stats — hero altı 4'lü kart */
[data-theme="dark"] .hizmet-stat {
    background: var(--surface) !important;
    border-top-color: #41e07c !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .hizmet-stat:hover {
    box-shadow: 0 18px 36px rgba(0, 150, 57, 0.30) !important;
}
[data-theme="dark"] .hizmet-stat svg {
    color: #41e07c !important;
}
[data-theme="dark"] .hizmet-stat strong {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-stat span {
    color: var(--ink-soft) !important;
}

/* 4'lü kart grid (.hizmet-card-grid > .hizmet-card) */
[data-theme="dark"] .hizmet-card {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .hizmet-card:hover {
    border-color: rgba(0, 150, 57, 0.55) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .hizmet-card-num {
    color: rgba(111, 179, 255, 0.18) !important;
}
[data-theme="dark"] .hizmet-card-icon {
    background: linear-gradient(135deg, rgba(0, 150, 57, 0.28) 0%, rgba(0, 150, 57, 0.10) 100%) !important;
    border-color: rgba(0, 150, 57, 0.35) !important;
}
[data-theme="dark"] .hizmet-card-icon svg {
    color: #41e07c !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-card h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-card p {
    color: var(--ink-soft) !important;
}

/* Process timeline (5 adım) */
[data-theme="dark"] .hizmet-process::before {
    background: linear-gradient(90deg, #41e07c 0%, #6fb3ff 50%, #41e07c 100%) !important;
    opacity: 0.4;
}
[data-theme="dark"] .hizmet-process-num {
    border-color: var(--surface) !important;
    box-shadow: 0 8px 18px rgba(0, 150, 57, 0.45) !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-process-step h4 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-process-step p {
    color: var(--ink-soft) !important;
}

/* 8'li service grid (.hizmet-services > .hizmet-service) — EKRAN GÖRÜNTÜSÜNDE SORUNLU OLAN */
[data-theme="dark"] .hizmet-service {
    background: var(--surface) !important;
    border-left-color: transparent;
}
[data-theme="dark"] .hizmet-service:hover {
    background: #21304d !important;
    border-left-color: #41e07c !important;
}
[data-theme="dark"] .hizmet-service-icon {
    background: rgba(13, 26, 45, 0.55) !important;
}
[data-theme="dark"] .hizmet-service-icon svg {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-service h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-service p {
    color: var(--ink-soft) !important;
}

/* Highlight (yeşil bordürlü uyarı bloğu) */
[data-theme="dark"] .hizmet-highlight {
    background: rgba(13, 26, 45, 0.45) !important;
    border-left-color: #41e07c !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-highlight p {
    color: var(--ink) !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-highlight strong {
    color: #6fb3ff !important;
}

/* FAQ akordiyon */
[data-theme="dark"] .hizmet-faq-item {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .hizmet-faq-item[open] {
    border-color: rgba(0, 150, 57, 0.55) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .hizmet-faq-item summary {
    color: var(--ink) !important;
}
[data-theme="dark"] .hizmet-faq-item summary:hover {
    color: #41e07c !important;
}
[data-theme="dark"] .hizmet-content-inner .hizmet-faq-item p {
    color: var(--ink-soft) !important;
}

/* CTA banner (zaten dark gradient, dokunmuyoruz) — sadece beyaz metni koruyalım */
[data-theme="dark"] .hizmet-content-inner .hizmet-cta h3,
[data-theme="dark"] .hizmet-content-inner .hizmet-cta p {
    color: #fff !important;
}

/* Servis sayfaları (page-servis.php) — v2.10.73 yenilendi
   Doğru sınıf isimleri kullanıldı (.servis-body-main, .servis-aside-card,
   .servis-feature, .servis-route, .servis-step, .servis-sector, .servis-chip,
   .servis-highlight, .servis-intro). */

/* Body wrapper */
[data-theme="dark"] body.page-template-page-servis {
    background: var(--surface-soft) !important;
}
[data-theme="dark"] .servis-body,
[data-theme="dark"] .servis-cta-band {
    background: var(--surface-soft) !important;
}

/* Top highlights strip (40+ Şehir / 7/24 / Tam Sigorta / Şeffaf Raporlama) */
[data-theme="dark"] .servis-highlights {
    background: var(--surface) !important;
    border-bottom-color: var(--line) !important;
}
[data-theme="dark"] .servis-highlight i,
[data-theme="dark"] .servis-highlight svg {
    color: #41e07c !important;
}
[data-theme="dark"] .servis-highlight strong {
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-highlight span {
    color: var(--ink-soft) !important;
}

/* Body main card — beyaz büyük kart */
[data-theme="dark"] .servis-body-main {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .servis-body-main h2 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-body-main h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-body-main p,
[data-theme="dark"] .servis-body-main li {
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-body-main a {
    color: #41e07c !important;
    border-bottom-color: rgba(65, 224, 124, 0.4) !important;
}
[data-theme="dark"] .servis-body-main a:hover {
    border-bottom-color: #41e07c !important;
}

/* Intro yeşil bordürlü kutu */
[data-theme="dark"] .servis-body-main .servis-intro {
    background: linear-gradient(135deg, rgba(0,150,57,0.14) 0%, rgba(0,48,135,0.14) 100%) !important;
    border-left-color: #41e07c !important;
    color: var(--ink) !important;
}

/* Final paragraf (CTA cümle kutusu) */
[data-theme="dark"] .servis-body-main .servis-final {
    background: rgba(13, 26, 45, 0.55) !important;
    color: var(--ink-soft) !important;
}

/* Empty state */
[data-theme="dark"] .servis-body-empty {
    background: linear-gradient(135deg, rgba(0,150,57,0.12) 0%, rgba(0,48,135,0.12) 100%) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-body-empty p:first-child {
    color: #6fb3ff !important;
}

/* Aside kartlar (Hızlı Bilgi vb.) */
[data-theme="dark"] .servis-aside-card {
    background: var(--surface) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .servis-aside-card h3 {
    color: #41e07c !important;
}
[data-theme="dark"] .servis-aside-list li {
    border-bottom-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-aside-list li i,
[data-theme="dark"] .servis-aside-list li svg {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-aside-list a {
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-aside-list a:hover {
    color: #41e07c !important;
}
/* .servis-aside-card-dark ZATEN dark gradient — dokunmuyoruz */

/* Feature grid (3-col ikonlu kartlar — Hizmet Türlerimiz) */
[data-theme="dark"] .servis-feature {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .servis-feature:hover {
    border-color: rgba(0, 150, 57, 0.55) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .servis-feature i[data-lucide] {
    color: #41e07c !important;
}
[data-theme="dark"] .servis-feature h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-feature p {
    color: var(--ink-soft) !important;
}

/* Route grid (renkli koridor kartları) */
[data-theme="dark"] .servis-route {
    background: var(--surface) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .servis-route-head h3 {
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-route-head i[data-lucide] {
    color: #6fb3ff !important;
}
/* data-tone ikonları zaten kendi renklerinde — yeşil yerine açık tonlara çekelim */
[data-theme="dark"] .servis-route[data-tone="green"]  .servis-route-head i { color: #41e07c !important; }
[data-theme="dark"] .servis-route[data-tone="navy"]   .servis-route-head i { color: #6fb3ff !important; }
[data-theme="dark"] .servis-route[data-tone="blue"]   .servis-route-head i { color: #5ec8ff !important; }
[data-theme="dark"] .servis-route[data-tone="violet"] .servis-route-head i { color: #b78ce0 !important; }
[data-theme="dark"] .servis-route-chips span {
    background: rgba(13, 26, 45, 0.55) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-route[data-tone="green"]  .servis-route-chips span { background: rgba(0,150,57,0.22) !important; color: #41e07c !important; }
[data-theme="dark"] .servis-route[data-tone="navy"]   .servis-route-chips span { background: rgba(0,48,135,0.32) !important; color: #6fb3ff !important; }
[data-theme="dark"] .servis-route[data-tone="blue"]   .servis-route-chips span { background: rgba(39,116,224,0.28) !important; color: #5ec8ff !important; }
[data-theme="dark"] .servis-route[data-tone="violet"] .servis-route-chips span { background: rgba(125,60,199,0.28) !important; color: #b78ce0 !important; }

/* Step flow (4-5 adımlı operasyon akışı) */
[data-theme="dark"] .servis-step {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .servis-step i[data-lucide] {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-step h4 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .servis-step p {
    color: var(--ink-soft) !important;
}
/* step-num zaten yeşil gradient — fine */

/* Sector grid (chip kartlar) */
[data-theme="dark"] .servis-sector {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .servis-sector:hover {
    border-color: rgba(0, 150, 57, 0.55) !important;
    box-shadow: 0 8px 20px rgba(0, 150, 57, 0.30) !important;
}
[data-theme="dark"] .servis-sector i[data-lucide] {
    color: #41e07c !important;
}
[data-theme="dark"] .servis-sector span {
    color: var(--ink) !important;
}

/* Chip list */
[data-theme="dark"] .servis-chip {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .servis-chip i[data-lucide] {
    color: #41e07c !important;
}

/* Callout (Trieste vurgu kutusu) — zaten dark navy gradient, dokunmuyoruz */
/* CTA banner (.servis-cta-inner) — zaten yeşil gradient, dokunmuyoruz */

/* Hakkımızda sayfası */
[data-theme="dark"] .about-manifesto,
[data-theme="dark"] .about-strength,
[data-theme="dark"] .about-values,
[data-theme="dark"] .about-trieste,
[data-theme="dark"] .about-trio,
[data-theme="dark"] .about-cta {
    background: var(--surface-soft) !important;
}
[data-theme="dark"] .about-manifesto-side h2,
[data-theme="dark"] .about-values-head h2,
[data-theme="dark"] .about-trieste-text h2,
[data-theme="dark"] .about-trio-head h2 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .about-manifesto-text p,
[data-theme="dark"] .about-values-head p,
[data-theme="dark"] .about-trio-head p,
[data-theme="dark"] .value-card p,
[data-theme="dark"] .strength-sub,
[data-theme="dark"] .trio-item p {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .strength-card,
[data-theme="dark"] .value-card,
[data-theme="dark"] .trio-item,
[data-theme="dark"] .about-trieste-card {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .strength-num,
[data-theme="dark"] .strength-label,
[data-theme="dark"] .value-card h3,
[data-theme="dark"] .trio-item h3 {
    color: var(--ink) !important;
}

/* Single post + blog archive */
[data-theme="dark"] .single-content {
    color: var(--ink) !important;
}
[data-theme="dark"] .single-content h2,
[data-theme="dark"] .single-content h3 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .single-content table {
    color: var(--ink) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .single-content table th {
    background: rgba(0, 48, 135, 0.32) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .single-content table td {
    border-color: var(--line) !important;
}
[data-theme="dark"] .single-content a {
    color: #6fb3ff !important;
}
[data-theme="dark"] .single-meta {
    color: var(--ink-muted) !important;
}
[data-theme="dark"] .blog-pagination a {
    color: var(--ink) !important;
    border-color: var(--line) !important;
}

/* === v2.12.2 — Blog yazılarında dark mod okunabilirlik düzeltmeleri ===
   Eksik selektörler: strong (koyu navy görünmüyordu), tablo zebra (açık gri),
   single-back border + hover renkleri, image shadow, list işaretçileri.   */
[data-theme="dark"] .single-content strong {
    color: #6fb3ff !important;
}
[data-theme="dark"] .single-content table {
    background: var(--surface) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .single-content table thead {
    background: linear-gradient(135deg, rgba(0, 48, 135, 0.55), rgba(0, 33, 77, 0.55)) !important;
}
[data-theme="dark"] .single-content table tbody tr:nth-child(even) {
    background: rgba(13, 26, 45, 0.45) !important;
}
[data-theme="dark"] .single-content table th,
[data-theme="dark"] .single-content table td {
    border-bottom-color: var(--line) !important;
}
[data-theme="dark"] .single-content ul li,
[data-theme="dark"] .single-content ol li {
    color: var(--ink) !important;
}
[data-theme="dark"] .single-content ul li::marker,
[data-theme="dark"] .single-content ol li::marker {
    color: #41e07c !important;
}
[data-theme="dark"] .single-content blockquote {
    border-left-color: #41e07c !important;
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .single-content a:hover {
    color: #41e07c !important;
}

/* Single thumbnail dark gölge */
[data-theme="dark"] .single-thumb {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
}

/* Single back link */
[data-theme="dark"] .single-back {
    border-top-color: var(--line) !important;
}
[data-theme="dark"] .single-back a {
    color: #41e07c !important;
}
[data-theme="dark"] .single-back a:hover {
    color: #6fb3ff !important;
}

/* Footer her iki modda da koyu kalıyor (zaten dark gradient) — dokunmuyoruz. */

/* === v2.10.65 — Footer brand kolonuna World Map noktalı arka plan ===
   SVG: assets/img/world-map-dots.svg (zaten fill #fff opacity .5)
   Kolon arkasında dekoratif harita — metni boğmasın diye %30 opaklık.   */
.footer-brand {
    position: relative;
}
.footer-brand::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('assets/img/world-map-dots.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    opacity: 0.30;
    pointer-events: none;
    z-index: 0;
}
.footer-brand > * {
    position: relative;
    z-index: 1;
}
@media (max-width: 900px) {
    .footer-brand::before {
        background-size: 110% auto;
        background-position: center;
        opacity: 0.18;
    }
}

/* === v2.10.66 — Karanlık mod: Destinasyonlar sayfası (Routes haritası + Ops-strip)
   Önceki dark blok bu sayfayı kısmen kapsıyordu; routes/leaflet/ops detayları
   hardcoded açık renklerle yazılmış. Hepsini koyu palete çekiyoruz.       */

/* --- Routes (Leaflet harita bölümü) --- */
[data-theme="dark"] .routes,
[data-theme="dark"] .routes.routes-page {
    background: linear-gradient(180deg, #0d1a2d 0%, #112240 100%) !important;
}
[data-theme="dark"] .routes .section-header h2 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .routes .section-header p,
[data-theme="dark"] .routes-kicker {
    color: var(--ink-soft) !important;
}

/* filter pills */
[data-theme="dark"] .routes-filter-btn {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .routes-filter-btn:hover {
    border-color: rgba(111, 179, 255, 0.55) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .routes-filter-btn.active {
    background: #1e3a6e !important;
    color: #fff !important;
    border-color: #2c5396 !important;
    box-shadow: 0 6px 18px rgba(0, 48, 135, 0.45) !important;
}
[data-theme="dark"] .routes-filter-btn .dot {
    box-shadow: 0 0 0 2px rgba(13, 26, 45, 0.9) !important;
}

/* harita çerçevesi + zemin */
[data-theme="dark"] .routes-map-wrap {
    background: #0a1422 !important;
    border-color: var(--line) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55) !important;
}
[data-theme="dark"] .routes-map .leaflet-container {
    background: #0a1422 !important;
}

/* Leaflet tile'ları (OSM) hafif koyulaşsın — orijinal açık renkli */
[data-theme="dark"] .routes-map .leaflet-tile-pane {
    filter: invert(0.92) hue-rotate(180deg) brightness(0.9) contrast(0.95);
}
[data-theme="dark"] .routes-map .leaflet-tile {
    filter: none;
}

/* legend kutusu */
[data-theme="dark"] .routes-legend {
    background: rgba(26, 39, 64, 0.94) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
    backdrop-filter: blur(8px);
}
[data-theme="dark"] .routes-legend-title {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .routes-legend-item {
    color: var(--ink) !important;
}

/* hub marker etiketleri — şehir baloncukları */
[data-theme="dark"] .routes-hub-marker .hub-label {
    background: rgba(26, 39, 64, 0.96) !important;
    color: #6fb3ff !important;
    border-color: rgba(111, 179, 255, 0.32) !important;
}

/* zoom kontrolleri */
[data-theme="dark"] .routes-map .leaflet-control-zoom {
    border-color: var(--line) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] .routes-map .leaflet-control-zoom a {
    background: var(--surface) !important;
    color: var(--ink) !important;
    border-bottom-color: var(--line) !important;
}
[data-theme="dark"] .routes-map .leaflet-control-zoom a:hover {
    background: #21304d !important;
    color: #6fb3ff !important;
}

/* attribution */
[data-theme="dark"] .routes-map .leaflet-control-attribution {
    background: rgba(26, 39, 64, 0.85) !important;
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .routes-map .leaflet-control-attribution a {
    color: #6fb3ff !important;
}

/* popup'lar */
[data-theme="dark"] .routes-map .leaflet-popup-content-wrapper,
[data-theme="dark"] .routes-map .leaflet-popup-tip {
    background: var(--surface) !important;
    color: var(--ink) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
}

/* --- Ops-strip (Canlı Operasyonlar) --- */
[data-theme="dark"] .ops-strip {
    background: linear-gradient(180deg, #112240 0%, #0d1a2d 100%) !important;
    color: var(--ink) !important;
}
[data-theme="dark"] .ops-strip-title {
    color: var(--ink) !important;
}
[data-theme="dark"] .ops-strip-sub,
[data-theme="dark"] .ops-strip-counter {
    color: var(--ink-soft) !important;
}

/* sevkiyat listesi paneli */
[data-theme="dark"] .ops-strip-list {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .ops-row {
    background: rgba(13, 26, 45, 0.4) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .ops-row.ops-row-highlight {
    background: rgba(26, 209, 87, 0.14) !important;
    border-color: rgba(26, 209, 87, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(26, 209, 87, 0.30) inset !important;
}
[data-theme="dark"] .ops-row-id {
    color: var(--ink) !important;
}
[data-theme="dark"] .ops-row-mode {
    background: rgba(111, 179, 255, 0.18) !important;
    color: #6fb3ff !important;
}
[data-theme="dark"] .ops-row-cargo {
    color: var(--ink-muted) !important;
}
[data-theme="dark"] .ops-row-status {
    color: var(--c, var(--ink)) !important;
}
[data-theme="dark"] .ops-row-progress {
    background: rgba(255, 255, 255, 0.10) !important;
}

/* pipeline paneli */
[data-theme="dark"] .ops-strip-featured {
    background: var(--surface) !important;
    border-color: var(--line) !important;
}
[data-theme="dark"] .ofs-meta::before {
    color: #41e07c !important;
}
[data-theme="dark"] .ofs-id {
    color: var(--ink) !important;
}
[data-theme="dark"] .ofs-mode {
    background: rgba(111, 179, 255, 0.18) !important;
    color: #6fb3ff !important;
}
[data-theme="dark"] .ofs-cargo {
    color: var(--ink-muted) !important;
}
[data-theme="dark"] .ofs-eta {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .ofs-eta span {
    color: #41e07c !important;
}

/* stage dots (inactive) */
[data-theme="dark"] .ofs-stage-dot {
    background: var(--surface-soft) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
}
[data-theme="dark"] .ofs-stage.is-active .ofs-stage-dot,
[data-theme="dark"] .ofs-stage.is-complete .ofs-stage-dot {
    background: #1ad157 !important;
    border-color: #1ad157 !important;
}
[data-theme="dark"] .ofs-stage-lbl {
    color: rgba(255, 255, 255, 0.40) !important;
}
[data-theme="dark"] .ofs-stage.is-active .ofs-stage-lbl,
[data-theme="dark"] .ofs-stage.is-complete .ofs-stage-lbl {
    color: var(--ink) !important;
}

/* stage bağlantı çubukları */
[data-theme="dark"] .ofs-link {
    background: rgba(255, 255, 255, 0.10) !important;
}

/* page-hero kicker - destinasyonlar */
[data-theme="dark"] body.page-template-page-destinasyonlar .page-hero-kicker {
    color: #41e07c !important;
}

/* === v2.10.68 — Karanlık mod: Hero variants (page-hero, about-hero)
   Header'la net ayrışsın diye hero ÜSTTEN açıkça farklı bir tona başlıyor
   ve aşağı doğru body rengine geçiyor. Üstte ince mavi accent çizgisi.
   NOT (v2.10.70): Hizmet sayfaları (Gümrükleme/Depolama/...) kendi hero
   görsellerini kullanıyor — onları HARİÇ tutuyoruz, görsel kaybolmasın.  */
[data-theme="dark"] body:not(.page-template-page-hizmet) .page-hero {
    background: linear-gradient(180deg, #1a2f54 0%, #122548 45%, #0d1a2d 100%) !important;
    box-shadow: inset 0 1px 0 rgba(111, 179, 255, 0.18);
    position: relative;
}
[data-theme="dark"] .page-hero h1 {
    color: #6fb3ff !important;
}
[data-theme="dark"] .page-hero p {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .page-hero-kicker {
    color: #41e07c !important;
}

/* Hakkımızda hero */
[data-theme="dark"] .about-hero {
    background: linear-gradient(180deg, #1a2f54 0%, #122548 45%, #0d1a2d 100%) !important;
    box-shadow: inset 0 1px 0 rgba(111, 179, 255, 0.18);
}
[data-theme="dark"] .about-hero-kicker {
    background: rgba(0, 150, 57, 0.22) !important;
    color: #41e07c !important;
}
[data-theme="dark"] .about-hero-title {
    color: var(--ink) !important;
}
[data-theme="dark"] .about-hero-lead {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-hero-tagline {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-hero-bg .ahb-grid {
    background-image:
        linear-gradient(rgba(111, 179, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(111, 179, 255, 0.06) 1px, transparent 1px) !important;
}

/* === v2.10.71 — Karanlık mod: Hakkımızda manifesto + Trieste bloğu metinleri
   Önceki override'lar `.about-manifesto-text p` gibi paragrafları kapsıyordu
   ama içlerindeki <strong> ve <a> etiketleri kendi `color: #0a1d3d` /
   `#1d2a44` renklerini koruyordu → koyu zeminde okunmuyor.              */

/* About hakkımızda — manifesto bloğu */
[data-theme="dark"] .about-manifesto-text {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-manifesto-text strong,
[data-theme="dark"] .about-manifesto-text p strong {
    color: #6fb3ff !important;
    font-weight: 700;
}
[data-theme="dark"] .about-manifesto-text a {
    color: #41e07c !important;
}
[data-theme="dark"] .about-lead-paragraph {
    color: var(--ink) !important;
    border-left-color: #41e07c !important;
}
[data-theme="dark"] .about-lead-paragraph strong {
    color: #6fb3ff !important;
}
[data-theme="dark"] .about-lead-paragraph a {
    color: #41e07c !important;
}

/* About Trieste bölümü (Neden Trieste?) */
[data-theme="dark"] .about-trieste {
    background: var(--surface-soft) !important;
}
[data-theme="dark"] .about-trieste-kicker {
    color: #41e07c !important;
}
[data-theme="dark"] .about-trieste-text h2 {
    color: var(--ink) !important;
}
[data-theme="dark"] .about-trieste-text h2 .text-gradient-green,
[data-theme="dark"] .about-trieste-text h2 span {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: #41e07c !important;
}
[data-theme="dark"] .about-trieste-lead {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-trieste-lead strong {
    color: #6fb3ff !important;
}
[data-theme="dark"] .about-trieste-lead a {
    color: #41e07c !important;
}
[data-theme="dark"] .about-trieste-bullets li {
    color: var(--ink) !important;
}
[data-theme="dark"] .about-trieste-bullets li i,
[data-theme="dark"] .about-trieste-bullets li svg {
    color: #41e07c !important;
}
[data-theme="dark"] .about-trieste-pin {
    background: rgba(0, 150, 57, 0.22) !important;
    color: #41e07c !important;
}

/* About hero-floating "Trieste · Merkez Operasyon" kartı (hakkımızda hero) */
[data-theme="dark"] .about-floating h4,
[data-theme="dark"] .about-floating p {
    color: var(--ink) !important;
}

/* === v2.10.70 — Header logo: footer'daki şeffaf SVG her iki modda da ===
   Kullanıcı kararı: dual-logo'dan vazgeçildi; footer SVG her zeminde çalışıyor. */
.header .logo .logo-img {
    height: 45px;
    width: auto;
    transition: all 0.3s ease;
}
.header.scrolled .logo .logo-img {
    height: 40px;
}

/* === v2.12.1 — İtalyanca header taşma düzeltmesi ===
   IT nav metinleri TR ve EN'e göre %20-30 daha uzun (örn. "I Nostri Servizi"
   vs "Servislerimiz"). Container 1280px sığarken IT'de overflow oluyordu.
   Çözüm: IT için nav gap'i sıkıştır, ara breakpoint'te mobile menu'ye geç. */
body.eastlog-lang-it .nav {
    gap: 22px;
}
body.eastlog-lang-it .nav-link {
    font-size: 12.5px;
    letter-spacing: 0.2px;
}
body.eastlog-lang-it .lang-switcher {
    margin-left: 4px;
}
body.eastlog-lang-it .header-cta {
    gap: 10px;
}
body.eastlog-lang-it .header-cta .btn-primary {
    padding: 11px 18px;
    font-size: 13px;
}

/* IT — mobil menüye geçiş eşiğini yukarı çek (1024 → 1180) */
@media (max-width: 1180px) {
    body.eastlog-lang-it .nav,
    body.eastlog-lang-it .header-cta .btn-primary {
        display: none;
    }
    body.eastlog-lang-it .mobile-menu-btn {
        display: block;
    }
}

/* EN için de hafif güvenlik payı — 1024-1100 arası IT kadar uzun olmasa da
   nav-dropdown ok ikonu + chevron'lar yere zor sığabiliyor */
body.eastlog-lang-en .nav {
    gap: 28px;
}

/* ==========================================================================
   v2.12.0 — OFİSİMİZ bölümü yeniden tasarım
   Split panel: sol harita (Google Maps embed) + sağ zengin iletişim kartı
   Footer'daki harita bu bölüme taşındı, footer-map-embed kaldırıldı.
   ========================================================================== */

.offices.offices-v2 {
    padding: 100px 0 120px !important;
    background: linear-gradient(180deg, #f1f7f3 0%, #eaf1f8 100%) !important;
    position: relative;
    overflow: hidden;
}
.offices.offices-v2::before {
    content: "";
    position: absolute;
    top: -200px;
    right: -200px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 150, 57, 0.10) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.offices.offices-v2::after {
    content: "";
    position: absolute;
    bottom: -250px;
    left: -150px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 48, 135, 0.10) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
.offices.offices-v2 > .container {
    position: relative;
    z-index: 1;
}

/* Başlık */
.office-v2-head {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 50px;
}
.office-v2-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 150, 57, 0.12);
    color: #009639;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 18px;
}
.office-v2-kicker-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #009639;
    box-shadow: 0 0 0 4px rgba(0, 150, 57, 0.18);
    animation: officeV2Pulse 1.8s ease-in-out infinite;
}
@keyframes officeV2Pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(0, 150, 57, 0.18); }
    50%      { box-shadow: 0 0 0 8px rgba(0, 150, 57, 0.06); }
}
.office-v2-h2 {
    font-size: clamp(28px, 3.4vw, 44px);
    font-weight: 800;
    color: #0a1d3d;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
}
.office-v2-intro {
    font-size: 16px;
    line-height: 1.7;
    color: #4a5878;
    margin: 0;
}

/* Ana kart */
.office-v2-card {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(10, 29, 61, 0.12);
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    min-height: 460px;
    position: relative;
    border: 1px solid rgba(0, 150, 57, 0.10);
}
.office-v2-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #009639 0%, #41e07c 50%, #003087 100%);
    z-index: 2;
}

/* Sol: Harita */
.office-v2-map {
    position: relative;
    min-height: 460px;
    background: #eaf1f7;
}
.office-v2-map-frame {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.office-v2-map-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: saturate(1.05);
}

.office-v2-map-badge {
    position: absolute;
    bottom: 22px;
    left: 22px;
    background: #ffffff;
    border-radius: 14px;
    padding: 12px 16px 12px 12px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 12px 32px rgba(10, 29, 61, 0.18);
    z-index: 5;
    border: 1px solid rgba(0, 150, 57, 0.18);
}
.office-v2-map-badge-pin {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #009639, #41e07c);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 14px rgba(0, 150, 57, 0.35);
}
.office-v2-map-badge-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}
.office-v2-map-badge-text strong {
    font-size: 13px;
    font-weight: 800;
    color: #0a1d3d;
    letter-spacing: 0.3px;
}
.office-v2-map-badge-text span {
    font-size: 12px;
    color: #5a6478;
    margin-top: 2px;
}

/* Sağ: İletişim info paneli */
.office-v2-info {
    padding: 44px 40px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    background: #ffffff;
}

.office-v2-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
}
.office-v2-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0;
}
.office-v2-icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(0, 150, 57, 0.10);
    color: #009639;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.office-v2-item:hover .office-v2-icon {
    background: #009639;
    color: #fff;
    transform: scale(1.05);
}
.office-v2-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}
.office-v2-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #6b7a93;
    text-transform: uppercase;
}
.office-v2-value {
    font-size: 14.5px;
    color: #1a2942;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.45;
}
a.office-v2-value {
    transition: color 0.2s ease;
}
a.office-v2-value:hover {
    color: #009639;
}

/* Aksiyonlar */
.office-v2-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px dashed rgba(10, 29, 61, 0.10);
    margin-top: 4px;
    padding-top: 22px;
}
.office-v2-btn {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
    white-space: nowrap;
}
.office-v2-btn-primary {
    background: linear-gradient(135deg, #009639, #00b04a);
    color: #fff;
    box-shadow: 0 8px 22px rgba(0, 150, 57, 0.30);
}
.office-v2-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 150, 57, 0.40);
}
.office-v2-btn-ghost {
    background: transparent;
    color: #003087;
    border: 1.5px solid rgba(0, 48, 135, 0.20);
}
.office-v2-btn-ghost:hover {
    background: rgba(0, 48, 135, 0.06);
    border-color: rgba(0, 48, 135, 0.45);
    color: #003087;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 1024px) {
    .office-v2-card {
        grid-template-columns: 1fr;
    }
    .office-v2-map { min-height: 380px; }
    .office-v2-info { padding: 36px 32px; }
}
@media (max-width: 640px) {
    .offices.offices-v2 { padding: 70px 0 90px !important; }
    .office-v2-head { margin-bottom: 32px; }
    .office-v2-card { border-radius: 22px; }
    .office-v2-map { min-height: 320px; }
    .office-v2-info { padding: 28px 22px; gap: 22px; }
    .office-v2-actions { flex-direction: column; }
    .office-v2-btn { width: 100%; }
    .office-v2-map-badge { left: 14px; bottom: 14px; padding: 10px 14px 10px 10px; }
    .office-v2-map-badge-pin { width: 30px; height: 30px; }
    .office-v2-map-badge-text strong { font-size: 12px; }
    .office-v2-map-badge-text span { font-size: 11px; }
}

/* === Dark mode === */
[data-theme="dark"] .offices.offices-v2 {
    background: linear-gradient(180deg, #0d1a2d 0%, #102648 100%) !important;
}
[data-theme="dark"] .offices.offices-v2::before {
    background: radial-gradient(circle, rgba(0, 150, 57, 0.18) 0%, transparent 70%);
}
[data-theme="dark"] .offices.offices-v2::after {
    background: radial-gradient(circle, rgba(111, 179, 255, 0.14) 0%, transparent 70%);
}
[data-theme="dark"] .office-v2-h2 {
    color: #e6edf6 !important;
}
[data-theme="dark"] .office-v2-intro {
    color: #b6c0d0 !important;
}
[data-theme="dark"] .office-v2-kicker {
    background: rgba(0, 150, 57, 0.22) !important;
    color: #41e07c !important;
}
[data-theme="dark"] .office-v2-card {
    background: #1a2740 !important;
    border-color: #2a3a52 !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55) !important;
}
[data-theme="dark"] .office-v2-info {
    background: #1a2740 !important;
}
[data-theme="dark"] .office-v2-map {
    background: #0a1422 !important;
}
[data-theme="dark"] .office-v2-map-frame iframe {
    filter: invert(0.92) hue-rotate(180deg) brightness(0.9) contrast(0.95) saturate(1.1);
}
[data-theme="dark"] .office-v2-map-badge {
    background: rgba(26, 39, 64, 0.96) !important;
    border-color: rgba(0, 150, 57, 0.40) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
}
[data-theme="dark"] .office-v2-map-badge-text strong {
    color: #e6edf6 !important;
}
[data-theme="dark"] .office-v2-map-badge-text span {
    color: #b6c0d0 !important;
}
[data-theme="dark"] .office-v2-icon {
    background: rgba(0, 150, 57, 0.18) !important;
    color: #41e07c !important;
}
[data-theme="dark"] .office-v2-item:hover .office-v2-icon {
    background: #009639 !important;
    color: #fff !important;
}
[data-theme="dark"] .office-v2-label {
    color: #8a96aa !important;
}
[data-theme="dark"] .office-v2-value,
[data-theme="dark"] a.office-v2-value {
    color: #e6edf6 !important;
}
[data-theme="dark"] a.office-v2-value:hover {
    color: #41e07c !important;
}
[data-theme="dark"] .office-v2-actions {
    border-top-color: rgba(255, 255, 255, 0.10);
}
[data-theme="dark"] .office-v2-btn-ghost {
    color: #6fb3ff !important;
    border-color: rgba(111, 179, 255, 0.30) !important;
}
[data-theme="dark"] .office-v2-btn-ghost:hover {
    background: rgba(111, 179, 255, 0.10) !important;
    border-color: rgba(111, 179, 255, 0.55) !important;
    color: #6fb3ff !important;
}

/* ============================================================
 * v2.13.4 — Hero başlık ölçek revizyonu + subtitle + alt marquee bandı
 *   2.13.3'te title çok büyüktü (her kelime ayrı satıra düşüyordu).
 *   line2 markup'ta `<p class="hero-subtitle">`'a taşındı.
 *   v2.13.8: Tüm dillerde tam 2 satır olsun diye font biraz küçültüldü;
 *   en uzun cümle EN "From the Heart of Europe" tek satıra sığmalı.
 * ============================================================ */
.hero.hero-fullcover .hero-content,
.hero.hero-split .hero-content {
    max-width: 980px;
}
.hero.hero-fullcover .hero-title,
.hero.hero-split .hero-title {
    font-size: clamp(30px, 4.4vw, 56px) !important;
    font-weight: 900 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.8px !important;
    margin: 0 0 14px !important;
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
}
.hero.hero-fullcover .hero-title .text-gradient-green,
.hero.hero-split .hero-title .text-gradient-green {
    background: linear-gradient(90deg, #2ddc6a 0%, #0ea341 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* Subtitle — büyük başlığın altında, uppercase letter-spaced */
.hero-subtitle {
    font-size: clamp(12px, 1vw, 15px);
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin: 0 0 32px;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

.hero.hero-fullcover .hero-badge,
.hero.hero-split .hero-badge {
    margin-bottom: 24px !important;
}
.hero.hero-fullcover .hero-meta,
.hero.hero-split .hero-meta {
    margin-top: 40px !important;
}

@media (max-width: 1100px) {
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(28px, 4.8vw, 46px) !important;
    }
}
@media (max-width: 900px) {
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(26px, 5vw, 40px) !important;
        letter-spacing: -0.4px !important;
    }
    .hero-subtitle {
        letter-spacing: 3.5px;
        margin-bottom: 28px;
    }
}
@media (max-width: 700px) {
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(22px, 5.8vw, 32px) !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
    }
}
@media (max-width: 480px) {
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(20px, 6.5vw, 26px) !important;
    }
    .hero-subtitle {
        font-size: 11px;
        letter-spacing: 2.5px;
        margin-bottom: 22px;
    }
}

/* ============================================================
 * Hero Marquee Strip — hero ile services arası efektli geçiş bandı
 * ============================================================ */
.hero-marquee {
    position: relative;
    background: linear-gradient(90deg, #061328 0%, #0a1e3d 50%, #061328 100%);
    border-top: 1px solid rgba(45, 220, 106, 0.22);
    border-bottom: 1px solid rgba(45, 220, 106, 0.12);
    overflow: hidden;
    padding: 18px 0;
    z-index: 3;
}
.hero-marquee::before,
.hero-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    pointer-events: none;
    z-index: 2;
}
.hero-marquee::before {
    left: 0;
    background: linear-gradient(90deg, #061328 0%, transparent 100%);
}
.hero-marquee::after {
    right: 0;
    background: linear-gradient(270deg, #061328 0%, transparent 100%);
}
.hero-marquee-track {
    display: flex;
    width: max-content;
    animation: heroMarqueeScroll 38s linear infinite;
    will-change: transform;
}
.hero-marquee:hover .hero-marquee-track {
    animation-play-state: paused;
}
.hero-marquee-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.hero-marquee-item {
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0 28px;
    white-space: nowrap;
    transition: color .25s ease;
}
.hero-marquee-item:hover {
    color: #2ddc6a;
}
.hero-marquee-sep {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2ddc6a;
    box-shadow: 0 0 10px rgba(45, 220, 106, 0.6);
    flex-shrink: 0;
}
@keyframes heroMarqueeScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
    .hero-marquee { padding: 14px 0; }
    .hero-marquee-item {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 0 18px;
    }
    .hero-marquee::before,
    .hero-marquee::after { width: 60px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-marquee-track { animation-duration: 90s; }
}

/* Dark mode — marquee zaten koyu, hafif uyumlu yapalım */
[data-theme="dark"] .hero-marquee {
    background: linear-gradient(90deg, #02080f 0%, #061328 50%, #02080f 100%);
}
[data-theme="dark"] .hero-marquee::before {
    background: linear-gradient(90deg, #02080f 0%, transparent 100%);
}
[data-theme="dark"] .hero-marquee::after {
    background: linear-gradient(270deg, #02080f 0%, transparent 100%);
}

/* ============================================================
 * v2.13.6 — Hero sol-yarı gradient overlay (JAS-tarzı)
 *   Sol: koyu marka navy + yeşil aksan. Sağ: tamamen şeffaf, görsel net.
 *   Metin sola hizalandı; dark zone içine yerleşti.
 *   Mobilde dikey gradient + center hizalama.
 * ============================================================ */
.hero.hero-fullcover .hero-cover-tint {
    background:
        linear-gradient(135deg, rgba(0, 150, 57, 0.20) 0%, transparent 35%),
        linear-gradient(90deg,
            rgba(6, 19, 40, 0.94) 0%,
            rgba(10, 30, 61, 0.82) 24%,
            rgba(10, 30, 61, 0.52) 50%,
            rgba(10, 30, 61, 0.16) 74%,
            transparent 100%
        ) !important;
}
.hero.hero-fullcover .hero-content,
.hero.hero-split .hero-content {
    max-width: 760px !important;
    margin: 0 !important;
    text-align: left !important;
}
.hero-subtitle {
    /* CSS önceki blokta center text-align almıyordu ama hero-content değişince inherit oluyor */
    text-align: left;
}
.hero.hero-fullcover .hero-buttons,
.hero.hero-split .hero-buttons {
    justify-content: flex-start !important;
}
.hero.hero-fullcover .hero-meta,
.hero.hero-split .hero-meta {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Tablet — gradient hâlâ horizontal ama biraz daha geniş dark zone */
@media (max-width: 1024px) {
    .hero.hero-fullcover .hero-cover-tint {
        background:
            linear-gradient(135deg, rgba(0, 150, 57, 0.18) 0%, transparent 30%),
            linear-gradient(90deg,
                rgba(6, 19, 40, 0.92) 0%,
                rgba(10, 30, 61, 0.78) 32%,
                rgba(10, 30, 61, 0.45) 60%,
                rgba(10, 30, 61, 0.12) 82%,
                transparent 100%
            ) !important;
    }
}

/* Mobil — sol hizalı kalır, dikey + diagonal gradient kombinasyonu
   Üst kısımda görsel net (üstte hafif tint), alt yarıda koyu navy →
   metnin oturduğu alan tamamen okunaklı. Yeşil köşe aksanı sol-üstte. */
/* v2.13.16 — Mobil hero: stack layout + dekoratif arka plan (JAS-tarzı).
   Üst: metin · alt: slider (kırpmasız 8:5). Metin arkasında katmanlı görsellik:
   - radial green glow'lar (top-right + bottom-left)
   - sağ kenarda chevron SVG silüeti (yeşil, düşük opasite)
   - subtle dot-grid pattern (radial mask ile fade)
   - diagonal route line (135deg ince yeşil bant) */
@media (max-width: 768px) {
    .hero.hero-fullcover {
        position: relative;
        min-height: auto !important;
        padding: 36px 0 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        background:
            /* Sağ üst güçlü yeşil ışık huzmesi — "spotlight" */
            radial-gradient(ellipse 520px 380px at 100% 0%, rgba(0, 150, 57, 0.26) 0%, transparent 55%),
            /* Sol alt yumuşak yeşil glow */
            radial-gradient(ellipse 380px 280px at 0% 95%, rgba(45, 220, 106, 0.12) 0%, transparent 60%),
            /* İnce diagonal "rota" şeridi — alt-sol → üst-sağ trade-lane hissi */
            linear-gradient(135deg, transparent 49.5%, rgba(45, 220, 106, 0.08) 50%, transparent 50.5%),
            /* Base navy gradient */
            linear-gradient(180deg, #0a1e3d 0%, #061328 100%);
        overflow: hidden;
    }
    /* EastLog pusula logosu — masaüstüyle uyumlu, mobile metin alanı
       arkasında soluk watermark olarak. Chevron silueti yerine. */
    .hero.hero-fullcover::before {
        content: '';
        position: absolute;
        top: 40px;
        right: -40px;
        width: 280px;
        height: 280px;
        background-image: url("assets/img/eastlog-compass.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 0.22;
        pointer-events: none;
        z-index: 1;
    }
    /* Subtle dot-grid pattern — "data/lojistik ağ" hissi, radial mask ile fade */
    .hero.hero-fullcover::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1.5px);
        background-size: 22px 22px;
        background-position: 0 0;
        pointer-events: none;
        z-index: 1;
        mask-image: radial-gradient(ellipse 70% 60% at 30% 35%, black 0%, transparent 75%);
        -webkit-mask-image: radial-gradient(ellipse 70% 60% at 30% 35%, black 0%, transparent 75%);
    }
    /* Cover-tint artık gereksiz — slider arka plan değil */
    .hero.hero-fullcover .hero-cover-tint {
        display: none !important;
    }
    /* Container = order 1 (metin), dekorasyonların üstünde */
    .hero.hero-fullcover .container {
        order: 1;
        position: relative;
        z-index: 3;
        padding-bottom: 28px;
    }
    .hero.hero-fullcover .hero-content,
    .hero.hero-split .hero-content {
        max-width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
    }
    .hero-subtitle { text-align: left; }
    .hero.hero-fullcover .hero-buttons,
    .hero.hero-split .hero-buttons {
        justify-content: flex-start !important;
    }
    .hero.hero-fullcover .hero-meta,
    .hero.hero-split .hero-meta {
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    /* Slider = order 2 (alt — relative, aspect-ratio fixed) */
    .hero.hero-fullcover .hero-slider {
        position: relative !important;
        inset: auto !important;
        order: 2;
        width: 100% !important;
        aspect-ratio: 8 / 5;
        margin: 0;
        z-index: 2;
    }
    /* Slide'lar slider içinde absolute kalır (cross-fade için) — sadece parent değişti.
       v2.13.18: Mobilde Gemini watermark sağ-alt köşede çıkıyordu. Görseli zoom
       + transform-origin sol-üste kaydırarak sağ-alt köşeyi crop'luyoruz (~9% kayıp). */
    .hero.hero-fullcover .hero-slider .hero-slide {
        filter: brightness(0.92) saturate(1); /* artık metin altında olmadığı için daha parlak */
        transform: scale(1.12);
        transform-origin: 25% 25%;
    }
    /* Aktif slide Ken Burns animasyonu — origin 25%/25%, scale 1.12 → 1.18 (mobil) */
    .hero.hero-fullcover .hero-slider .hero-slide.is-active {
        animation: heroCoverKenBurnsMobile 26s ease-in-out infinite alternate;
    }
    /* Dots = order 3 (slider'ın altında) */
    .hero.hero-fullcover .hero-slider-dots {
        position: relative !important;
        order: 3;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 16px 0 22px;
        z-index: 3;
    }
}

/* v2.13.19 — Mobil hero butonlar + meta: EN/IT uzun metinleri sığsın
   Butonlar: dikey stack + full-width (overflow yok, hangi dil olursa olsun).
   Meta strip: 3-col flex (eşit pay, flex 1 1 0 + min-width 0), label wrap eder. */
@media (max-width: 768px) {
    .hero.hero-fullcover .hero-buttons,
    .hero.hero-split .hero-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100%;
        margin: 0 0 24px 0 !important;
    }
    .hero.hero-fullcover .hero-buttons > a,
    .hero.hero-split .hero-buttons > a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center;
        padding: 13px 18px !important;
        font-size: 14px !important;
        white-space: normal;
    }

    .hero.hero-fullcover .hero-meta,
    .hero.hero-split .hero-meta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        padding-top: 20px !important;
        margin-top: 8px !important;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
    }
    .hero.hero-fullcover .hero-meta-item,
    .hero.hero-split .hero-meta-item {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        text-align: left !important;
        padding: 0 !important;
    }
    .hero.hero-fullcover .hero-meta-item strong,
    .hero.hero-split .hero-meta-item strong {
        font-size: clamp(20px, 5.2vw, 26px) !important;
        display: block;
        line-height: 1;
        margin-bottom: 4px;
    }
    .hero.hero-fullcover .hero-meta-item span,
    .hero.hero-split .hero-meta-item span {
        font-size: clamp(9px, 2.4vw, 11px) !important;
        line-height: 1.3 !important;
        letter-spacing: 0.6px !important;
        display: block;
        word-break: break-word;
    }
}

/* ≤480 — daha agresif font/gap düşüş (en uzun IT label da sığsın) */
@media (max-width: 480px) {
    .hero.hero-fullcover .hero-meta,
    .hero.hero-split .hero-meta {
        gap: 10px !important;
    }
    .hero.hero-fullcover .hero-meta-item strong,
    .hero.hero-split .hero-meta-item strong {
        font-size: 20px !important;
    }
    .hero.hero-fullcover .hero-meta-item span,
    .hero.hero-split .hero-meta-item span {
        font-size: 9.5px !important;
        letter-spacing: 0.4px !important;
    }
}

/* ============================================================
 * v2.13.9 — Blog arşiv kartı görsel yapısı anasayfa Son Yazılarımız
 *   ile bire bir aynı: aspect-ratio 16/10, yeşil ışıklı iç çerçeve,
 *   hover ok-daire, alttan gradient overlay, görsel hover zoom.
 *   Mevcut v2.10.27 blog-archive kuralları override ediliyor.
 * ============================================================ */
.blog-archive .news-card {
    text-align: left;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden;
    position: relative;
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    box-shadow: 0 6px 24px rgba(15, 32, 56, 0.08) !important;
    transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .3s ease;
    cursor: pointer;
}
.blog-archive .news-card:hover {
    transform: translateY(-14px) !important;
    border-color: rgba(0, 150, 57, 0.45) !important;
    box-shadow:
        0 30px 60px -22px rgba(0, 150, 57, 0.35),
        0 14px 32px rgba(15, 32, 56, 0.12) !important;
}

.blog-archive .news-card-image {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 10 !important;
    height: auto !important;
}
.blog-archive .news-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform .8s cubic-bezier(.2,.7,.2,1) !important;
    display: block !important;
}
.blog-archive .news-card:hover .news-card-image img {
    transform: scale(1.08);
}
.blog-archive .news-card-image::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 45%;
    background: linear-gradient(180deg, rgba(15,32,56,0) 0%, rgba(15,32,56,0.55) 100%);
    pointer-events: none;
    z-index: 1;
}
.blog-archive .news-card-image::before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1.5px solid rgba(0, 150, 57, 0.55);
    border-radius: 10px;
    box-shadow:
        0 0 22px rgba(0, 150, 57, 0.40),
        inset 0 0 22px rgba(0, 150, 57, 0.18);
    pointer-events: none;
    z-index: 2;
    transition: inset .45s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.blog-archive .news-card:hover .news-card-image::before {
    inset: 10px;
    border-color: rgba(65, 224, 124, 0.85);
    box-shadow:
        0 0 32px rgba(0, 150, 57, 0.65),
        inset 0 0 28px rgba(0, 150, 57, 0.28);
}
.blog-archive .news-card:hover .news-card-arrow {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* Gövde — yeni news-card-body wrapper içine padding */
.blog-archive .news-card-body {
    padding: 22px 26px 26px;
}
/* Eski sibling kuralları zaten body içine taşındı; üzerlerine padding sıfırla */
.blog-archive .news-card .news-card-meta,
.blog-archive .news-card h3,
.blog-archive .news-card p,
.blog-archive .news-card .news-card-link {
    padding-left: 0;
    padding-right: 0;
}

.blog-archive .news-card h3 {
    font-size: 19px !important;
    margin: 0 0 10px !important;
    line-height: 1.36;
    letter-spacing: -0.01em;
    font-weight: 800;
}
.blog-archive .news-card p {
    margin: 0 0 14px !important;
    font-size: 14.5px;
    line-height: 1.65;
}

@media (max-width: 768px) {
    .blog-archive .news-card { border-radius: 20px !important; }
    .blog-archive .news-card-image { aspect-ratio: 16 / 9 !important; }
    .blog-archive .news-card-body { padding: 20px 22px 24px; }
    .blog-archive .news-card h3 { font-size: 18px !important; }
    .blog-archive .news-card-image::before { inset: 10px; border-radius: 8px; }
    .blog-archive .news-card-arrow { width: 42px; height: 42px; bottom: 12px; right: 12px; }
}

/* ============================================================
 * v2.13.41 — Ana sayfa "Sektörel Çözümlerimiz" bölümü (blog üstü).
 *   Servis sayfalarında bulunan "Sector Solutions" grid'i ana sayfaya
 *   taşındı; servis sayfalarında CSS :has() ile gizlendi (HTML/DB'ye
 *   dokunulmadan).
 * ============================================================ */
.sectors {
    padding: 80px 0;
    background:
        linear-gradient(180deg,
            rgba(6, 57, 134, 0.06) 0%,
            rgba(0, 152, 50, 0.10) 50%,
            rgba(6, 57, 134, 0.06) 100%) !important;
}
.sectors .container {
    max-width: 1600px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.sectors .section-header {
    text-align: center;
    margin: 0 auto 48px;
    max-width: 760px;
}
.sectors .section-header h2 {
    font-size: clamp(28px, 3.0vw, 42px);
    font-weight: 800;
    margin: 0 0 14px;
    line-height: 1.15;
    letter-spacing: -0.5px;
}
.sectors .section-header p {
    font-size: 16px;
    line-height: 1.65;
    color: #4b5563;
    margin: 0;
}
.sectors-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.sector-card {
    background: #ffffff;
    border: 1px solid rgba(11, 18, 32, 0.08);
    border-radius: 18px;
    padding: 36px 24px 30px;
    text-align: center;
    transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
    position: relative;
    overflow: hidden;
}
.sector-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(40, 168, 85, 0.06) 0%, transparent 55%);
    opacity: 0;
    transition: opacity 280ms ease;
    pointer-events: none;
}
.sector-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(11, 18, 32, 0.14);
    border-color: rgba(40, 168, 85, 0.50);
}
.sector-card:hover::before { opacity: 1; }
.sector-icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 22px;
    background: linear-gradient(135deg, #28a855 0%, #1a7d3e 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(40, 168, 85, 0.30);
    transition: transform 280ms ease;
}
.sector-card:hover .sector-icon {
    transform: scale(1.06) rotate(-3deg);
}
.sector-icon i {
    color: #ffffff !important;
    stroke: #ffffff !important;
}
.sector-card h3 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #0b1220;
    line-height: 1.25;
    letter-spacing: -0.2px;
}
.sector-card p {
    font-size: 14px;
    line-height: 1.55;
    color: #4b5563;
    margin: 0;
}
@media (max-width: 1200px) {
    .sectors-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .sectors { padding: 60px 0; }
    .sectors .section-header { margin: 0 auto 32px; }
    .sectors-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .sectors .container { padding-left: 14px !important; padding-right: 14px !important; }
    .sector-card { padding: 26px 18px 22px; border-radius: 14px; }
    .sector-icon { width: 64px; height: 64px; margin-bottom: 16px; border-radius: 14px; }
    .sector-icon i { width: 30px !important; height: 30px !important; }
    .sector-card h3 { font-size: 16px; }
    .sector-card p { font-size: 12.5px; }
}
@media (max-width: 420px) {
    .sectors-grid { grid-template-columns: 1fr; }
}

/* Dark mode uyumu */
[data-theme="dark"] .sector-card {
    background: rgba(17, 26, 44, 0.55);
    border-color: rgba(255, 255, 255, 0.10);
}
[data-theme="dark"] .sector-card h3 { color: #f1f5f9; }
[data-theme="dark"] .sector-card p { color: #9ca3af; }

/* Servis sayfalarındaki "Sector Solutions" bölümünü gizle — taşındı (v2.13.41) */
.servis-sector-grid {
    display: none !important;
}
.servis-content h2:has(+ .servis-sector-grid),
.hizmet-content h2:has(+ .servis-sector-grid),
.single-content h2:has(+ .servis-sector-grid),
.entry-content h2:has(+ .servis-sector-grid) {
    display: none !important;
}

/* Servis sayfalarındaki "Hat Ağımız / Our Network / La Nostra Rete" bölümünü gizle (v2.13.51) */
.servis-route-grid {
    display: none !important;
}
.servis-content h2:has(+ .servis-route-grid),
.hizmet-content h2:has(+ .servis-route-grid),
.single-content h2:has(+ .servis-route-grid),
.entry-content h2:has(+ .servis-route-grid) {
    display: none !important;
}

/* ============================================================
 * v2.13.54 — İletişim sayfası (page-iletisim.php) — sade kart grid
 * ============================================================ */
.contact-page {
    padding: 70px 0 90px;
    background: linear-gradient(180deg,
        rgba(6, 57, 134, 0.06) 0%,
        rgba(0, 152, 50, 0.08) 100%);
}
.contact-page-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-bottom: 40px;
}
.contact-page-card {
    background: #ffffff;
    border: 1px solid rgba(11, 18, 32, 0.08);
    border-radius: 18px;
    padding: 32px 24px 28px;
    text-align: center;
    transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}
.contact-page-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(11, 18, 32, 0.12);
    border-color: rgba(40, 168, 85, 0.42);
}
.contact-page-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    background: linear-gradient(135deg, #28a855 0%, #1a7d3e 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(40, 168, 85, 0.28);
}
.contact-page-icon i { color: #ffffff !important; stroke: #ffffff !important; }
.contact-page-card h3 {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4b5563;
    margin: 0 0 14px;
}
.contact-page-value {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    color: #0b1220;
    text-decoration: none;
    margin: 4px 0;
    word-break: break-word;
    font-weight: 600;
}
.contact-page-value:hover { color: #0ec441; }
.contact-page-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    font-size: 13px;
    color: #0ec441;
    text-decoration: none;
    font-weight: 700;
}
.contact-page-link:hover { color: #0a6d2a; }
.contact-page-social {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
}
.contact-page-social a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 18, 32, 0.06);
    border-radius: 50%;
    color: #0b1220;
    transition: background 220ms ease, color 220ms ease;
}
.contact-page-social a:hover {
    background: #0ec441;
    color: #ffffff;
}
.contact-page-map {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(11, 18, 32, 0.12);
}
@media (max-width: 1100px) {
    .contact-page-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .contact-page { padding: 50px 0 70px; }
    .contact-page-grid { grid-template-columns: 1fr; gap: 16px; }
    .contact-page-card { padding: 26px 20px 22px; }
    .contact-page-icon { width: 56px; height: 56px; border-radius: 14px; }
    .contact-page-map iframe { height: 280px !important; }
}
[data-theme="dark"] .contact-page-card {
    background: rgba(17, 26, 44, 0.62);
    border-color: rgba(255, 255, 255, 0.10);
}
[data-theme="dark"] .contact-page-value { color: #f1f5f9; }
[data-theme="dark"] .contact-page-card h3 { color: #9ca3af; }
[data-theme="dark"] .contact-page-social a {
    background: rgba(255, 255, 255, 0.08);
    color: #f1f5f9;
}

/* ============================================================
 * v2.13.40 — Ana sayfa "Servislerimiz" bölümü daha geniş.
 *   Sadece .services section'ın container'ı; diğer bölümler 1280px
 *   max-width + 24px padding kalır.
 * ============================================================ */
.services .container {
    max-width: 1600px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
@media (max-width: 1024px) {
    .services .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
@media (max-width: 768px) {
    .services .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
@media (max-width: 480px) {
    .services .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* ============================================================
 * v2.13.24 — Masaüstü hero: slider FULL-COVER + sol kısımda
 *   mobildeki dekoratif tasarım (chevron + dot-grid + yeşil glow)
 *   slider'ın ÜSTÜNDE overlay olarak. Soldan sağa koyu→açık tint
 *   gradient (v2.13.6 sol-koyu vignet'in güçlendirilmiş hali).
 *   Slider sağ-alt Gemini watermark transform+scale ile kırpılır.
 *   Laptop ekranlarda (13–16") hero tam viewport yüksekliği (100vh)
 *   — altta boşluk kalmaz.
 *   Mobil (≤768px) hiç dokunulmadı.
 * ============================================================ */
@media (min-width: 769px) {
    /* Hero — 100vh tam ekran (header için padding-top, alt padding sıfır) */
    .hero.hero-fullcover {
        min-height: 100vh !important;
        padding: 110px 0 0 !important;
        overflow: hidden;
    }

    /* Soldan sağa koyu → açık (görsel net) tint gradient.
       v2.13.6'yı override eder. Sol kademe daha koyu (neredeyse opak
       navy, daha koyu hex), sağ kenar slider net kalsın diye transparent. */
    .hero.hero-fullcover .hero-cover-tint {
        background:
            linear-gradient(135deg, rgba(0, 150, 57, 0.22) 0%, transparent 32%),
            linear-gradient(90deg,
                rgba(2, 8, 18, 0.98) 0%,
                rgba(4, 14, 30, 0.90) 20%,
                rgba(8, 22, 46, 0.66) 40%,
                rgba(10, 30, 61, 0.28) 60%,
                rgba(10, 30, 61, 0.08) 80%,
                transparent 100%
            ) !important;
    }

    /* Sol bölgede EastLog pusula logosu (assets/img/eastlog-compass.png,
       transparent PNG) — metnin arkasında büyük watermark olarak konumlanır.
       Soluk opacity ile koyu→açık tint geçişine müdahale etmez. */
    .hero.hero-fullcover::before {
        content: '';
        position: absolute;
        top: 50%;
        left: -11%;
        width: 1050px;
        height: 1050px;
        transform: translateY(-50%);
        background-image: url("assets/img/eastlog-compass.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        opacity: 0.28;
        pointer-events: none;
        z-index: 3;
    }

    /* Sol-orta dot-grid pattern — slider üstünde overlay (z-index 3) */
    .hero.hero-fullcover::after {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.09) 1px, transparent 1.5px);
        background-size: 22px 22px;
        background-position: 0 0;
        pointer-events: none;
        z-index: 3;
        -webkit-mask-image: radial-gradient(ellipse 38% 70% at 22% 50%, black 0%, transparent 75%);
                mask-image: radial-gradient(ellipse 38% 70% at 22% 50%, black 0%, transparent 75%);
    }

    /* Slider FULL-COVER — önceki sürümün sağ-yarı sınırlamasını sıfırla */
    .hero.hero-fullcover .hero-slider {
        left: 0 !important;
        right: 0 !important;
        -webkit-mask-image: none !important;
                mask-image: none !important;
    }

    /* Slider görseli — Gemini watermark (sağ-alt köşede) crop:
       transform-origin sol-üste kaydır + scale 1.10 → 1.16 = kenarlardan ~%9 crop */
    .hero.hero-fullcover .hero-slider .hero-slide {
        transform: scale(1.10);
        transform-origin: 25% 25%;
    }
    .hero.hero-fullcover .hero-slider .hero-slide.is-active {
        animation: heroCoverKenBurnsDesktopCrop 26s ease-in-out infinite alternate;
    }

    /* Metin sol yarıda — dekoratif overlay + koyu tint üstünde beyaz */
    .hero.hero-fullcover .hero-content,
    .hero.hero-split .hero-content {
        max-width: 760px !important;
        margin: 0 auto 0 0 !important;
        padding-left: 4px !important;
        text-align: left !important;
        position: relative;
        z-index: 5;
    }
    /* Hero başlık: '||' ile zorlanan 2 satır. Font büyütüldü; max-width
       container artırılarak 3. satıra dökülmesi engellenir. */
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(34px, 3.6vw, 52px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.40) !important;
        max-width: 100%;
    }
    .hero.hero-fullcover .hero-subtitle {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32) !important;
    }
}
@keyframes heroCoverKenBurnsDesktopCrop {
    0%   { transform: scale(1.10); }
    100% { transform: scale(1.16); }
}

/* Tablet (769–1024) — sol panel daralır, başlık biraz daha kompakt */
@media (min-width: 769px) and (max-width: 1024px) {
    .hero.hero-fullcover .hero-content,
    .hero.hero-split .hero-content {
        max-width: 620px !important;
    }
    .hero.hero-fullcover .hero-title,
    .hero.hero-split .hero-title {
        font-size: clamp(28px, 3.8vw, 42px) !important;
    }
    .hero.hero-fullcover::before {
        top: 50%;
        left: -10%;
        width: 800px;
        height: 800px;
        transform: translateY(-50%);
    }
}

/* ============================================================
 * v2.13.59 — Servis hero FULL-COVER refactor
 *   Önceki split layout (solda metin / sağda eğik görsel kartı)
 *   kaldırıldı. Artık öne çıkan / featured görsel hero'yu tam
 *   kaplar, metin + CTA solda görselin üzerinde okunabilir overlay.
 *   page-servis.php: .servis-hero-media kaldırıldı; .servis-hero-bg
 *   + .servis-hero-cover-tint eklendi. Bileşik seçici
 *   (.servis-hero.servis-hero-cover) önceki .servis-hero
 *   kurallarını cascade + specificity ile ezer.
 * ============================================================ */
.servis-hero.servis-hero-cover {
    position: relative;
    min-height: 100vh;
    padding: 130px 0 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow: clip;
    background: #0a1d3d; /* görsel yüklenene kadar fallback */
}
/* Dekoratif radial daireler full-cover'da görsele karışmasın */
.servis-hero.servis-hero-cover::before,
.servis-hero.servis-hero-cover::after {
    display: none;
}
.servis-hero.servis-hero-cover .servis-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: brightness(0.82) saturate(1.02);
    transform: scale(1.04);
    transform-origin: center center;
    animation: servisHeroKenBurns 28s ease-in-out infinite alternate;
    will-change: transform;
}
@keyframes servisHeroKenBurns {
    0%   { transform: scale(1.04); }
    100% { transform: scale(1.10); }
}
/* Soldan sağa koyu navy → şeffaf: sol metin garanti okunur */
.servis-hero.servis-hero-cover .servis-hero-cover-tint {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg,
            rgba(6,16,34,0.94) 0%,
            rgba(6,16,34,0.80) 32%,
            rgba(6,16,34,0.42) 58%,
            rgba(6,16,34,0.08) 82%,
            rgba(6,16,34,0.00) 100%),
        linear-gradient(180deg,
            rgba(6,16,34,0.30) 0%,
            transparent 35%,
            rgba(6,16,34,0.45) 100%);
}
.servis-hero.servis-hero-cover > .container {
    position: relative;
    z-index: 5;
    width: 100%;
}
.servis-hero.servis-hero-cover .servis-hero-grid {
    display: block;
}
.servis-hero.servis-hero-cover .servis-hero-text {
    max-width: 640px;
}
.servis-hero.servis-hero-cover .servis-hero-text h1 {
    font-size: clamp(34px, 4vw, 54px);
    text-shadow: 0 2px 20px rgba(0,0,0,0.45);
}
.servis-hero.servis-hero-cover .servis-hero-lead {
    color: rgba(255,255,255,0.92);
    text-shadow: 0 1px 10px rgba(0,0,0,0.40);
}
.servis-hero.servis-hero-cover .servis-hero-kicker {
    background: rgba(65,224,124,0.22);
    backdrop-filter: blur(4px);
}
/* Badge: bölümün sağ-alt köşesine sabitlendi */
.servis-hero.servis-hero-cover .servis-hero-badge {
    position: absolute;
    /* v2.14.21 — Masaüstünde badge sticky WhatsApp/Mail butonlarının (yükseklik ~120px, bottom 22px) biraz üzerine alındı. Mobil/tablet (≤1024px) değişmedi. */
    bottom: 156px;
    right: 22px;
    left: auto;
    z-index: 5;
}

@media (max-width: 1024px) {
    .servis-hero.servis-hero-cover {
        min-height: 100vh;
        padding: 120px 0 70px;
    }
    .servis-hero.servis-hero-cover .servis-hero-text {
        max-width: 560px;
    }
}
@media (max-width: 720px) {
    .servis-hero.servis-hero-cover {
        min-height: 100vh;
        padding: 110px 0 60px;
    }
    .servis-hero.servis-hero-cover .servis-hero-text {
        max-width: 100%;
    }
    /* Dar ekranda görsel arkası daha güçlü karartılır (okunabilirlik) */
    .servis-hero.servis-hero-cover .servis-hero-cover-tint {
        background:
            linear-gradient(90deg,
                rgba(6,16,34,0.92) 0%,
                rgba(6,16,34,0.78) 55%,
                rgba(6,16,34,0.55) 100%),
            linear-gradient(180deg,
                rgba(6,16,34,0.35) 0%,
                transparent 40%,
                rgba(6,16,34,0.55) 100%);
    }
    .servis-hero.servis-hero-cover .servis-hero-badge {
        bottom: 16px;
        right: 16px;
    }
}

/* ============================================================
 * v2.13.60 → v2.13.62 — Servis body GÖRSEL re-skin (içerik değişmeden)
 *   Kullanıcı kuralı: var olan içerik metni DEĞİŞMEZ, yalnızca görünüm.
 *   v2.13.62 düzeltmeleri:
 *     - İKON FIX: lucide `<i>`'yi `<svg>`'ye çeviriyor; eski seçici
 *       sadece i[data-lucide]'ye bakıyordu → svg rengi miras alıp
 *       kayboluyordu. Artık `i[data-lucide], svg` ikisi de hedefleniyor,
 *       marka yeşili (#009639 açık / #41e07c koyu) + boyut zorlanıyor.
 *     - TEMA DUYARLI: açık modda açık paletli bant, koyu modda
 *       ([data-theme="dark"]) lacivert bant. Site --surface/--ink
 *       değişken konvansiyonuna uyumlu.
 *     - "Operational Flow" daha vurucu (gradient connector, daire
 *       numara rozeti, üst aksan şeridi, hover lift).
 *   Bant, ana içerik kartının iç kenarına negatif margin ile yaslanır.
 * ============================================================ */

/* Yan panel kaldırıldı: tek sütun, hizalama önceki durum (1280px,
   sidebar+içerik genişliği) — içerik tüm container'ı kaplar. */
.servis-body > .container { max-width: 1280px !important; }
.servis-body-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}
.servis-body-aside { display: none !important; }
.servis-body-main { overflow: hidden; }

/* Büyük, vurucu başlıklar (tüm servis-body h2) — JAS tipografi hissi */
.servis-body-main h2 {
    font-size: clamp(24px, 2.6vw, 34px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    padding-bottom: 12px;
    position: relative;
}
.servis-body-main h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #009639 0%, #41e07c 100%);
}

/* ---- 1. BLOK: Service Types → tam-genişlik bant (tema duyarlı) ---- */
/* AÇIK MOD (varsayılan) — açık paletli bant */
.servis-body-main .servis-feature-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    margin: 26px -52px 38px !important;
    padding: 56px 52px !important;
    background:
        radial-gradient(circle at 90% 10%, rgba(0,150,57,0.10) 0%, transparent 48%),
        linear-gradient(158deg, #f4f8fb 0%, #eaf2ec 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(10,29,61,0.07) !important;
    position: relative;
}
.servis-body-main .servis-feature {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 26px 30px !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(10,29,61,0.09) !important;
    border-left: 1px solid rgba(10,29,61,0.09) !important;
    transition: background 0.22s ease !important;
}
.servis-body-main .servis-feature::before { display: none !important; }
.servis-body-main .servis-feature:hover {
    transform: none !important;
    background: rgba(255,255,255,0.60) !important;
    box-shadow: none !important;
}
/* İkon — lucide <i> VE dönüştürülmüş <svg> ikisi de; marka yeşili */
.servis-body-main .servis-feature i[data-lucide],
.servis-body-main .servis-feature svg {
    width: 38px !important;
    height: 38px !important;
    color: #009639 !important;
    stroke: #009639 !important;
    stroke-width: 1.7 !important;
    margin-bottom: 16px !important;
    display: block !important;
}
.servis-body-main .servis-feature h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0a1d3d !important;
    margin: 0 0 8px !important;
    line-height: 1.25 !important;
}
.servis-body-main .servis-feature p {
    font-size: 15px !important;
    line-height: 1.62 !important;
    color: #4a5878 !important;
}

/* KOYU MOD — lacivert bant */
[data-theme="dark"] .servis-body-main .servis-feature-grid {
    background:
        radial-gradient(circle at 90% 10%, rgba(0,150,57,0.24) 0%, transparent 46%),
        linear-gradient(158deg, #06142e 0%, #0c2350 56%, #0a1f47 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .servis-body-main .servis-feature {
    border-top-color: rgba(255,255,255,0.08) !important;
    border-left-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .servis-body-main .servis-feature:hover {
    background: rgba(255,255,255,0.045) !important;
}
[data-theme="dark"] .servis-body-main .servis-feature i[data-lucide],
[data-theme="dark"] .servis-body-main .servis-feature svg {
    color: #41e07c !important;
    stroke: #41e07c !important;
}
[data-theme="dark"] .servis-body-main .servis-feature h3 { color: #ffffff !important; }
[data-theme="dark"] .servis-body-main .servis-feature p  { color: rgba(255,255,255,0.72) !important; }

/* ---- 2. BLOK: Operational Flow → vurucu bağlı timeline (tema duyarlı) ---- */
.servis-body-main .servis-step-flow {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
    margin: 34px 0 40px !important;
    position: relative;
}
.servis-body-main .servis-step-flow::before {
    content: '';
    position: absolute;
    top: 36px;
    left: 9%;
    right: 9%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #009639 0%, #2774e0 50%, #003087 100%);
    opacity: 0.45;
    z-index: 0;
}
.servis-body-main .servis-step {
    background: #fff !important;
    border: 1px solid #e6ebf3 !important;
    border-radius: 18px !important;
    padding: 48px 22px 26px !important;
    box-shadow: 0 10px 30px rgba(10,29,61,0.08) !important;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: visible !important; /* numara rozeti yukarı taşar — kırpma! */
    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
.servis-body-main .servis-step::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #009639 0%, #41e07c 100%);
    border-radius: 18px 18px 0 0; /* kart üst köşe yarıçapına uyar (overflow yok) */
    z-index: 1; /* numara rozetinin ALTINDA kalsın */
}
.servis-body-main .servis-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(10,29,61,0.16) !important;
}
.servis-body-main .servis-step-num {
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4; /* aksan şeridi (::after) ve connector ÜSTÜNDE — sayı net */
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(135deg, #009639 0%, #00b04a 55%, #003087 100%) !important;
    box-shadow: 0 8px 20px rgba(0,150,57,0.40);
    border: 4px solid #fff;
}
.servis-body-main .servis-step i[data-lucide],
.servis-body-main .servis-step svg {
    width: 32px !important;
    height: 32px !important;
    color: #009639 !important;
    stroke: #009639 !important;
    margin: 6px auto 12px !important;
    display: block !important;
}
.servis-body-main .servis-step h4 {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: #0a1d3d !important;
    margin-bottom: 8px !important;
}
.servis-body-main .servis-step p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #4a5878 !important;
}

/* Operational Flow — KOYU MOD */
[data-theme="dark"] .servis-body-main .servis-step-flow::before { opacity: 0.55; }
[data-theme="dark"] .servis-body-main .servis-step {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;
}
[data-theme="dark"] .servis-body-main .servis-step:hover {
    box-shadow: 0 20px 44px rgba(0,0,0,0.60) !important;
}
[data-theme="dark"] .servis-body-main .servis-step-num { border-color: var(--surface); }
[data-theme="dark"] .servis-body-main .servis-step i[data-lucide],
[data-theme="dark"] .servis-body-main .servis-step svg {
    color: #41e07c !important;
    stroke: #41e07c !important;
}
[data-theme="dark"] .servis-body-main .servis-step h4 { color: #6fb3ff !important; }
[data-theme="dark"] .servis-body-main .servis-step p  { color: var(--ink-soft) !important; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
    .servis-body-main .servis-feature-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .servis-body-main .servis-step-flow {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px 18px !important;
    }
    .servis-body-main .servis-step-flow::before { display: none; }
}
@media (max-width: 720px) {
    .servis-body-main .servis-feature-grid {
        grid-template-columns: 1fr !important;
        margin: 22px -18px 30px !important;
        padding: 32px 20px !important;
    }
    .servis-body-main .servis-feature {
        padding: 20px 6px !important;
        border-left: 0 !important;
    }
    .servis-body-main .servis-feature:first-child { border-top: 0 !important; }
    .servis-body-main .servis-step-flow {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }
}
@media (max-width: 480px) {
    .servis-body-main .servis-feature-grid {
        margin: 20px -14px 26px !important;
        padding: 28px 16px !important;
    }
}
@media (max-width: 480px) {
    .servis-body-main .servis-feature-grid {
        margin: 20px -14px 26px;
        padding: 30px 16px;
    }
}

/* ============================================================
 * v2.13.70 — Hakkımızda hero FULL-COVER (görsel tam genişlik)
 *   assets/img/hero-trucks.webp tüm hero'yu kaplar; metin solda
 *   overlay. .about-hero-bg görsel katmanına çevrildi, dekoratif
 *   blob/grid gizlendi, soldan koyu tint (okunabilirlik).
 *   CSS-only (page-hakkimizda.php değişmedi). `[data-theme]`
 *   seçicisi eski `[data-theme="dark"] .about-hero*` kurallarını
 *   eşit specificity + sonra-gelme ile ezer; foto + beyaz metin
 *   her iki temada aynı.
 * ============================================================ */
[data-theme] .about-hero,
.about-hero {
    min-height: 100vh;
    padding: 130px 0 90px !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow: clip;
    background: #0a1d3d !important;
}
.about-hero .about-hero-bg {
    inset: 0;
    z-index: 1;
    background: url('assets/img/hero-trucks.webp') center center / cover no-repeat !important;
    filter: brightness(0.82) saturate(1.02);
    transform: scale(1.04);
    animation: aboutHeroKenBurns 30s ease-in-out infinite alternate;
    will-change: transform;
}
@keyframes aboutHeroKenBurns {
    0%   { transform: scale(1.04); }
    100% { transform: scale(1.10); }
}
.about-hero .about-hero-bg .ahb-blob,
.about-hero .about-hero-bg .ahb-grid { display: none !important; }
.about-hero .about-hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg,
            rgba(6,16,34,0.94) 0%,
            rgba(6,16,34,0.80) 32%,
            rgba(6,16,34,0.42) 58%,
            rgba(6,16,34,0.08) 82%,
            rgba(6,16,34,0.00) 100%),
        linear-gradient(180deg,
            rgba(6,16,34,0.28) 0%,
            transparent 35%,
            rgba(6,16,34,0.45) 100%);
}
.about-hero > .container {
    position: relative;
    z-index: 5;
    width: 100%;
}
[data-theme] .about-hero-inner,
.about-hero-inner {
    max-width: 660px;
    margin: 0;
    text-align: left;
}
[data-theme] .about-hero-kicker,
.about-hero-kicker {
    background: rgba(65,224,124,0.20) !important;
    color: #41e07c !important;
    backdrop-filter: blur(4px);
}
[data-theme] .about-hero-title,
.about-hero-title {
    color: #ffffff !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.45);
    font-size: clamp(34px, 4vw, 56px) !important;
}
[data-theme] .about-hero-lead,
.about-hero-lead {
    color: rgba(255,255,255,0.90) !important;
    text-shadow: 0 1px 10px rgba(0,0,0,0.40);
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 600px;
}
.about-hero-tagline {
    border: 1px solid rgba(255,255,255,0.16);
}

@media (max-width: 1024px) {
    [data-theme] .about-hero,
    .about-hero { min-height: 100vh; padding: 120px 0 70px !important; }
    [data-theme] .about-hero-inner,
    .about-hero-inner { max-width: 560px; }
}
@media (max-width: 720px) {
    [data-theme] .about-hero,
    .about-hero { min-height: 100vh; padding: 100px 0 56px !important; }
    [data-theme] .about-hero-inner,
    .about-hero-inner { max-width: 100%; }
    .about-hero .about-hero-bg::after {
        background:
            linear-gradient(90deg, rgba(6,16,34,0.92) 0%, rgba(6,16,34,0.78) 55%, rgba(6,16,34,0.55) 100%),
            linear-gradient(180deg, rgba(6,16,34,0.35) 0%, transparent 40%, rgba(6,16,34,0.55) 100%);
    }
}

/* ============================================================
 * v2.13.71 — Hakkımızda hero mobil + Trieste rotalar dark fix
 *  1) Mobilde about-hero flex-center + sabit floating header →
 *     kicker header altında kalıyordu. flex-start + üst boşluk.
 *  2) Dark modda .art-city (#0a1d3d) koyu kartta okunmuyordu —
 *     .art-city/.art-time/foot/dashed border açık tona çekildi.
 * ============================================================ */
@media (max-width: 768px) {
    [data-theme] .about-hero,
    .about-hero {
        align-items: flex-start !important;
        padding-top: 124px !important;
    }
}
@media (max-width: 480px) {
    [data-theme] .about-hero,
    .about-hero {
        padding-top: 116px !important;
    }
}

[data-theme="dark"] .about-trieste-routes {
    border-top-color: var(--line) !important;
}
[data-theme="dark"] .art-row {
    border-bottom-color: var(--line) !important;
}
[data-theme="dark"] .art-city {
    color: var(--ink) !important;
}
[data-theme="dark"] .art-time {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-trieste-foot {
    color: var(--ink-soft) !important;
}
[data-theme="dark"] .about-trieste-foot i,
[data-theme="dark"] .about-trieste-foot svg {
    color: #41e07c !important;
}

/* ==========================================================================
   Scroll-reveal — sayfa aşağı kaydırıldıkça bölümler kademeli belirir.
   Yalnız html.eastlog-reveal varken aktif (JS + hareket destekliyse).
   Hero bölümleri ('hero' içeren class) hariç tutulur.
   ========================================================================== */
html.eastlog-reveal section,
html.eastlog-reveal .hizmet-content-inner > * {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity 1.1s ease, transform 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
html.eastlog-reveal section.er-in,
html.eastlog-reveal .hizmet-content-inner > .er-in {
    opacity: 1;
    transform: none;
}
html.eastlog-reveal section[class*="hero"] {
    opacity: 1;
    transform: none;
    transition: none;
}
/* hizmet-content bölümü TEK blok gelmesin; içindeki bloklar (stat, kart, başlık,
   süreç, cta...) aşağı indikçe tek tek gelsin. */
html.eastlog-reveal section.hizmet-content {
    opacity: 1;
    transform: none;
    transition: none;
}
/* Stat kutucukları hero'ya biniyor (margin -100px): yalnız fade, kaydırma YOK
   — transform konum/üst üste binmeyi bozmasın. */
html.eastlog-reveal .hizmet-content-inner > .hizmet-stats,
html.eastlog-reveal .hizmet-content-inner > .hizmet-stats.er-in {
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    html.eastlog-reveal section,
    html.eastlog-reveal .hizmet-content-inner > * {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ==========================================================================
   İletişim — split-screen (sol info kolon, sağ tam yükseklik sticky harita).
   page-iletisim.php (v2.13.75) yapısı için.
   ========================================================================== */
.contact-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 0 48px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 130px 24px 100px;
    box-sizing: border-box;
}
.contact-split-info {
    display: flex;
    flex-direction: column;
    gap: 26px;
    width: 100%;
    box-sizing: border-box;
}
.contact-split-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--green, #009639);
}
.contact-split-head h1 {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 12px 0 14px;
    color: var(--navy, #0a1d3d);
}
.contact-split-lead {
    font-size: 17px;
    line-height: 1.7;
    color: var(--ink-soft, #555);
    margin: 0;
}
.contact-split-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.contact-split-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.cs-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 150, 57, 0.10);
    color: var(--green, #009639);
}
.cs-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.cs-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-soft, #8a8f98);
}
.cs-value {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--navy, #0a1d3d);
    text-decoration: none;
}
a.cs-value:hover {
    color: var(--green, #009639);
}
.cs-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    color: var(--green, #009639);
    text-decoration: none;
}
.cs-link:hover {
    text-decoration: underline;
}
.contact-split-social {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 6px;
}
.cs-social-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-soft, #8a8f98);
}
.cs-social-icons {
    display: flex;
    gap: 10px;
}
.cs-social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--navy, #0a1d3d);
    color: #fff;
    transition: transform 0.2s ease, background 0.2s ease;
}
.cs-social-icons a:hover {
    background: var(--green, #009639);
    transform: translateY(-2px);
}
.contact-split-map { height: 100%; }
.contact-split-map iframe {
    width: 100%;
    height: 100%;
    min-height: 380px;
    border: 0;
    border-radius: 16px;
    display: block;
    box-shadow: 0 18px 45px rgba(0, 48, 135, 0.10);
}

/* İletişim formu — haritanın altında, tam genişlik (max 920px, ortalı) */
.contact-split-form {
    grid-column: 1 / -1;
    width: 100%;
    margin: 64px 0 0;
}
.contact-form-title {
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--navy, #0a1d3d);
    margin: 0 0 6px;
}
.contact-form-sub {
    font-size: 15px;
    color: var(--ink-soft, #555);
    margin: 0 0 22px;
}
.contact-form-note {
    margin: 0 0 20px;
    padding: 14px 18px;
    border-radius: 12px;
    font-size: 14.5px;
    font-weight: 600;
}
.contact-form-note.ok { background: rgba(0,150,57,0.12); color: #009639; border: 1px solid rgba(0,150,57,0.30); }
.contact-form-note.err { background: rgba(229,57,53,0.10); color: #c62828; border: 1px solid rgba(229,57,53,0.30); }
@media (max-width: 900px) {
    .contact-split {
        grid-template-columns: 1fr;
        padding: 110px 22px 60px;
        gap: 36px;
    }
    .contact-split-map { height: auto; }
    .contact-split-map iframe { height: 300px; min-height: 0; }
    .contact-split-form { margin-top: 6px; }
}
[data-theme="dark"] .contact-split-head h1,
[data-theme="dark"] .cs-value,
[data-theme="dark"] .contact-form-title {
    color: var(--ink, #e8eaed) !important;
}
[data-theme="dark"] .cs-social-icons a {
    background: var(--surface, #1c2433);
    border: 1px solid var(--line, #2a3445);
}

/* ==========================================================================
   Destinasyonlar — Öne Çıkan Hatlar kartları (Canlı Operasyonlar yerine)
   ========================================================================== */
.dest-lanes { padding: 70px 0 90px; }
.dest-lanes-head { text-align: center; max-width: 720px; margin: 0 auto 40px; }
.dest-lanes-title {
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--navy, #0a1d3d);
    margin: 0 0 12px;
}
.dest-lanes-sub { font-size: 16px; line-height: 1.6; color: var(--ink-soft, #555); margin: 0; }
.dest-lane-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dest-lane-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    padding: 24px 24px 20px;
    box-shadow: 0 10px 30px rgba(0, 48, 135, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dest-lane-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 48, 135, 0.12); }
.dlc-route {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    font-weight: 800;
    color: var(--navy, #0a1d3d);
    margin-bottom: 16px;
}
.dlc-route i, .dlc-route svg { width: 18px; height: 18px; color: var(--green, #009639); flex-shrink: 0; }
.dlc-to { color: var(--green, #009639); }
.dlc-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.dlc-mode, .dlc-time { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: var(--ink-soft, #555); }
.dlc-mode i, .dlc-mode svg, .dlc-time i, .dlc-time svg { width: 16px; height: 16px; color: var(--green, #009639); flex-shrink: 0; }
.dlc-time { font-weight: 700; color: var(--navy, #0a1d3d); }
@media (max-width: 900px) { .dest-lane-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
    .dest-lane-grid { grid-template-columns: 1fr; }
    .dest-lanes { padding: 50px 0 60px; }
}
[data-theme="dark"] .dest-lane-card { background: var(--surface, #141c2b); border-color: var(--line, #2a3445); }
[data-theme="dark"] .dest-lanes-title,
[data-theme="dark"] .dlc-route,
[data-theme="dark"] .dlc-time { color: var(--ink, #e8eaed); }
/* v2.14.24 — Transit koridor kartları: Kara/Deniz çift bacak + alt not */
.dlc-leg { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dlc-tag { color: var(--green, #009639); font-weight: 700; }
.dest-lanes-note { display: flex; align-items: flex-start; justify-content: center; gap: 8px; margin: 32px auto 0; max-width: 780px; text-align: center; font-size: 13px; line-height: 1.6; color: var(--ink-soft, #6b7a93); }
.dest-lanes-note i, .dest-lanes-note svg { width: 14px; height: 14px; color: var(--green, #009639); flex-shrink: 0; margin-top: 3px; }
[data-theme="dark"] .dest-lanes-note { color: var(--ink-soft, #9aa7bd); }

/* ============================================================
 * v2.14.30 — Breadcrumb (header altı 3-dilli strip)
 * Header position:fixed olduğundan strip için üst boşluk: ~100px.
 * Hero'lu sayfalarda kendi padding-top'larıyla beraber doğru hizalanır.
 * ============================================================ */
.eastlog-breadcrumb {
    margin-top: 100px;
    padding: 12px 0;
    background: rgba(245, 247, 251, 0.95);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    z-index: 5;
}
.eastlog-breadcrumb-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}
.eastlog-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.eastlog-breadcrumb li {
    display: inline-flex;
    align-items: center;
    color: #6b7a93;
}
.eastlog-breadcrumb li + li::before {
    content: "›";
    margin-right: 6px;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 500;
}
.eastlog-breadcrumb a {
    color: #009639;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}
.eastlog-breadcrumb a:hover { color: #003087; text-decoration: underline; }
.eastlog-breadcrumb li:last-child span,
.eastlog-breadcrumb [aria-current="page"] {
    color: #0a1d3d;
    font-weight: 600;
}
/* Hero kendi padding-top'unu zaten içeriyor; breadcrumb altında ek margin gerekmez. */
.eastlog-breadcrumb + .page-hero,
.eastlog-breadcrumb + .servis-hero,
.eastlog-breadcrumb + .about-hero {
    margin-top: 0;
}

/* Dark mode */
[data-theme="dark"] .eastlog-breadcrumb {
    background: rgba(13, 26, 45, 0.88);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .eastlog-breadcrumb li { color: rgba(255, 255, 255, 0.7); }
[data-theme="dark"] .eastlog-breadcrumb li + li::before { color: rgba(255, 255, 255, 0.35); }
[data-theme="dark"] .eastlog-breadcrumb a { color: #41e07c; }
[data-theme="dark"] .eastlog-breadcrumb a:hover { color: #ffffff; }
[data-theme="dark"] .eastlog-breadcrumb li:last-child span,
[data-theme="dark"] .eastlog-breadcrumb [aria-current="page"] { color: #ffffff; }

@media (max-width: 768px) {
    .eastlog-breadcrumb { margin-top: 88px; padding: 10px 0; font-size: 12px; }
    .eastlog-breadcrumb-inner { padding: 0 16px; }
}
[data-theme="dark"] .dlc-meta { border-top-color: var(--line, #2a3445); }

/* ==========================================================================
   Mobilde (telefon) sayfa altı CTA butonları (Teklif Al + WhatsApp) alt alta.
   Tablet/masaüstünde yan yana kalır (bozulmaz).
   ========================================================================== */
@media (max-width: 600px) {
    .servis-cta-actions,
    .about-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    .servis-cta-actions .btn-primary,
    .servis-cta-actions .btn-ghost,
    .about-cta-actions .btn-primary,
    .about-cta-actions .btn-ghost {
        flex: none;
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================
 * v2.13.99 — Operasyonel Akış: ŞEKİLLİ ADIM KARTI
 *   Sol dikey gradyan "omurga" + gradyan ikon rozeti + arkada büyük
 *   filigran numara + hover yükselme. Sol hizalı içerik → mobilde
 *   tek sütun çok okunur. CSS-only; content-servis.php seed metni
 *   değişmedi. v2.13.98 timeline kuralları bu blokla ezildi
 *   (eşit specificity + sonra-gelme; eski ::after ok / .step-flow
 *   ::before hat kapatıldı, num daire → filigran sayıya çevrildi).
 * ============================================================ */
.servis-body-main .servis-step-flow {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
    margin: 32px 0 42px !important;
    position: relative;
}
/* Eski timeline hattı kapatıldı */
.servis-body-main .servis-step-flow::before { display: none !important; }

/* Şekilli kart */
.servis-body-main .servis-step {
    position: relative;
    background: #fff !important;
    border: 1px solid #e9eef6 !important;
    border-radius: 18px !important;
    padding: 28px 22px 26px 30px !important;
    box-shadow: 0 6px 22px rgba(10,29,61,0.06) !important;
    text-align: left;
    overflow: hidden !important; /* sol omurga + filigran sayı kart şekline kırpılır */
    z-index: 1;
    transition: transform 0.28s cubic-bezier(.2,.7,.3,1), box-shadow 0.28s ease, border-color 0.28s ease !important;
}
/* Sol dikey gradyan omurga (eski ::after ok yerine) */
.servis-body-main .servis-step::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 5px; height: auto;
    right: auto;
    background: linear-gradient(180deg, #009639 0%, #2774e0 55%, #003087 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    transition: width 0.28s ease;
    z-index: 2;
}
.servis-body-main .servis-step:last-child::after { display: block; }
.servis-body-main .servis-step:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 46px rgba(0,48,135,0.16) !important;
    border-color: #d3e0f5 !important;
}
.servis-body-main .servis-step:hover::after { width: 7px; }

/* Büyük filigran numara — sağ üst köşe */
.servis-body-main .servis-step-num {
    position: absolute;
    top: 8px; right: 16px;
    left: auto; bottom: auto;
    transform: none;
    width: auto; height: auto; padding: 0;
    border: 0; box-shadow: none;
    background: none !important;
    border-radius: 0;
    display: block;
    font-size: 58px; font-weight: 800; line-height: 1;
    letter-spacing: 0;
    color: #0a1d3d;
    opacity: 0.06;
    z-index: 0; pointer-events: none;
}
.servis-body-main .servis-step:hover .servis-step-num {
    transform: none;
    opacity: 0.09;
}
/* Gradyan ikon rozeti (yuvarlatılmış kare) */
.servis-body-main .servis-step i[data-lucide],
.servis-body-main .servis-step svg {
    box-sizing: content-box !important;
    width: 26px !important;
    height: 26px !important;
    padding: 13px !important;
    margin: 0 0 16px !important;
    display: block !important;
    border-radius: 15px !important;
    color: #fff !important;
    stroke: #fff !important;
    background: linear-gradient(135deg, #00a23f 0%, #003087 100%) !important;
    box-shadow: 0 8px 18px rgba(0,150,57,0.30);
    position: relative;
    z-index: 2;
    transition: transform 0.25s ease;
}
.servis-body-main .servis-step:hover i[data-lucide],
.servis-body-main .servis-step:hover svg {
    transform: translateY(-2px) scale(1.05);
}
.servis-body-main .servis-step h4 {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: #0a1d3d !important;
    margin: 0 0 8px !important;
    position: relative;
    z-index: 1;
}
.servis-body-main .servis-step p {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #566385 !important;
    margin: 0 !important;
    position: relative;
    z-index: 1;
}
/* Koyu mod */
[data-theme="dark"] .servis-body-main .servis-step {
    background: var(--surface) !important;
    border-color: var(--line) !important;
    box-shadow: 0 6px 22px rgba(0,0,0,0.40) !important;
}
[data-theme="dark"] .servis-body-main .servis-step:hover {
    box-shadow: 0 22px 46px rgba(0,0,0,0.60) !important;
    border-color: #2a3a5e !important;
}
[data-theme="dark"] .servis-body-main .servis-step-num {
    color: #9fc4ff;
    opacity: 0.12;
}
[data-theme="dark"] .servis-body-main .servis-step i[data-lucide],
[data-theme="dark"] .servis-body-main .servis-step svg {
    color: #fff !important;
    stroke: #fff !important;
    background: linear-gradient(135deg, #00a23f 0%, #1f5fc0 100%) !important;
}
[data-theme="dark"] .servis-body-main .servis-step h4 { color: #eaf1ff !important; }
[data-theme="dark"] .servis-body-main .servis-step p  { color: var(--ink-soft) !important; }
/* Responsive */
@media (max-width: 1024px) {
    .servis-body-main .servis-step-flow {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}
@media (max-width: 560px) {
    .servis-body-main .servis-step-flow {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .servis-body-main .servis-step {
        padding: 24px 20px 22px 26px !important;
    }
    .servis-body-main .servis-step-num { font-size: 50px; top: 6px; right: 14px; }
    .servis-body-main .servis-step i[data-lucide],
    .servis-body-main .servis-step svg { padding: 12px !important; width: 24px !important; height: 24px !important; }
}

/* ============================================================
 * v2.14.5 — Ana sayfa "Kısaca EASTLOG": istatistik kartları sol
 *   fotoğrafın ALTINA alındı. Foto + dekor + Trieste rozeti yeni
 *   .about-image-media sarmalında (dekor/rozet sadece fotoyu sarsın);
 *   .stats-grid bu sarmalın altında, rozet çıkıntısını temizleyen
 *   üst boşlukla. front-page.php markup'ı taşındı; metin değişmedi.
 * ============================================================ */
.about-image-media { position: relative; }
.about-image .stats-grid { margin: 50px 0 0 !important; }

/* ============================================================
 * v2.14.11 — Ana sayfa servis kartları TAMAMEN tıklanabilir.
 *   Mevcut "Detaylı Bilgi" linki (.service-card-link) bir stretched
 *   link overlay'i (::after, inset:0) ile tüm kartı kaplar; iç içe
 *   <a> sorunu yok, markup değişmedi. Tüm diller için geçerli
 *   (kart metni eastlog_e() ile çevrilir, link URL'i $eastlog_pfx'li).
 * ============================================================ */
.services-grid .service-card { position: relative; }
.services-grid .service-card .service-card-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
}
/* kart içinde metin seçimi/normal akış korunur; ikon & başlık overlay altında kalır */
.services-grid .service-card > *:not(.service-card-link) { position: relative; z-index: 1; }