.accordion-gallery .gallery-wrap{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 30px;
}

.accordion-gallery .gallery-item{
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 1.3s ease;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    line-height: 0;
    -webkit-transition: flex 1.3s ease;
    -moz-transition: flex 1.3s ease;
    -ms-transition: flex 1.3s ease;
    -o-transition: flex 1.3s ease;
}

.gallery-item img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}

/* Pasif halde tüm resimler aynı flex değerine sahip */
.gallery-item{
    flex: 1;
}

/* Aktif durumdaki ratio bazlı flex değerleri */
.gallery-item.landscape.active{
    flex: 7; /* Landscape resimler daha geniş açılsın */
}

.gallery-item.portrait.active{
    flex: 2; /* Portrait resimler daha dar açılsın */
}


@media (max-width: 1024px) {
    .gallery-wrap {
        gap: 15px !important;
    }
    
    .gallery-item img{
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
}

/* Mobil için wrap sistemi */
@media (max-width: 768px) {
    .gallery-wrap {
        gap: 0 !important;
    }

    .gallery-item{
        border-radius: 0 !important;
    }

    .gallery-item.portrait.active {
        flex: 4;
    }
    .gallery-item.landscape.active {
        flex: 14;
    }
}