/*
|--------------------------------------------------------------------------
| PC ANA SAYFA = MOBIL TASARIM MANTIGI
|--------------------------------------------------------------------------
| Sadece 769px ve üzeri.
| Mobil görünüm etkilenmez.
*/

@media (min-width: 769px) {

    /* ==============================
       GENEL SAYFA GENISLIGI
       ============================== */

    .min-h-screen > section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .min-h-screen section > .max-w-7xl,
    .min-h-screen section > .max-w-\[1400px\] {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ==============================
       ANA SLIDER
       ============================== */

    .home-slider {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .home-slider .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Mobil hissi: devasa okları küçült */
    .home-slider .swiper-button-next,
    .home-slider .swiper-button-prev {
        transform: scale(.72) !important;
    }


    /* ==============================
       BANNER
       ============================== */

    .vakko-bottom-banner-box {
        max-width: 1100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .vakko-bottom-banner-box img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }


    /* ==============================
       BOLUM BASLIKLARI
       Mobildeki kompakt gorunum
       ============================== */

    .min-h-screen section .mb-2.rounded-lg {
        padding: 12px !important;
        margin-bottom: 8px !important;
    }

    .min-h-screen section .mb-2.rounded-lg h2 {
        font-size: 14px !important;
        line-height: 20px !important;
    }


    /* ==============================
       OYUN SATIRLARI
       ============================== */

    .ggr-home-scroll {
        display: flex !important;

        gap: 6px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding-bottom: 12px !important;

        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch;

        scrollbar-width: thin;
    }


    /*
     Tailwind sm:h-[205px] sm:w-[116px]
     PC'de kartlari buyutuyor.
     Mobil olcusune geri getiriyoruz.
    */

    .ggr-home-scroll > a {
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;

        height: 158px !important;
        min-height: 158px !important;
        max-height: 158px !important;

        flex: 0 0 90px !important;

        border-radius: 12px !important;
    }


    /* Oyun adi */
    .ggr-home-scroll > a > span {
        font-size: 10px !important;
        line-height: 12px !important;
    }


    /* Provider + hemen oyna */
    .ggr-home-scroll > a > div:last-child span:first-child {
        font-size: 9px !important;
    }

    .ggr-home-scroll > a > div:last-child span:last-child {
        font-size: 8px !important;
        line-height: 12px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }


    /* ==============================
       SON KAZANANLAR
       ============================== */

    .recent-winners-scroll {
        gap: 8px !important;
    }

    .winner-card {
        padding: 2px 4px !important;
    }

    .winner-card .w-12 {
        width: 48px !important;
    }

    .winner-card .h-12 {
        height: 48px !important;
    }

    .winner-card span {
        font-size: 11px !important;
    }


    /* ==============================
       YAKLASAN MACLAR
       Mobildeki 2 kolon mantigi
       ============================== */

    .match-card {
        padding: 8px !important;
        border-radius: 8px !important;
    }

    .match-card h3,
    .match-card p,
    .match-card span {
        font-size: 12px !important;
    }


    /* ==============================
       BOLUM BOSLUKLARI
       ============================== */

    .min-h-screen > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .min-h-screen > section.py-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .min-h-screen > section.py-3 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

}


/* Buyuk monitorlerde de gereksiz yayilmasin */
@media (min-width: 1400px) {

    .min-h-screen section > .max-w-7xl,
    .min-h-screen section > .max-w-\[1400px\],
    .home-slider,
    .vakko-bottom-banner-box {
        max-width: 1100px !important;
    }

}