/* custom.css - EN SONA EKLE */
/* FLEX WRAP SORUNU */
@media (max-width: 768px) {
    
    
    .hero-section > * {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    
    /* TAŞMA ENGELİ */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .container, .container > * {
        max-width: 100% !important;
        overflow: hidden !important;
    }
}
@media (max-width: 768px) {
    /* CONTAINER DÜZENİ */
    .container {
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
  
    
    /* HERO SECTION (Slider + Yan Haberler) */
    .hero-section {
        flex-direction: column !important;
        gap: 20px !important;
        margin: 20px 0 !important;
        
    }
    
    .slider-column,
    .news-column {
        width: 100% !important;
        flex: none !important;
        margin-bottom: 20px !important;
    }
    
    /* SLIDER YÜKSEKLİĞİ */
    .slider-container {
        height: auto !important;
        border-radius: 10px !important;
    }
    .main-slider {
        height: 300px !important;
    }
    .main-slider img{
        height: 300px !important;
    }
    
    /* YAN HABERLER GRID */
    .sidebar-news-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .sidebar-news-card {
        margin-bottom: 0 !important;
        
        display: inline-block!important;
        float: left!important;
    }
    
    /* HABER GRID (Alttaki 3'lü haberler) */
    .news-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin: 20px 0 !important;
    }
    
    /* ŞUBE CAROUSEL */
    .branch-section {
        padding: 20px 15px !important;
        margin: 20px -15px !important;
        border-radius: 0 !important;
        width: 100vw !important;
        position: relative !important;
        left: -15px !important;
    }
    
    .branch-carousel {
        margin: 0 !important;
    }
    
    .branch-slide {
        padding: 0 5px !important;
    }
}