/* "Lüks Yaşamın Öncü Markaları" — sürekli kayan partner logo şeridi (CSS marquee).
   Hız, partial'daki inline `animation-duration` ile kontrol edilir (büyük = yavaş). */
.luxury-logo-marquee {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 10px;
}

.luxury-logo-marquee__track {
    display: flex;
    align-items: center;
    gap: 60px;
    width: max-content;
    /* animation-duration inline (partial) veriliyor; varsayılan güvenli değer: */
    animation-name: luxLogoMarquee;
    animation-duration: 80s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}

/* Fareyle üzerine gelince dur */
.luxury-logo-marquee:hover .luxury-logo-marquee__track {
    animation-play-state: paused;
}

@keyframes luxLogoMarquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Mevcut görünüm: 140px, grayscale; hover'da renkli */
.luxury-logo-marquee .luxury-logo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.luxury-logo-marquee .luxury-logo-item img {
    width: 140px;
    object-fit: cover;
    filter: grayscale(100%);
    opacity: 0.9;
    transition: opacity 0.25s ease, filter 0.25s ease;
}

.luxury-logo-marquee .luxury-logo-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

@media (max-width: 992px) {
    .luxury-logo-marquee .luxury-logo-item img { width: 120px; }
    .luxury-logo-marquee__track { gap: 40px; }
}

@media (max-width: 576px) {
    .luxury-logo-marquee .luxury-logo-item img { width: 100px; }
    .luxury-logo-marquee__track { gap: 28px; }
}

/* Hareket azaltma tercihi olan kullanıcılarda animasyonu durdur */
@media (prefers-reduced-motion: reduce) {
    .luxury-logo-marquee__track { animation: none; }
}