.faq-page{--wg-green:#24523a;--wg-ink:#1f2a24;--wg-bg:#f8f5f0;--wg-card:#fff;--wg-line:#e8e3dc;--wg-soft:#eef7f3;--wg-shadow:0 8px 24px rgba(0,0,0,.14);--r:18px}

.price-badge{display:inline-block;background:#fff;color:#24523a;padding:7px 14px;border-radius:999px;font-size:.9rem;font-weight:700}
.faq-page .price-section{padding:1.4rem 0;}
.faq-page .section-head{margin-bottom:1rem;}
.faq-page .section-head h2{margin:0 0 .25rem;font-weight:800;letter-spacing:.2px;}
.faq-page .section-sub{margin:0;opacity:.82;}
.faq-page .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;}
.faq-page .info-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:1rem;box-shadow:0 10px 22px rgba(0,0,0,.06);transition:transform .15s ease,box-shadow .15s ease;}
.faq-page .info-card:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(0,0,0,.08);}
.faq-page .info-card h3{margin:.1rem 0 .35rem;font-weight:800;}
.faq-page .info-card p{margin:0;line-height:1.6;opacity:.92;}

.faq-page .note-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:1rem;box-shadow:0 14px 28px rgba(0,0,0,.08);margin-top:1rem;}
.faq-page .note-split{display:grid;grid-template-columns:170px 1fr;gap:1rem;align-items:center;}
.faq-page .note-left{display:flex;align-items:center;justify-content:flex-start;}
.faq-page .badge-warmte{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;background:rgba(12,61,44,.08);border:1px solid rgba(12,61,44,.14);font-weight:800;}
.faq-page .note-right h3{margin:.05rem 0 .35rem;font-weight:900;}
.faq-page .note-right p{margin:0;line-height:1.65;opacity:.95;}

.faq-page .faq{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem;}
.faq-page .faq-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.06);overflow:hidden;}
.faq-page .faq-item summary{cursor:pointer;list-style:none;padding:1rem 1.05rem;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.faq-page .faq-item summary::-webkit-details-marker{display:none;}
.faq-page .faq-item summary:after{content:"+";min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(12,61,44,.08);border:1px solid rgba(12,61,44,.14);font-size:1.05rem;line-height:1;font-weight:900;opacity:.95;}
.faq-page .faq-item[open] summary:after{content:"–";}
.faq-page .faq-body{padding:0 1.05rem 1rem;}
.faq-page .faq-body p{margin:.25rem 0 0;line-height:1.7;opacity:.95;}

.faq-page .small-note{margin:.75rem 0 0;opacity:.8;font-size:.95rem}
.mini-products{padding:1.2rem 0}
.mini-title{margin:0 0 .75rem;font-weight:900}
.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.mini-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.06);overflow:hidden}
.mini-card img{width:100%;height:170px;object-fit:cover;display:block;background:#f7f7f7}
.mini-body{padding:.9rem}
.mini-cat{display:inline-flex;padding:.2rem .55rem;border-radius:999px;background:rgba(12,61,44,.08);border:1px solid rgba(12,61,44,.14);font-weight:800;font-size:.8rem}
.mini-body h3{margin:.45rem 0 .35rem;font-size:1.02rem}
.mini-price{margin:0 0 .6rem;font-weight:900}
.mini-price sup{font-size:.75rem;top:-.3em}
.mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.7rem;text-decoration:none;background:#5F8575;color:#fff;font-weight:800}
.mini-btn:hover{filter:brightness(.95)}
@media(max-width:980px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mini-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){
  :root{
    --wg-bg:#0c1210;
    --wg-card:#0f1713;
    --wg-line:#1f2a24;
    --wg-soft:#101a15;
    --wg-shadow:0 14px 32px rgba(0,0,0,.45);
  }

  .price-badge{
    background:#0f1713;
    color:#9fe3b9;
    border:1px solid #2e6b4f;
  }

  .faq-page .section-head h2{color:#cfeee0}
  .faq-page .section-sub{color:#b7c7be}

  .faq-page .info-card,
  .faq-page .note-card,
  .faq-page .faq-item,
  .mini-card{
    background:var(--wg-card);
    border:1px solid var(--wg-line);
    box-shadow:var(--wg-shadow);
    color:#e7efe9;
  }

  .faq-page .info-card h3,
  .faq-page .note-right h3,
  .faq-page .faq-item summary,
  .mini-title,
  .mini-body h3{
    color:#cfeee0;
  }

  .faq-page .info-card p,
  .faq-page .note-right p,
  .faq-page .faq-body p,
  .faq-page .small-note,
  .mini-price{
    color:#dbe6df;
  }

  .faq-page .badge-warmte,
  .faq-page .faq-item summary:after,
  .mini-cat{
    background:rgba(159,227,185,.12);
    border:1px solid rgba(159,227,185,.35);
    color:#9fe3b9;
  }

  .mini-card img{
    background:#101a15;
  }

  .mini-btn{
    background:#5f8575;
    color:#fff;
  }

  .mini-btn:hover{
    filter:brightness(.92);
  }
}
/* ===== FAQ MOBILE OVERFLOW FIX (onderaan plakken) ===== */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe,svg{max-width:100%;height:auto}
.faq-page,.faq-page *{min-width:0}
.faq-page{max-width:100%}

/* lange woorden/urls mogen niet overflowen */
.faq-page p,.faq-page li,.faq-page summary,.faq-page h2,.faq-page h3{
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

/* grids mogen niet breder worden dan container */
.faq-page .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ===== mobiel: 1 kolom + split stapelen ===== */
@media(max-width:820px){
  .faq-page{padding:1.25rem 1rem;margin:1.25rem auto}
  .faq-page .info-grid{grid-template-columns:1fr}
  .faq-page .note-split{grid-template-columns:1fr}
  .faq-page .note-left{justify-content:flex-start}
  .faq-page .faq-item summary{gap:.75rem}
  .faq-page .faq-item summary:after{flex:0 0 26px}
}