/* Base (same as before) */
.faq-wrap{font-family:neuville, sans-serif;max-width:800px;margin:auto;}
.faq-title{margin:0 0 16px 0;font-size:28px;font-weight:600;color:#000;text-align:left;}
.faq-list{margin:0;padding:0;}
.faq-item{
  background:#f8f8f8;border-radius:6px;margin-bottom:10px;
  padding:14px 18px;display:flex;justify-content:space-between;align-items:center;
  font-size:15px;font-weight:400;color:#000;
}
.faq-item .icon{margin-left:12px;opacity:.9}
.faq-toggle{display:none;}
.faq-cta{display:inline-block;margin-top:16px;cursor:pointer;font-size:14px;font-weight:500;color:#0066ff;text-decoration:none;}
.faq-cta .less{display:none;}
.faq-toggle:checked ~ .faq-cta .more{display:none;}
.faq-toggle:checked ~ .faq-cta .less{display:inline;}

/* --- Smooth Slide Animation --- */
.faq-more{
  overflow:hidden;
  max-height:0;                 /* collapsed */
  opacity:0;
  transform: translateY(-4px);
  transition:
    max-height .45s ease,
    opacity .35s ease,
    transform .35s ease;
}

/* When the checkbox is checked, expand smoothly */
.faq-toggle:checked ~ .faq-more{
  max-height:1000px;            /* big enough for all items; adjust if you add many */
  opacity:1;
  transform: translateY(0);
}

/* Optional: animate individual rows slightly */
.faq-toggle:checked ~ .faq-more .faq-item{
  animation: faqRowFade .35s ease both;
}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(1){ animation-delay:.03s;}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(2){ animation-delay:.06s;}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(3){ animation-delay:.09s;}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(4){ animation-delay:.12s;}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(5){ animation-delay:.15s;}
.faq-toggle:checked ~ .faq-more .faq-item:nth-child(6){ animation-delay:.18s;}

@keyframes faqRowFade{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:translateY(0);}
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .faq-more{transition:none;}
  .faq-toggle:checked ~ .faq-more .faq-item{animation:none;}
}