.elementor-1455 .elementor-element.elementor-element-4068958{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-item .gallery-caption{text-align:center;}@media(min-width:768px){.elementor-1455 .elementor-element.elementor-element-4068958{--width:85%;}}/* Start custom CSS for image-gallery, class: .elementor-element-15034d3 *//* --- ÇÖZÜM FLOOR KUSURSUZ ŞIK GALERİ TASARIMI (3'LÜ YAPI) --- */

/* 1. MASAÜSTÜ İÇİN 3'LÜ KUSURSUZ IZGARA (GRID) SİSTEMİ */
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Masaüstünde yan yana 3 resim */
    gap: 20px !important; /* 3'lü yapıya uygun, ferah 20px boşluk */
    margin: 0 !important;
}

/* Elementor'un varsayılan etiketlerini iptal et */
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery::after,
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery::before {
    display: none !important;
}
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery br {
    display: none !important;
}

/* 2. HER BİR FOTOĞRAF KUTUSU TASARIMI */
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-item {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 10px; 
    overflow: hidden; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.06); 
    position: relative;
}

/* 3. FOTOĞRAFLARIN İÇERİ TAM OTURMASI VE EFEKT */
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-icon {
    width: 100%;
    height: 100%;
    height: 300px; /* 3'lü dizilimde resimler daha geniş olacağı için yükseklik artırıldı */
}

.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    border: none !important;
    border-radius: 10px;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}

/* 4. FARE ÜZERİNE GELİNCE BÜYÜME EFEKTİ */
.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-item:hover .gallery-icon img {
    transform: scale(1.1) !important; 
}

.elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* 5. MOBİL VE TABLET UYUMU */

/* Tablet Görünümü (Yan Yana 2 Resim) */
@media (max-width: 1024px) {
    .elementor-1455 .elementor-element.elementor-element-15034d3 .gallery {
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 15px !important;
    }
}

/* Mobil Telefon Görünümü (Alt Alta 1 Resim - Tam Ekran) */
@media (max-width: 767px) {
    .elementor-1455 .elementor-element.elementor-element-15034d3 .gallery {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .elementor-1455 .elementor-element.elementor-element-15034d3 .gallery-icon {
        height: 250px; /* Telefondaki yükseklik oranı */
    }
}/* End custom CSS */