/* Genel Ayarlar ve Scrollbar Gizleme */
body { 
    margin: 0; 
    overflow-x: hidden; 
    font-family: 'Poppins', sans-serif;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Preloader Maskeleri */
.clip-left { clip-path: polygon(0 0, 50% 0, 42% 50%, 50% 100%, 0 100%); }
.clip-right { clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%, 42% 50%); }

/* Accordion (Açılır Kapanır Galeri) Ayarları */
.accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.6s ease-out, opacity 0.4s ease-out;
}
.accordion-content.open {
    max-height: 400px; /* Görsellerin yüksekliğine göre ayarlandı */
    opacity: 1;
}

/* Carousel (Kayan Bant) Animasyonu */
.carousel-track {
    display: flex;
    gap: 1rem;
    width: max-content;
    /* 20 saniyede bir tur atar, sonsuza kadar döner */
    animation: scroll-left 20s linear infinite; 
}
/* Fareyle üzerine gelince kayma dursun istersen bu satırı kullanabilirsin */
.carousel-track:hover {
    animation-play-state: paused;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    /* İçerik iki kez kopyalandığı için tam ortada başa sarar, kusursuz döngü sağlar */
    100% { transform: translateX(calc(-50% - 0.5rem)); } 
}