The Luxury Fragrance & Watch Focus

.ub-faq-container { max-width: 800px; margin: 40px auto; font-family: 'Playfair Display', serif; /* Or your site's default font */ color: #333; } .ub-faq-title { text-align: center; font-size: 2.5rem; color: #000; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; } .ub-faq-subtitle { text-align: center; color: #777; margin-bottom: 40px; } .ub-faq-item { border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; } .ub-faq-question { width: 100%; padding: 20px; background: none; border: none; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: 0.3s; } .ub-faq-question:hover { color: #d4af37; /* Luxury Gold Color */ } .ub-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding: 0 20px; color: #555; line-height: 1.6; } .ub-faq-item.active .ub-faq-answer { max-height: 200px; padding-bottom: 20px; } .ub-faq-item.active .ub-faq-question span { transform: rotate(45deg); color: #d4af37; } document.querySelectorAll('.ub-faq-question').forEach(button => { button.addEventListener('click', () => { const item = button.parentElement; // Close other open items document.querySelectorAll('.ub-faq-item').forEach(otherItem => { if (otherItem !== item) { otherItem.classList.remove('active'); } }); item.classList.toggle('active'); }); });