FAQs

<section class="faq-dr">
  <div class="faq-dr__inner">
    <div class="faq-dr__header">
      <h2 class="faq-dr__title">Veelgestelde vragen</h2>
      <p class="faq-dr__subtitle">
        Alles wat je wilt weten over jouw PlantBuddy – van gebruik tot garantie.
      </p>
    </div>

    <div class="faq-dr__list">

      <!-- ITEM 1 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Hoe werkt de PlantBuddy precies?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            PlantBuddy bevat slimme sensoren die o.a. vochtigheid, licht en temperatuur meten.
            Op basis daarvan toont PlantBuddy emoties op het scherm zodat jij meteen ziet
            of hij dorst heeft, te warm staat of helemaal tevreden is.
          </p>
        </div>
      </details>

      <!-- ITEM 2 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Heb ik een app nodig om PlantBuddy te gebruiken?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            Nee, PlantBuddy werkt volledig zonder app.
            Alle emoties en signalen zie je direct op het scherm.
            Met de optionele app (indien gewenst) krijg je extra inzichten en tips.
          </p>
        </div>
      </details>

      <!-- ITEM 3 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Welke planten passen in PlantBuddy?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            De meeste kleine kamerplanten en stekjes passen erin (potmaat tot ca. 8–9 cm).
            Denk aan Pilea, Calathea-stekjes, kleine varens of andere compacte kamerplanten.
          </p>
        </div>
      </details>

      <!-- ITEM 4 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Hoelang gaat de batterij van PlantBuddy mee?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            De batterij gaat gemiddeld 2–4 weken mee, afhankelijk van gebruik.
            Opladen duurt ongeveer 2 uur via de meegeleverde USB-kabel.
          </p>
        </div>
      </details>

      <!-- ITEM 5 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Wat is de levertijd en heb ik retourrecht?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            Binnen Nederland &amp; België wordt PlantBuddy meestal binnen 1–3 werkdagen geleverd.
            Je krijgt 100 dagen retourrecht – bevalt PlantBuddy niet, dan kun je hem eenvoudig terugsturen.
          </p>
        </div>
      </details>

      <!-- ITEM 6 -->
      <details class="faq-dr__item">
        <summary class="faq-dr__summary">
          <span>Heb ik garantie op mijn PlantBuddy?</span>
        </summary>
        <div class="faq-dr__answer">
          <p>
            Ja, je krijgt standaard 2 jaar garantie op fabricagefouten.
            Neem contact op met onze support als er iets misgaat – we lossen het snel voor je op.
          </p>
        </div>
      </details>

    </div>
  </div>
</section>

<style>
  .faq-dr {
    background: #fdf8ef;
    padding: 4rem 1.5rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
    color: #1f2933;
  }

  .faq-dr__inner {
    max-width: 900px;
    margin: 0 auto;
  }

  .faq-dr__header {
    margin-bottom: 2.25rem;
  }

  .faq-dr__title {
    font-size: clamp(1.9rem, 3vw, 2.3rem);
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #111827;
  }

  .faq-dr__subtitle {
    max-width: 32rem;
    font-size: 0.97rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
  }

  .faq-dr__list {
    background: #ffffff;
    border-radius: 24px;
    border: 1px solid #ece4d7;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    padding: 1.25rem 1.5rem;
  }

  .faq-dr__item {
    border-radius: 18px;
    padding: 0.4rem 0;
  }

  .faq-dr__item + .faq-dr__item {
    border-top: 1px solid #f1e7da;
  }

  .faq-dr__summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .faq-dr__summary::-webkit-details-marker {
    display: none;
  }

  .faq-dr__summary span {
    font-size: 0.98rem;
    font-weight: 500;
    color: #1f2933;
  }

  /* Plus/plus-naar-kruis icoon */
  .faq-dr__summary::after {
    content: "+";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid #d1c5b2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #6b7280;
    transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  }

  .faq-dr__item[open] .faq-dr__summary::after {
    content: "–";
    background: #0f766e;
    border-color: #0f766e;
    color: #ffffff;
  }

  .faq-dr__answer {
    padding: 0.4rem 0 0.75rem;
  }

  .faq-dr__answer p {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.7;
    color: #4b5563;
  }

  @media (max-width: 768px) {
    .faq-dr {
      padding: 3rem 1.25rem;
    }

    .faq-dr__list {
      padding: 1rem 1.1rem;
    }
  }
</style>