/* Banners del catálogo — solo mobile (≤768px).
   El alto sale de la proporción real de cada imagen (js/banner-mobile.js → --mb-ar),
   así el banner se ve entero, sin recortes, en cualquier ancho de pantalla. */
@media (max-width: 768px) {
  .stage-product { display: none !important; }
  .brand-stage::after { display: none; }
  .brand-stage { height: auto !important; min-height: 0; aspect-ratio: var(--mb-ar, 1400 / 763); }
  .stage-banner { object-fit: cover; object-position: center; transform: none; }
}