Ultrasoft Powder Puff

FAQ Section .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 is a powder puff used for? A powder puff applies and sets loose or pressed powder, providing a smooth, airbrushed finish without a cakey appearance. How do I clean my powder puff? To clean your powder puff, gently wash it with mild soap and warm water, rinse thoroughly, and let it air dry. Is the Milagro Beauty Ultrasoft Powder Puff suitable for all skin types? Our powder puff is designed for all skin types and can be used with various makeup products. How often should I replace my powder puff? We recommend replacing your powder puff every 3-6 months for optimal performance and hygiene. What is the purpose of the Ultrasoft Powder Puff? The Ultrasoft Powder Puff is designed for flawless application of loose or pressed powders. It helps in evenly setting makeup for a matte, airbrushed finish. 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'); } }); });