/* CNI — rectificacion global del catálogo, SOLO en laboratorio aislado.
   Mantiene intactas las fotos originales y el tratamiento aprobado de vino/cava/melocoton. */

/* Orientacion horizontal: un marco mas corto, conserva la escena completa sin recorte. */
#detailModal.is-beverage.is-landscape .detail-photo-wrap {
  height: clamp(220px, 33dvh, 280px);
}
#detailModal.is-beverage.is-square .detail-photo-wrap {
  height: clamp(260px, 42dvh, 340px);
}
/* Foto vertical estrecha = marco vertical del piloto. 
   El melocotón V2 conserva prioridad de su regla is-peach. */
#detailModal.is-beverage.is-peach .detail-photo-wrap {
  height: min(54dvh, 460px);
}

/* El catálogo de miniaturas nunca debe cortar bordes del producto. */
#beveragesAccordion .beverage-card .beverage-thumb {
  width: 58px;
  height: 58px;
  min-width: 58px;
  flex: 0 0 58px;
  box-sizing: border-box;
  padding: 2px;
  object-fit: contain;
  object-position: center;
  border-radius: 9px;
  border: 1px solid rgba(220,182,107,.18);
  background: radial-gradient(circle at center, #263247, #101725 78%);
}
#beveragesAccordion .beverage-card {
  gap: 10px;
  min-height: 76px;
}
#beveragesAccordion .beverage-info {
  min-width: 0;
}
#beveragesAccordion .beverage-price {
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (max-width: 340px) {
  #beveragesAccordion .beverage-card .beverage-thumb {
    width: 54px;
    height: 54px;
    min-width: 54px;
    flex-basis: 54px;
  }
  #beveragesAccordion .beverage-card { gap: 8px; }
  #detailModal.is-beverage.is-landscape .detail-photo-wrap { height: 215px; }
  #detailModal.is-beverage.is-square .detail-photo-wrap { height: 255px; }
  #detailModal.is-beverage.is-peach .detail-photo-wrap { height: min(50dvh, 370px); }
}

/* Fotografía vertical moderada: gana espacio para descripciones y formatos Copa/Jarra. */
#detailModal.is-beverage.is-portrait-medium .detail-photo-wrap {
  height: clamp(285px, 40dvh, 330px);
}

/* Ultimo ajuste de legibilidad en 320px: ficha con selector copa/jarra sin scroll. */
@media (max-width:340px) {
  #detailModal.is-beverage.is-portrait-medium .detail-photo-wrap {height: 260px;}
}