.cookie-bar { position: fixed !important; left: 24px !important; right: auto !important; bottom: 24px !important; z-index: 9999; /* Kutunun genişliği ve arka planı, kenarları daha belirgin yapmak için örnek: */ min-width: 320px; max-width: 400px; background: #111; /* kendi rengine göre değiştirilebilir */ border-radius: 12px; padding: 18px 22px; box-shadow: 0 6px 32px rgba(0,0,0,0.20); display: flex; align-items: center; gap: 16px; } .cookie-bar .cookie-close { margin-left: auto; font-weight: 600; background: #fff; color: #111; padding: 8px 16px; border-radius: 8px; transition: 0.15s; } .cookie-bar .cookie-close:hover { background: #eee; color: #000; } const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('.faq-question'); question.addEventListener('click', () => { const isActive = item.classList.contains('active'); faqItems.forEach(i => i.classList.remove('active')); if (!isActive) item.classList.add('active'); }); });