.tdil-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.tdil-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    min-width: 100%;
    height: 100%;
    will-change: transform;
    transform: translate3d(0, 0, 0);
}

.tdil-item {
    flex: 0 0 auto;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.tdil-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.tdil-item img {
    display: block;
    height: 100%;
    max-width: none;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

/* Varsayılan görünüm: bütün resimler aynı yüksekliğe ölçeklenir,
   genişlikleri kendi en-boy oranına göre serbest kalır. */
.tdil-natural-width .tdil-item,
.tdil-natural-width .tdil-item a {
    width: auto;
}

.tdil-natural-width .tdil-item img {
    width: auto;
    object-fit: contain;
}

/* İstenirse Elementor panelinden sabit genişliğe geçilebilir. */
.tdil-fixed-width .tdil-item img {
    width: 100%;
}

.tdil-viewport.tdil-fade {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--tdil-fade-size, 80px),
        #000 calc(100% - var(--tdil-fade-size, 80px)),
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        #000 var(--tdil-fade-size, 80px),
        #000 calc(100% - var(--tdil-fade-size, 80px)),
        transparent 100%
    );
}

@media (prefers-reduced-motion: reduce) {
    .tdil-track {
        transform: none !important;
    }
}