.brand-carousel {
overflow: hidden;
position: relative;
width: 100%;
background: #f9f9f9;
padding: 20px 0;
}
.brand-track {
display: flex;
width: calc(180px * 18); /* logo sayısını 2 katına çıkarıyoruz (sonsuz loop için) */
animation: scroll 25s linear infinite;
}
.brand-logo {
width: 180px;
height: 80px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
margin: 0 10px;
background: #fff;
border-radius: 8px;
}
.brand-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); } /* logoların yarısı kadar kayar */
}
/* Mobilde daha küçük logo boyutu */
@media (max-width: 768px) {
.brand-logo {
width: 140px;
height: 70px;
}
}
