Cleansing Mousse
.accordion { max-width: 900px; margin: 10px auto 40px; padding: 0 20px; font-family: montserrat; } .accordion-item { border-top: 1px solid #000000; border-bottom: 1px solid #000000 ; } .accordion-item:first-child { border-top: 1px solid #000000; } .accordion-header { cursor: pointer; padding: 15px 20px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; color: #aaa; transition: background-color 0.3s, color 0.3s; word-break: break-word; } .accordion-header:hover { background: #e0e0e0; color: #000; } .accordion-title { flex-grow: 1; margin-right: 10px; font-size: 26px } .accordion-icon { position: relative; width: 20px; height: 20px; transition: transform 0.3s ease; color: inherit; user-select: none; } .accordion-icon .line { position: absolute; background: currentColor; border-radius: 1.5px; } .accordion-icon .horizontal { top: 50%; left: 2px; right: 2px; height: 3px; transform: translateY(-50%); } .accordion-icon .vertical { left: 50%; top: 2px; bottom: 2px; width: 3px; transform: translateX(-50%); transition: opacity 0.3s ease; } .accordion-icon.open { transform: rotate(180deg); } .accordion-icon.open .vertical { opacity: 0; } .accordion-content { max-height: 0; overflow: hidden; padding: 0 20px; transition: max-height 0.4s ease, padding 0.3s ease; font-size: 18px } .accordion-content.open { padding: 10px 20px 30px; } .accordion-content p { margin: 5px 0 25px; line-height: 1.6; padding-bottom: 30px } @media (max-width: 600px) { .accordion { padding: 0 15px; margin-bottom: 30px; } .accordion-header { padding: 12px 15px; font-size: 15px; } .accordion-title { margin-right: 8px; } .accordion-content { padding: 0 15px; } .accordion-content.open { padding: 8px 15px 25px; } } @media (max-width: 400px) { .accordion { padding: 0 10px; margin-bottom: 25px; } .accordion-header { padding: 10px; font-size: 14px; } .accordion-title { margin-right: 6px; } .accordion-icon { width: 18px; height: 18px; } .accordion-content { padding: 0 10px; } .accordion-content.open { padding: 6px 10px 20px; } } Performance Una schiuma morbida e vellutata per una pulizia del viso efficace, delicata e rispettosa della pelle. Con la sua schiuma morbida e vellutata rispetta l’equilibrio della pelle, lasciando una sensazione di freschezza e comfort immediato. Perfetta per l’uso quotidiano, libera e purifica la pelle preparandola ad accogliere al meglio ogni trattamento successivo. Applicazione Schiuma da applicare con le mani sul viso con un leggero massaggio. Risciacquare con acqua tiepida o fredda. Ideale dopo aver pretrattato con Arythmos Cleansing Oil nel rituale della doppia detersione. Arythmos Cleansing Oil e Cleansing Mousse, la combinazione perfetta per una pelle pulita, luminosa e protetta. Focus Ingredienti APG, tensioattivi estremamente delicati che coniugano un buon potere schiumogeno con un'ottima compatibilità dermatologica. Aloe vera, dalle riconosciute proprietà rigeneranti, lenisce, rinfresca e idrata. Glicerina, idratante molto efficace, naturalmente presente nel nostro corpo e nella nostra pelle come parte del film idrolipidico che la protegge, la idrata e la nutre. Babassu, la frazione insaponificabile ricca di fitosteroli, squalene, vitamine, dona nutrizione, emollienza e protezione. Eccellente compatibilità dermica e oculare. Macadamia, un olio setoso e leggero, ricco di acido palmitoleico, essenziale per la sana funzionalità della pelle. Facilmente assorbito, nutre in profondità e migliora l’elasticità della pelle. Senza SLS/SLES Senza solfati const accordion = document.getElementById('accordion'); accordion.querySelectorAll('.accordion-item').forEach(item => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); const icon = item.querySelector('.accordion-icon'); header.onclick = () => { const isOpen = content.classList.contains('open'); accordion.querySelectorAll('.accordion-content').forEach(c => { c.classList.remove('open'); c.style.maxHeight = null; }); accordion.querySelectorAll('.accordion-icon').forEach(i => i.classList.remove('open')); if (!isOpen) { content.classList.add('open'); icon.classList.add('open'); content.style.maxHeight = content.scrollHeight + 'px'; } }; }); // Apri la prima sezione di default const first = accordion.querySelector('.accordion-item'); const fc = first.querySelector('.accordion-content'); const fi = first.querySelector('.accordion-icon'); fc.classList.add('open'); fi.classList.add('open'); fc.style.maxHeight = fc.scrollHeight + 'px';
More you might like
Clarins Gentle Renewing Cleansing Mousse Clarins - Cleansing
Related
Intense Hydra Mousse (cleansing mousse)
Related
RENWEPEEL MOUSSE Nettoyant (cleansing mousse) - Renophase
Related