/* En-tête desktop : rythme régulier et absence de chevauchement entre logo et menu. */
@media (min-width:861px){
  header .header-inner{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    column-gap:clamp(18px,2vw,32px);
    align-items:center;
    min-height:76px;
    height:auto;
  }
  header .logo{white-space:nowrap}
  header nav#nav-principal{
    min-width:0;
    justify-content:center;
    gap:clamp(14px,1.4vw,24px);
  }
  header nav#nav-principal a{
    white-space:nowrap;
    line-height:1.25;
  }
  header .nav-ref{flex:0 0 auto}
  header .btn-primary{
    white-space:nowrap;
    text-align:center;
  }
}

/* Les visuels transparents sont présentés sur fond blanc, sans damier technique. */
.product-photo{background:#fff}
.product-photo img{object-fit:contain}

@media (min-width:861px) and (max-width:1120px){
  header .header-inner{column-gap:14px}
  header nav#nav-principal{gap:12px}
  header nav#nav-principal a{font-size:13px}
  header .btn-primary{padding-inline:14px;font-size:13px}
}