.elementor-14338 .elementor-element.elementor-element-183640f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-14338 .elementor-element.elementor-element-1bec557{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;--image-border-radius:5px;--image-transition-duration:0ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-1bec557 *//* --- Özel Masonry Galeri Animasyonu (animated-masonry) --- */

/* Animasyon için başlangıç durumu (görünmez ve aşağıda) */
.animated-masonry .elementor-gallery-item {
    opacity: 0;
    transform: translateY(60px); /* Sizin sevdiğiniz mesafe */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* JavaScript 'is-visible' sınıfını eklediğinde animasyonun bitiş durumu */
.animated-masonry .elementor-gallery-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Sıralı gelme efekti için gecikme (stagger) */
.animated-masonry .elementor-gallery-item:nth-child(2) { transition-delay: 0.1s; }
.animated-masonry .elementor-gallery-item:nth-child(3) { transition-delay: 0.2s; }
.animated-masonry .elementor-gallery-item:nth-child(4) { transition-delay: 0.3s; }
.animated-masonry .elementor-gallery-item:nth-child(5) { transition-delay: 0.4s; }
.animated-masonry .elementor-gallery-item:nth-child(6) { transition-delay: 0.5s; }
/* Liste uzatılabilir */

/* Elementor düzenleyicide görünmez olmalarını engellemek için düzeltme */
.elementor-editor-active .animated-masonry .elementor-gallery-item {
    opacity: 1;
    transform: none;
}/* End custom CSS */