/* Masaüstü Galeri */
        .gallery-container {
            display: flex;
            max-width: 100%;
            gap: 10px;
            height: 450px;
            position: relative;
        }

        .gallery-column.big {
            flex: 50%;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
            cursor: pointer;
        }

        .gallery-column.vertical {
            flex: 25%;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
            cursor: pointer;
        }

        .gallery-column.small {
            flex: 25%;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .gallery-column.small .small-item {
            flex: 1;
            background-size: cover;
            background-position: center;
            border-radius: 5px;
            cursor: pointer;
        }

        .gallery-column:hover, 
        .gallery-column .small-item:hover {
            filter: brightness(0.7);
        }

        .image-count {
            position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 18px;
        }

        /* Modal */
        .dodal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .dodal.active {
            display: flex;
        }

        .dodal-content {
            position: relative;
            width: 60%;
            height: 80%;
            text-align: center;
            overflow: hidden;
        }

        .dodal-image {
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .dodal-close {
             position: absolute;
    top: 3%;
    right: 20%;
    font-size: 24px;
    color: white;
    cursor: pointer;
    z-index: 1100;
    height: 30px;
    padding: 0;
    /* width: 30px; */
    line-height: 1;
    width: 30px;
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 64px;
    color: #fff;
    text-align: center;
        }

        .dodal-navigation {
            position: absolute;
            top: 50%;
            left: 10px;
            right: 10px;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
        }

        .dodal-nav-btn {
        font-size: 24px;
    /* border-radius: 50%; */
    /* backdrop-filter: blur(2px); */
    /* background: #191b2066; */
    border: 2px solid #fff;
    border-radius: 64px;
    color: #fff;
    /* display: flex
; */
    height: 40px;
    /* padding: 15px 15px; */
    line-height: 1.5;
    width: 40px;
    z-index: 40;
    cursor: pointer;
    text-align: center;
        }

        /* Mobilde Swiper */
        @media screen and (max-width: 768px) {
            /* Galeri öğelerini gizle */
            .gallery-container {
                display: none !important;
            }

            /* Mobilde slider'ı göstermek */
            .swiper-container {
                display: block !important;
                width: 100%;
                height: 400px;
                position: relative;         /* needed for absolute arrows */
            }

            .swiper-slide {
                background-size: cover;
                background-position: center;
                height: 100%;
            }

            /* Mobilde okları gösterme */
            .swiper-button-next,
            .swiper-button-prev {
                display: flex !important;  /* Use flex to center pseudo arrow */
                align-items: center;
                justify-content: center;
                color: #fff;                /* white color */
                width: 44px;                 /* default Swiper size */
                height: 44px;
                padding: 0;                /* reset padding */
                z-index: 20;               /* keep on top */
                position: absolute;          /* overlay inside slider */
                top: 50%;                    /* center vertically */
                transform: translateY(-50%); /* adjust for centering */
                --swiper-navigation-color: #fff; /* ensure white arrows */
            }
            .swiper-button-prev { left: 10px; }
            .swiper-button-next { right: 10px; }

            .swiper-button-next::after,
            .swiper-button-prev::after{
                 font-size: 22px;            /* arrow size */
             }
        }

        /* Masaüstü için sadece slider ve oklar */
        @media screen and (min-width: 769px) {
            /* Masaüstü Swiper'ı ve okları gizle */
            .swiper-container {
                display: none !important;
            }

            .swiper-button-next,
            .swiper-button-prev {
                display: none !important;
            }

            .gallery-container {
                display: flex;
            }
        }