/* RETEL REZISTANS - GLOBAL STIL DOSYASI */

/* Varsayılan font ayarı */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: #f8fafc;
}

/* --- SLIDER AYARLARI --- */
.slide {
    transition: opacity 1s ease-in-out;
    opacity: 0;
    position: absolute;
    inset: 0;
    z-index: 10;
    /* Slider'ın görünmesi için kritik boyutlandırma - EKLENDİ */
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.slide.active {
    opacity: 1;
    z-index: 20;
}

/* --- ÜRÜN KARTI EFEKTLERİ --- */
.product-card:hover .card-overlay {
    opacity: 1;
}

/* --- NAVİGASYON NOKTALARI --- */
.slide-dot {
    transition: all 0.3s ease;
}

/* --- ANİMASYONLAR (Keyframes) --- */

/* FlipInY (Dönme Efekti) */
@keyframes flipInY {
    from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
    40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
    60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
    80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    to { transform: perspective(400px); opacity: 1; }
}

/* BounceIn (Sıçrama Efekti) */
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
    20% { transform: scale3d(1.1, 1.1, 1.1); }
    40% { transform: scale3d(0.9, 0.9, 0.9); }
    60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
    80% { transform: scale3d(0.97, 0.97, 0.97); }
    to { opacity: 1; transform: scale3d(1, 1, 1); }
}

/* FadeInUp (Aşağıdan yukarı belirme) */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- ANİMASYON SINIFLARI VE GECİKMELER --- */
.slide.active .anim-flip { 
    animation: flipInY 1.2s ease-in-out forwards 0.3s; 
    opacity: 0; 
    backface-visibility: visible !important; 
}
.slide.active .anim-bounce-1 { 
    animation: bounceIn 1.2s ease-in-out forwards 1.2s; 
    opacity: 0; 
}
.slide.active .anim-bounce-2 { 
    animation: bounceIn 1.2s ease-in-out forwards 2.0s; 
    opacity: 0; 
}
.slide.active .anim-fade-up { 
    animation: fadeInUp 1.2s ease-out forwards 2.8s; 
    opacity: 0; 
}