/*
 * EnFavori Homepage Channels
 * ==========================
 * Kanal kartlarinin responsive son davranisi.
 * Masaustu temel geometrisi enfavori-home-standard.css icinde kalir.
 * Mobilde yatay kaydirma kullanilir ve ayni anda iki tam kart gorunur.
 */

/*
 * F5/scroll-restoration sirasinda tarayicinin zorunlu snap hedefi secmesi
 * kanal satirini bir kare yatay oynatabiliyor. Mobil kaydirma serbesttir;
 * zorunlu snap kullanilmaz.
 */
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: hidden !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: hidden !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-scroll {
        display: flex !important;
        flex-flow: row nowrap !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
        transform: none !important;
    }

    html body .hm-home-page [data-hm-channel-carousel] .hm-home-channel-scroll::-webkit-scrollbar {
        display: none;
    }

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