/* Les deux élévations de la machine Kardrop, face et profil, suivies du
   récapitulatif chiffré. Purement statique : aucune image de cote, aucun
   script — le bloc reste net à toutes les tailles et à l'impression. */

.machine-vues{
  --mv-h: 420px;            /* hauteur d'affichage des machines */
  --mv-texte: #41506a;
  --mv-fond: transparent;

  display:flex; flex-direction:column; align-items:center; gap:26px;
  padding:8px 0 4px;
}

.mv-scene{
  display:flex; align-items:flex-end; justify-content:center;
  gap:clamp(34px, 7vw, 78px);
  position:relative;
}

.mv-vue{display:flex; flex-direction:column; align-items:center; gap:10px}
.mv-vue img{
  height:var(--mv-h); width:auto; display:block; object-fit:contain;
  filter:drop-shadow(0 16px 22px rgba(7,21,45,.14));
}
.mv-legende{
  font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase;
  color:#8b98aa;
}

/* ---------- récapitulatif chiffré ---------- */
.mv-cotes{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px;
  background:#dbe2ed; border:1px solid #dbe2ed; border-radius:12px; overflow:hidden;
  width:min(100%,520px);
}
.mv-cotes > div{background:#fff; padding:13px 10px; text-align:center}
.mv-cotes strong{
  display:block; font-size:15px; letter-spacing:-.02em; font-variant-numeric:tabular-nums;
  color:#07152d;
}
.mv-cotes span{display:block; margin-top:3px; font-size:11px; color:#7a8799}

@media (max-width:900px){ .machine-vues{--mv-h:330px} }
@media (max-width:640px){
  .machine-vues{--mv-h:250px}
  .mv-scene{gap:26px}
  .mv-cotes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{
  .machine-vues img{filter:none}
  .mv-cotes{break-inside:avoid}
}