.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border-top: 0}
a.faq-button{margin: 15px 0 20px}

/* ---------- FAQ desktop (>=768px) : catégories en puces, même design que le
   mobile (pilules #F6F6F4, active orange #F45000, flex-wrap = tout visible).
   Ce fichier est chargé APRÈS style.min.css → nos règles, à spécificité
   égale, l'emportent sur les onglets gris carrés du gabarit. ---------- */
@media only screen and (min-width: 768px){
.faq-info-tabs .prod-tabs .tab-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;border:none}
.faq-info-tabs .prod-tabs .tab-btns .tab-btn{position:relative;top:0;float:none;display:block;margin:0;background:#F6F6F4;color:#1A1A1A;border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.2;transition:background .2s,color .2s}
.faq-info-tabs .prod-tabs .tab-btns .tab-btn:hover{background:#ECECEA;color:#1A1A1A}
.faq-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn{background:#F45000;color:#FFFFFF;font-weight:700}
}