/* =========================================================
   SPORT DESIGNS — PAGE FAQ UNIQUEMENT
   À charger APRÈS common.css. Le hero utilise .page-hero
   (défini dans common.css, partagé avec la page Blog).
   ========================================================= */

.faq-pad{padding:72px 0 96px;}
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}

.faq-item{
  background:#fff;border:1px solid var(--line-light);border-radius:var(--radius);
  overflow:hidden;
}
.faq-item summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 26px;font-size:16.5px;font-weight:700;color:var(--ink-text);
  transition:background .15s ease;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{background:var(--chalk-2);}
.faq-item summary .faq-icon{
  flex:none;width:28px;height:28px;border-radius:50%;background:var(--chalk-2);
  color:var(--orange);display:flex;align-items:center;justify-content:center;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.faq-item[open] summary .faq-icon{transform:rotate(45deg);background:var(--orange);color:#fff;}
.faq-item[open] summary{border-bottom:1px solid var(--line-light);}
.faq-answer{padding:6px 26px 24px;font-size:15px;line-height:1.7;color:var(--muted-light);}
.faq-answer p{margin:0 0 14px;}
.faq-answer p:last-child{margin-bottom:0;}

.faq-more{
  max-width:820px;margin:44px auto 0;
  background:var(--chalk-2);border-radius:var(--radius);
  padding:28px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
}
.faq-more p{margin:0;font-size:15px;color:var(--ink-text);font-weight:600;}
.faq-more span{display:block;font-size:13.5px;font-weight:400;color:var(--muted-light);margin-top:4px;}