/* Fiches produits (woocommerce/single-product.php) : boîte de l'en-tête, grille « choix + ce qui est inclus », gammes en
   bref. Le reste vient des styles des maquettes (carte de gamme, lignes de prix des packs, règle des écrans, FAQ). */

.fiche-boite { display: grid; place-items: center; }
.fiche-boite img { width: auto; height: 240px; filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .45)); }

.fiche-grille { display: grid; gap: 18px; margin-top: 24px; }
.fiche-grille .carte .bouton { justify-self: start; margin-top: 6px; }
.fiche-carte__titre { margin-top: 14px; }
.fiche-gammes { list-style: none; margin: 4px 0 6px; padding: 0; display: grid; gap: 8px; }
.fiche-gammes li { padding: 8px 12px; border-radius: 12px; background: var(--brume); }
.fiche-gammes li[aria-current] { background: var(--ciel-pale); box-shadow: inset 0 0 0 2px var(--ciel); }
.fiche-gammes b { color: var(--encre); }

#commander .regle-ecrans { margin-top: 24px; }
.fiche-questions { margin: 40px 0 0; }
.coupon-test + .fiche-questions { margin-top: 44px; }
.fiche-plus { margin: 12px 0 0; }
.fiche-plus a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.section--blanche .bandeau-aide { margin-top: 40px; }
.faq + .coupon-test { margin-top: 40px; }   /* fiche de la licence : appel au test après les questions */

@media (min-width: 768px) {
  .fiche-boite img { height: 320px; }
}
@media (min-width: 900px) {
  .fiche-grille { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
}