/* ======================================================== */
/* 1. GENEL TEMİZLEME - Mobilde eski 3D / transform / pos. */
/* ======================================================== */
@media screen and (max-width: 768px) {

    html, body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        height: auto !important;
        position: relative !important;
    }

    /* Container taşmayı tamamen engellesin */
    .container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
        height: auto !important;
        position: relative !important;
    }

    /* WallGallery'nin otomatik verdiği tüm absolute / overflow ayarlarını iptal et */
    #gr-gallery,
    #gr-gallery .gr-main,
    #gr-gallery .gr-main figure,
    #gr-gallery .gr-main figure div,
    #gr-gallery .gr-main a {
        position: relative !important;
        overflow: visible !important;
        height: auto !important;
        width: 98% !important;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

    #gr-gallery {
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        height: auto !important;
    }

    /* ======================================================== */
    /* 2. MOBİL GALERİ DÜZENİ — BLOK LİSTE */
    /* ======================================================== */

    .gr-main {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Mobilde her görsel alt alta gelsin */
    .gr-main a,
    .gr-main figure {
        display: block !important;
        width: 100% !important;
        margin: 12px 0 !important;
        padding: 0 !important;
        float: none !important;

        position: relative !important;
        box-sizing: border-box !important;
        height: auto !important;
    }

    /* İç kapsayıcıyı düzelt */
    .gr-main figure div {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Görseller tam width olsun */
    .gr-main img {
        display: block !important;
        width: 89% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Sağdan taşma ihtimali sıfırlansın */
    body, html, .container, .gr-main {
        max-width: 100% !important;
    }

    /* Ek güvenlik — dışarı taşmayı tamamen engelle */
    * {
        max-width: 100% !important;
    }
}