Informations produit sous forme de grille

L'idée est de réimplémenter les informations essentiels du produit (nom, prix), le sélecteur de variation, les textes de détail, de conditions et d'entretien, et le bouton d'ajout au Panier.
Plutôt qu'un encart flottant, contenant tout, il n'y aurait qu'une barre pleine longueur comprenant nom, prix et sélecteur de variation (.essentiel-produit).
Il flotterait en bas de l'écran jusqu'à ce se poser à la fin des photos.
Une nouvelle section, statique elle et faisant suite à la fois aux photos et à la barre, s'afficherait en pleine longueur sous forme d'accordéon, avec les anciens onglets comme sections.
Par défaut, la section « Détails » serait développée.
<details> et <summary> sont aujourd'hui pris en charge par les navigateurs (niveau Baseline), mais l'attribut name permettant l'ouverture exclusive d'une section par accordéon (p. ex. le développement d'une ferme toutes les autres) n'a que récemment été implémentée (2024 pour Firefox).
Une implémentation en JavaScript est donc pour l'instant nécessaire.