.elementor-564 .elementor-element.elementor-element-53eee5b{--display:flex;}.elementor-564 .elementor-element.elementor-element-8f88c0d .gallery-item{padding:0 15px 15px 0;}.elementor-564 .elementor-element.elementor-element-8f88c0d .gallery{margin:0 -15px -15px 0;}.elementor-564 .elementor-element.elementor-element-8f88c0d .gallery-item .gallery-caption{text-align:center;}/* Start custom CSS for image-gallery, class: .elementor-element-8f88c0d *//* Fokus Nakliyat – Elementor Basic Gallery için düzgün yatay grid */

/* 1) WordPress varsayılan gallery yapısını grid'e çevir */
.fokus-wp-gallery .elementor-image-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); /* responsive sütunlar */
    gap: 15px;
    width: 100%;
}

/* 2) WP'nin width / float ayarlarını iptal et */
.fokus-wp-gallery .elementor-image-gallery .gallery-item {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* 3) Her kutuya sabit yatay oran ver (yaklaşık 3:2) */
.fokus-wp-gallery .elementor-image-gallery .gallery-icon {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.fokus-wp-gallery .elementor-image-gallery .gallery-icon::before {
    content: "";
    display: block;
    padding-bottom: 66.66%; /* 3:2 oran – istersen 56.25% (16:9) yapabilirsin */
}

/* 4) Görseli kutunun içine kırparak oturt */
.fokus-wp-gallery .elementor-image-gallery .gallery-icon a,
.fokus-wp-gallery .elementor-image-gallery .gallery-icon img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}/* End custom CSS */