/* Genel Font Aileleri */
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-open-sans {
    font-family: 'Open Sans', sans-serif;
}

/* Hero Alanı Gradient ve Video Stilleri */
.hero-gradient {
    background: linear-gradient(135deg, #1e3a8a 0%, #1f2937 100%);
}

.hero-slider-container {
    position: relative;
    overflow: hidden;
    color: white;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 1;
}

.hero-slide.active {
    opacity: 1;
    z-index: 2;
}

.hero-slide video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: -2;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Marka Renkleri ve Yardımcı Sınıflar */
.text-gradient {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.lcon-yellow {
    color: #fbbf24;
}

.lcon-yellow-bg {
    background-color: #fbbf24;
}

.lcon-dark {
    color: #1f2937;
}

.lcon-dark-bg {
    background-color: #000000;
}

/* Konteyner */
.container-1360 {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

/* Logo Kaydırıcı Animasyonu (GÜNCELLENDİ) */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Toplam genişliğin yarısı kadar kaydırarak sonsuz döngü efekti oluşturur. */
        transform: translateX(-50%);
    }
}

.logo-slider {
    overflow: hidden;
    padding: 30px 0;
    background: white;
    position: relative;
    width: 100%;
}

.logo-slider::before,
.logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    z-index: 2;
}

.logo-slider::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logo-slider::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

@media (max-width: 768px) {
    .logo-slider::before,
    .logo-slider::after {
        display: none;
    }
}

.logo-slide-track {
    display: flex;
    /* GÜNCELLENDİ: Genişlik, kesintisiz döngü için HTML'deki toplam logo sayısına (24) göre hesaplandı. */
    /* (300px genişlik + 20px boşluk) * 24 logo = 7680px */
    width: calc((300px + 20px) * 24);
    /* Animasyon süresi, artan genişliğe göre ayarlandı */
    animation: scroll 120s linear infinite;
}

.logo-slide {
    width: 300px;
    height: 100px;
    /* Her iki yana 10px margin, toplamda 20px boşluk oluşturur */
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Masaüstü için gri filtre */
.logo-slide img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.logo-slide img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Mobilde renkli olsun */
@media (max-width: 768px) {
    .logo-slide img {
        filter: none;
        opacity: 1;
    }
}