.elementor-50425 .elementor-element.elementor-element-c6a658e{--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-50425 .elementor-element.elementor-element-e08902e{--display:flex;}.elementor-50425 .elementor-element.elementor-element-eda7bdb{text-align:right;}.elementor-50425 .elementor-element.elementor-element-eda7bdb .lte-btn{min-width:0px;}/* Start custom CSS for lte-services, class: .elementor-element-f7c5a8f *//* KUTU sabit boyut ve doğru görünüm */
.lte-item-inner {
    height: 400px;
    width: 250px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

/* Resimleri kutuya göre hizala ve taşmaları engelleme */
.lte-item-inner img {
    width: 240px;
    height: 400px;
    object-fit: cover; /* Fotoğraf kutuya tam oturur */
    transition: transform 0.3s ease;
}

.lte-item-inner {
    position: relative;
    overflow: hidden;
    border-radius: 22px; /* Kart ile uyumlu köşe */
}
.lte-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;

    display: flex;
    align-items: flex-end;

    color: #fff; /* ✅ Yazı HER ZAMAN BEYAZ */
    font-size: 16px;
    font-weight: 600;

    background: linear-gradient(
        to top,
        rgba(182, 110, 38, 0.85) 0%,
        rgba(182, 110, 38, 0.55) 35%,
        rgba(182, 110, 38, 0.25) 65%,
        rgba(182, 110, 38, 0.1) 100%
    );

    border-radius: 22px;

    /* ❗ Arka planı gizle, yazı kalsın */
    background-size: 0% 0%;
    opacity: 1;

    transition: all 0.35s ease;
}

/* Hover olunca turuncu efekt gelsin */
.lte-item-inner:hover .lte-info {
    background-size: 100% 100%;
}/* End custom CSS */