Velvet Sponge

.faq-container { width: 90%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 20px auto; padding: 10px; } .faq-header { text-align: center; padding: 10px 0; } .faq-header h2 { font-size: 24px; font-weight: bold; } .faq-item { padding: 15px 20px; border-top: 1px solid #e0e0e0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease-in-out; } .faq-item:first-child { border-top: none; } .faq-item:hover { background-color: #f9f9f9; } .faq-question { font-size: 18px; font-weight: 700; display: flex; align-items: center; } .faq-question img { margin-right: 8px; height: 24px; width: 24px; } .faq-answer { font-size: 16px; line-height: 1.6; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding: 0 20px; } .faq-answer p { margin: 10px 0; } .faq-answer.active { padding: 10px 20px; } .icon-container i { font-size: 16px; transition: transform 0.3s ease-in-out; } .icon-container i.active { transform: rotate(90deg); } Frequently Asked Questions What makes the Milagro Velvet Sponge different from regular sponges? Milagro Velvet Sponge is made with a unique velvet-coated fabric that prevents makeup absorption, allowing for more efficient use of your products. It also expands when wet, providing more surface area for blending. Can I use the Velvet Sponge with all types of makeup? Yes! The Velvet Sponge is compatible with powders, creams, and liquid foundations, offering versatile usage for all makeup types. How do I clean my Velvet Sponge? Simply wet the sponge and use a gentle cleanser or cleaner. For best results, clean after each use. Does the Velvet Sponge work for sensitive skin? Absolutely! Its soft velvet texture is gentle on the skin, reducing irritation and ensuring smooth, even application for all skin types. How often should I replace the Velvet Sponge? It is recommended that the Velvet Sponge be replaced every 3-4 months, depending on usage, to maintain hygiene and performance. document.querySelectorAll('.faq-item').forEach((item) => { item.addEventListener('click', () => { const answer = item.nextElementSibling; const icon = item.querySelector('.icon-container i'); if (answer.classList.contains('active')) { answer.classList.remove('active'); answer.style.maxHeight = null; icon.classList.remove('active'); } else { document.querySelectorAll('.faq-answer.active').forEach((activeAnswer) => { activeAnswer.classList.remove('active'); activeAnswer.style.maxHeight = null; activeAnswer.previousElementSibling.querySelector('.icon-container i').classList.remove('active'); }); answer.classList.add('active'); answer.style.maxHeight = answer.scrollHeight + 'px'; icon.classList.add('active'); } }); });