/* Modal de producto — fix de imágenes en mobile (compartido por todas las plantillas de tienda)
   La columna blanca de la foto se achicaba (flex-shrink) y la foto se desbordaba sobre el contenido.
   Foto con alto fijo, galería acotada y el modal entero con scroll. */
@media (max-width: 767px) {
  #product-modal-content { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
  #product-modal-content > div { flex-shrink: 0; min-height: 0; }
  #product-modal-content > div:first-of-type { position: relative; overflow: hidden; }
  #modal-main-img { display: block; width: 100%; height: 16rem; max-height: 16rem; object-fit: contain; position: static; }
  #modal-gallery { max-height: 5.5rem; overflow-x: auto; overflow-y: hidden; }
  #modal-gallery img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
  #product-modal-content > div:last-of-type { overflow-y: visible; }
}