.elementor-323628 .elementor-element.elementor-element-806d7c8{--display:flex;}.elementor-323628 .elementor-element.elementor-element-c6c676d{width:100%;max-width:100%;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:300;letter-spacing:0.5px;color:var( --e-global-color-text );}.elementor-323628 .elementor-element.elementor-element-c6c676d p{margin-block-end:18px;}.elementor-323628 .elementor-element.elementor-element-c6c676d > *{max-width:100%;}.elementor-323628 .elementor-element.elementor-element-df42f7f{--display:flex;--overflow:auto;}.elementor-323628 .elementor-element.elementor-global-324534 > .elementor-widget-container{padding:2px 2px 2px 2px;}.elementor-323628 .elementor-element.elementor-global-324534{columns:1;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:2.2em;letter-spacing:0.2px;color:var( --e-global-color-text );}.elementor-323628 .elementor-element.elementor-global-324534 p{margin-block-end:0px;}.elementor-323628 .elementor-element.elementor-global-324534 > *{max-width:100%;}@media(max-width:1024px){.elementor-323628 .elementor-element.elementor-element-c6c676d{font-size:25px;}.elementor-323628 .elementor-element.elementor-global-324534{font-size:14px;}}@media(max-width:767px){.elementor-323628 .elementor-element.elementor-element-c6c676d > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-323628 .elementor-element.elementor-element-c6c676d{font-size:21px;}}/* Start custom CSS for global, class: .elementor-global-324534 *//* --- TEMEL AYARLAR --- */

/* Ana Konteyner */
.brand-list-container {
    width: 100%;
}

/* Linklerin Genel Görünümü */
.brand-group a {

    /* Linklerin sütun sonunda kesilmesini (yarısı üstte yarısı altta) engeller */
    -webkit-column-break-inside: avoid;
}

.brand-group a:hover {
    color: #000;
    padding-left: 5px;
    font-weight: 500;
}

/* --- BAŞLIK AYARLARI (Tek seferde tanımlandı) --- */
.brand-header {
    /* Başlığın tüm sütunları kaplamasını sağlar */
    column-span: all; 
    -webkit-column-span: all;

    font-size: 28px; 
    font-weight: bold;
    color: #000;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    
    /* Üst menü payı (Scroll ettiğinde başlık menü altında kalmaz) */
    scroll-margin-top: 150px; 
}

/* --- RESPONSIVE (DUYARLI) SÜTUN AYARLARI --- */

/* 1. MASAÜSTÜ (Desktop - Standart) */
/* Varsayılan olarak 4 sütun çalışır */
.brand-group {
    column-count: 4; 
    column-gap: 30px; 
    margin-bottom: 40px; 
}

/* 2. TABLET (Ekran genişliği 1024px ve altı) */
/* Tablette 4 sütun çok sıkışık olur, 2 sütuna düşürdüm */
@media (max-width: 1024px) {
    .brand-group {
        column-count: 2; 
        column-gap: 20px;
    }
}

/* 3. MOBİL (Ekran genişliği 767px ve altı) */
/* Mobilde tek sütun (Standart liste) */
@media (max-width: 767px) {
    .brand-group {
        column-count: 1; 
        column-gap: 0;
    }
    
    /* Mobilde fontu biraz küçültelim ki taşmasın */
    .brand-header {
        font-size: 24px;
        margin-top: 30px;
    }
}/* End custom CSS */
/* Start custom CSS *//* Markalar Listesini Scroll Yapma */
.nav-all-brands {
    max-height: 500px; /* Yüksekliği tasarımına göre ayarla */
    overflow-y: auto; /* Dikey kaydırma çubuğunu aktif eder */
    display: block;
    padding-right: 10px; /* Kaydırma çubuğu ile metin arasına boşluk */
}

/* Kaydırma Çubuğunu (Scrollbar) Güzelleştirme */
.nav-all-brands::-webkit-scrollbar {
    width: 5px; /* Çubuk genişliği */
}

.nav-all-brands::-webkit-scrollbar-track {
    background: #f1f1f1; /* Arka plan rengi */
    border-radius: 4px;
}

.nav-all-brands::-webkit-scrollbar-thumb {
    background: #888; /* Kaydıraç rengi */
    border-radius: 4px;
}

.nav-all-brands::-webkit-scrollbar-thumb:hover {
    background: #555; /* Üzerine gelinceki renk */
}/* End custom CSS */