:root {
            /* Full-width ve premium görünüm için renkler */
            --bg-color: #f8fafc; /* Ferah zemin */
            --text-main: #0f172a; 
            --text-muted: #64748b;
            --card-bg: #ffffff;
            /* Premium derin gölge */
            --hover-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0,0,0,0.02);
            --nav-bg: rgba(255, 255, 255, 0.85); /* Glassmorphism arka plan */
        }

        /* Başlık Alanı */
        .section-header {
            text-align: center;
            margin-bottom: 60px;
            padding: 0 20px;
        }

        .section-title {
            font-size: 36px;
            font-weight: 700;
            color: var(--text-main);
            margin: 0 0 16px 0;
            letter-spacing: -1px;
        }

        .section-subtitle {
            font-size: 18px;
            color: var(--text-muted);
            margin: 0;
            font-weight: 400;
            max-width: 600px;
            margin: 0 auto;
        }

        /* Slider Ana Alanı - FULL WIDTH */
        .slider-section {
            position: relative;
            width: 100vw; /* Ekranın tamamını kaplar */
            max-width: 100%;
            display: flex;
            align-items: center;
            background: #223359;
        }

        /* Kenarlarda yavaşça kaybolma (fade) efekti */
        .slider-mask {
            width: 100%;
            overflow: hidden;
            -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
        }

        /* Slider Taşıyıcı */
        .slider-container {
            display: flex;
            gap: 40px; /* Logolar arası bol boşluk, ferahlık hissi */
            padding: 50px 10vw; /* Kenarlardan başlama payı ve gölgeler için üst/alt boşluk */
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
            cursor: grab;
            align-items: stretch; /* Kart boylarının eşitlenmesi için */
        }

        .slider-container::-webkit-scrollbar {
            display: none;
        }

        .slider-container.grabbing {
            cursor: grabbing;
            scroll-snap-type: none; /* Sürüklerken takılmaması için kapatıyoruz */
        }

        /* Her Bir Kart */
        .slider-item {
            flex: 0 0 auto;
            width: 240px; /* Çok daha büyük kart genişliği */
            scroll-snap-align: center; /* Ekranın tam ortasına hizalama */
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .item-link {
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            background: var(--card-bg);
            border-radius: 30px; /* Büyük ve pürüzsüz kavisler */
            padding: 40px 20px;
            box-sizing: border-box;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            user-select: none;
            -webkit-user-drag: none;
        }

        /* Hover Etkileşimi */
        .slider-item:hover .item-link {
            transform: translateY(-12px); /* Kart yukarı doğru kalkar */
            box-shadow: var(--hover-shadow); /* Derin ve premium gölge belirir */
        }

        /* Logo Kapsayıcı */
        .logo-wrapper {
            width: 130px; /* ÇOK DAHA BÜYÜK LOGOLAR */
            height: 130px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .slider-item:hover .logo-wrapper {
            transform: scale(1.12); /* Logo kart içinde büyür (zoom efekti) */
        }

        .logo-wrapper img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            pointer-events: none;
            /* Resimlere kalite katmak için çok hafif gölge */
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.06));
        }

        /* Alt Metin */
        .logo-title {
            font-size: 16px;
            font-weight: 600;
            color: var(--text-main);
            text-align: center;
            line-height: 1.4;
            transition: color 0.3s ease;
        }

        .slider-item:hover .logo-title {
            color: #3b82f6; /* Hover durumunda marka/isim mavi olur */
        }

        /* Gezinme Butonları (Sağ/Sol Oklar) */
        .nav-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: var(--nav-bg);
            /* Cam Efekti (Glassmorphism) */
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,0.4);
            color: var(--text-main);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        }

        .nav-btn:hover {
            background: #ffffff;
            transform: translateY(-50%) scale(1.1); /* Buton büyür */
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        }

        .nav-btn:active {
            transform: translateY(-50%) scale(0.95);
        }

        .prev-btn {
            left: 30px;
        }

        .next-btn {
            right: 30px;
        }

        .nav-btn svg {
            width: 26px;
            height: 26px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2.5;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* Responsive Ayarlar */
        @media (max-width: 1024px) {
            .slider-item { width: 200px; }
            .logo-wrapper { width: 110px; height: 110px; }
        }

        @media (max-width: 768px) {
            .section-title { font-size: 28px; }
            .section-subtitle { font-size: 15px; padding: 0 15px; }
            .nav-btn { width: 50px; height: 50px; }
            .prev-btn { left: 15px; }
            .next-btn { right: 15px; }
            .slider-item { width: 180px; }
            .logo-wrapper { width: 90px; height: 90px; }
            .item-link { padding: 30px 15px; }
            .logo-title { font-size: 14px; }
            .slider-container { gap: 20px; }
        }