/*
 * EnFavori Homepage Channels
 * ==========================
 * Kanal kartlarinin responsive son davranisi.
 * Masaustu temel geometrisi enfavori-home-standard.css icinde kalir.
 * Mobilde carousel yerine iki sutun sabit grid kullanilir.
 */

/*
 * F5/scroll-restoration sirasinda tarayicinin zorunlu snap hedefi secmesi
 * kanal satirini bir kare yatay oynatabiliyor. Navigasyon butonlari zaten
 * kontrollu scrollTo kullandigi icin burada CSS snap'e ihtiyac yok.
 */
html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-scroll {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}

html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-card {
    scroll-snap-align: none !important;
}

@media (max-width: 767.98px) {
    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-controls {
        display: none !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channels-panel {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 0 !important;
        overflow: visible !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-carousel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-scroll {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
        transform: none !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-card {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px !important;
        scroll-snap-align: none !important;
    }
}