toggle menu

<!-- Start: Hemieva Code Section with Accordion -->
<style>
  .accordion-wrapper {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 15px;
  }

  .accordion-section {
    font-family: sans-serif;
    border-radius: 10px;
    margin-bottom: 20px;
  }

  .accordion-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 26px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    background-color: #fff;
  }

  .accordion-icon {
    font-size: 20px;
    transition: transform 0.3s ease;
  }

  .accordion-icon.rotate {
    transform: rotate(180deg);
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    padding: 0 20px;
  }

  @media (max-width: 768px) {
    .accordion-header {
      padding: 14px 16px;
      font-size: 15px;
    }
  }
</style>

<div class="accordion-wrapper">
  <div class="accordion-section">
    <!-- Additional Information Accordion -->
    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ Who can use Night Glow Hair Cream?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          Everyone! It’s safe for all hair types — curly, straight, wavy, color-treated, and even chemically processed.
          It’s gentle enough for daily use, thanks to its clean, sulfate-free, paraben-free formula.
        </p>
      </div>
    </div>

    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ Will it make my hair greasy or weigh it down?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          Not at all. This lightweight, fast-absorbing cream hydrates your hair without leaving heavy residue. Your
          pillow stays clean, and your hair wakes up soft, bouncy, and easy to style.
        </p>
      </div>
    </div>

    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ How often should I use it?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          You can use it every night for maximum results. Many love applying it 2-3 times a week as an intensive
          overnight treatment.
        </p>
      </div>
    </div>

    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ Do I need to rinse it out in the morning?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          Nope! Just wake up and style your hair as usual. It’s designed to be left in so it keeps nourishing your hair
          all day long.
        </p>
      </div>
    </div>

    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ Does it help with frizz and split ends?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          Yes. The rich blend of Almond Oil, Aloe Vera, Vitamin E, and Lavender deeply moisturizes to tame frizz, smooth
          split ends, and protect hair from daily stress.
        </p>
      </div>
    </div>



    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ Is it cruelty-free?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          Absolutely. Hemieva never tests on animals. This product is also free from harsh chemicals that could irritate
          your scalp or harm the planet.
        </p>
      </div>
    </div>

    <div class="accordion-box">
      <div class="accordion-header" onclick="toggleAccordion(this)">
        <span>❓ How long does one jar last?</span>
        <span class="accordion-icon">+</span>
      </div>
      <div class="accordion-content">
        <p style="font-size:14px; padding-top:10px;">
          <!-- Replace this with actual additional content -->
          A 30 ml jar typically lasts 4-6 weeks with nightly use. A little goes a long way — just a small amount each
          night is enough.
        </p>
      </div>
    </div>

  </div>
</div>

<script>
  function toggleAccordion(header) {
    const content = header.nextElementSibling;
    const icon = header.querySelector('.accordion-icon');
    const isOpen = content.classList.contains('open');

    if (isOpen) {
      content.classList.remove('open');
      icon.classList.remove('rotate');
      icon.textContent = '+';
    } else {
      content.classList.add('open');
      icon.classList.add('rotate');
      icon.textContent = '−';
    }
  }
</script>
<!-- End: Hemieva Code Section with Accordion -->