/* Composition enregistrée dans l’éditeur des cartes, le 06.09.2026.
   Les deux marges reprennent les 3,39 % de la mosaïque d’origine.
   L’écart de 0,86 % de cette même largeur est commun aux deux axes. */
#services.svcx{container-type:inline-size;}
#services .svcx-mosa{
  display:flex;
  flex-direction:column;
  container-type:normal;
  height:auto;
  margin-inline:3.39%;
  gap:.86cqw;
}
#services .svcx-row{
  display:flex;
  align-items:stretch;
  min-width:0;
  gap:.86cqw;
}
#services .svcx-item{
  position:relative;
  left:auto;
  top:auto;
  width:auto;
  min-width:0;
  margin:0;
  flex:var(--card-weight) 1 0;
  overflow-wrap:anywhere;
}
#services .svcx-img{aspect-ratio:var(--card-ratio);height:auto;}
#services .m-vente .svcx-tit{max-width:none;}
#services .svcx-img img{
  object-position:var(--photo-origin);
  transform-origin:var(--photo-origin);
  transform:scale(var(--photo-zoom));
}
/* Deux colonnes identiques : mêmes bords et même écart sur les deux rangées.
   Les hauteurs gardent les proportions initiales de 62 % et 38 %. */
@media(min-width:1280px){
  #services .m-atelier{container-type:inline-size;flex-grow:56.92;}
  #services .m-depannage{container-type:inline-size;flex-grow:35.44;}
  #services .m-atelier .svcx-img,#services .m-depannage .svcx-img{width:100%;}
  #services .m-atelier .svcx-img{
    height:calc(100cqw * .62 * 92.36 / 56.92 / var(--card-ratio));
  }
  #services .m-depannage .svcx-img{
    height:calc(100cqw * .38 * 92.36 / 35.44 / var(--card-ratio));
  }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  #services .svcx-img:hover img{transform:scale(calc(var(--photo-zoom) * 1.03));}
}
@media(max-width:1279px){
  #services .svcx-mosa{margin-inline:0;gap:40px;}
  #services .svcx-row{flex-direction:column;gap:40px;}
  #services .svcx-item{width:100%;flex:none;}
}