.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; } .accordion-content ul { margin: 5px 0 25px 20px; line-height: 1.6; } @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 Balsamo detergente lenitivo per pelli sensibili soggette ad arrossamenti e couperose La detersione, per una pelle sensibile, non può essere un gesto aggressivo. AURA Cleansing Balm scioglie make-up, impurità e sebo con una texture soffice e avvolgente che rispetta il film idrolipidico e restituisce immediato comfort. Il viso appare pulito, morbido e riequilibrato, senza sensazioni di stress o secchezza. AURA Cleansing Balm è il primo gesto del protocollo RED|SHIFT: un balsamo detergente che trasforma la pulizia quotidiana in un trattamento di sollievo. Formulato per pelli delicate, sensibili e soggette a couperose, deterge con precisione e dolcezza aiutando a ridurre discomfort e rossori fin dalla fase di detersione. La pelle viene liberata da residui e make-up, ma soprattutto accompagnata verso una sensazione di equilibrio, protezione e benessere. Perché lo amerai Deterge con delicatezza senza impoverire la pelle sensibile. Aiuta a ridurre la sensazione di rossore e discomfort già dal primo gesto. Lascia il viso morbido, pulito e più confortevole. Applicazione Prelevare una quantità adeguata di prodotto e massaggiare sul viso con piccoli movimenti circolari. Risciacquare con acqua fresca o tiepida oppure rimuovere con un panno umido. Per il make-up più resistente, utilizzare il prodotto anche con un dischetto di cotone. Routine consigliata Da proporre come primo step obbligato della linea RED|SHIFT, in combo con AURA Serum Hydra e AURA Cream. Focus Ingredienti Acido 18-β-Glicirretico, Pantenolo e Calendula lavorano in sinergia per attenuare rossori e discomfort. L’Amamelide aiuta a riequilibrare la pelle soggetta a couperose, mentre α-Bisabololo, Aloe vera e derivati emollienti di Macadamia leniscono, nutrono e sostengono la barriera cutanea. 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'; } }; }); 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';
