/* Commerces & espaces — feuille propre a cette page.
   Les photos originales sont affichees integralement, sans recadrage. */
.page-pro-portfolio.page-commerces .commerce-gallery-section {
  padding-bottom:clamp(60px,7vw,105px);
}
.page-commerces .commerce-gallery {
  display:flex;
  flex-direction:column;
  gap:clamp(58px,7vw,108px);
  min-width:0;
}
.page-commerces .commerce-chapter {
  min-width:0;
}
.page-commerces .commerce-chapter-head {
  margin-bottom:clamp(24px,3vw,42px);
  max-width:750px;
}
.page-commerces .commerce-chapter-head .eyebrow {
  display:block;
  margin-bottom:14px;
}
.page-commerces .commerce-chapter-head h2 {
  font-family:'Libre Caslon Display',Georgia,serif;
  color:#292521;
  font-weight:400;
  font-size:clamp(36px,4vw,62px);
  line-height:1.12;
  letter-spacing:-.025em;
  margin:0 0 14px;
}
.page-commerces .commerce-chapter-head p {
  font-family:'DM Sans',sans-serif;
  font-size:clamp(13px,1.1vw,16px);
  line-height:1.75;
  color:#706b65;
  max-width:620px;
  margin:0;
}
.page-commerces .commerce-chapter-images {
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  min-width:0;
}
.page-commerces .commerce-row {
  display:grid;
  gap:12px;
  align-items:start;
  width:100%;
  min-width:0;
}
.page-commerces .commerce-row--3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.page-commerces .commerce-row--4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.page-commerces .commerce-photo {
  display:block;
  margin:0;
  min-width:0;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
}
.page-commerces .commerce-photo img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  transform:none;
}
@media (max-width:700px) {
  .page-commerces .commerce-gallery {gap:52px;}
  .page-commerces .commerce-chapter-head {margin-bottom:20px;}
  .page-commerces .commerce-chapter-images {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  /* Les images des rangées de 3 et 4 se suivent par 2, sans photo orpheline. */
  .page-commerces .commerce-row {display:contents;}
  .page-commerces .commerce-photo {min-width:0;}
}
