/* Zebifytech Butik - Custom CSS (Tailwind uyumlu) */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Inter', sans-serif;
    background-color: #FAFAFA;
    color: #212121;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-thumb { background: #E91E63; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #C2185B; }

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

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Slider */
.slider-container { position: relative; overflow: hidden; }
.slide { display: none; opacity: 0; transition: opacity 0.6s ease-in-out; }
.slide.active { display: block; opacity: 1; }

/* Tab */
.tab-btn.active { color: #E91E63; border-bottom-color: #E91E63; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/* Animasyonlar */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }