.accordion { border-bottom: 1px solid #ddd; margin: 12px 0; } .accordion-header { padding: 14px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .accordion-header h3 { margin: 0; font-size: 16px; font-weight: 500; color: #333; } .accordion-icon { font-size: 14px; transition: transform 0.2s ease; } .accordion-content { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; line-height: 1.6; color: #666; } .accordion.active .accordion-icon { transform: rotate(180deg); } Product Description ▼ Collagen Revitalising Soap helps increases skin elasticity, making the skin feel firmer and reducing the appearance of fine lines and wrinkles. Collagen is a crucial structural protein for maintaining skin bounciness. It makes the skin more resilient, giving it a plumper look which is particularly beneficial for mature skin. Collagen can also boost the skin’s water-holding capacity, helping to keep body skin moist and preventing dryness. It enhances the skin-conditioning effect. Collagen Revitalising Soap is rich in formulated ingredients to make skin look more radiant and brightening toned. This soap can rejuvenate skin and resist oxidation. Collagen Revitalising Soap has a scent of natural menthol and camphor. It is refreshing and invigorating, providing a cooling sensation to awake your senses. Ingredients ▼ Collagen: Moisturise repair Niacinamide: Brightening antioxidant Camphor: Anti-inflammatory refreshing Minimalist Aesthetics ▼ Bathroom minimalism concept: soaps in one soap bag to wash out Soaps are wrapped by natural linen bag Replaced by complicated shower gel, scrub cream, bath scrubber, loofah sponge How to Use ▼ Wet the soap bag with water, rub the bag gently to produce lather, activate the soap, apply on body skin, rinse off with water document.querySelectorAll('.accordion-header').forEach(header => { header.addEventListener('click', () => { const parent = header.parentElement; const content = header.nextElementSibling; parent.classList.toggle('active'); content.style.maxHeight = parent.classList.contains('active') ? content.scrollHeight + 'px' : '0'; }); }); .button-container { display: flex; justify-content: center; gap: 20px; /* Spacing between buttons */ margin: 20px 0; } .nav-button { padding: 10px 20px; background-color:#A57865; /* Green background */ color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; text-decoration: none; display: inline-block; } .nav-button:hover { background-color: rgb(12, 27, 84); /* Darker green on hover */ } Home
