/* SmartOne — mise en page du formulaire d'adresse /commande (2 colonnes).
   Layout cible :
     [ Prénom ] [ Nom ]
     [ Rue / adresse (pleine largeur) ]
     [ Complément (pleine largeur) ]
     [ Code postal ] [ Ville ]
     [ Pays ]  [ Téléphone mobile ]  (pleine largeur)
   Approche CSS pure via :has() — aucun override de la logique du formulaire. */
.js-address-form .form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--so-space-4, 1rem);
  row-gap: 0;
}
/* Par défaut chaque bloc occupe toute la largeur */
.js-address-form .form-fields > .mb-3,
.js-address-form .form-fields > .form-check,
.js-address-form .form-fields > * {
  grid-column: 1 / -1;
}
/* Paires sur 2 colonnes : prénom|nom et code postal|ville */
.js-address-form .form-fields > .mb-3:has(input[name="firstname"]),
.js-address-form .form-fields > .mb-3:has(input[name="lastname"]),
.js-address-form .form-fields > .mb-3:has(input[name="postcode"]),
.js-address-form .form-fields > .mb-3:has(input[name="city"]) {
  grid-column: auto;
}
/* Mobile : tout en une colonne */
@media (max-width: 575px) {
  .js-address-form .form-fields { grid-template-columns: 1fr; }
  .js-address-form .form-fields > * { grid-column: 1 / -1 !important; }
}