/*
  product-overview.desktop.css — dès 1024px : galerie et bloc d'achat côte à côte.
*/
.product-overview {
  /* minmax(0, …) empêche les colonnes de déborder à cause du min-width:auto
     des enfants (image de la galerie). Répartition ~50/50 pour ne pas écraser
     le bloc d'achat à droite. */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-8);
  padding-block: var(--space-7) var(--space-8);
}