/* GÜLSÜ HALI YIKAMA - PREMİUM CSS AYARLARI */

/* 1. Tüm Site İçin Pürüzsüz Kaydırma (Smooth Scroll) */
html {
    scroll-behavior: smooth;
}

/* 2. Metin Seçim (Highlight) Rengi - Zümrüt Yeşili */
::selection {
    background-color: #10b981;
    color: #ffffff;
}

/* 3. Modern Scrollbar Tasarımı (Webkit - Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f8faf9;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
    border: 2px solid #f8faf9;
}
::-webkit-scrollbar-thumb:hover {
    background: #10b981;
}

/* 4. SSS (Sıkça Sorulan Sorular) "Rulo Halı Açılma" Animasyonu */
@keyframes unrollRug {
    0% { 
        transform: scaleY(0) translateY(-15px); 
        opacity: 0; 
    }
    100% { 
        transform: scaleY(1) translateY(0); 
        opacity: 1; 
    }
}

details[open] summary ~ * {
    transform-origin: top;
    animation: unrollRug 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    will-change: transform, opacity;
}