/* Don Lucho v56 - Fotos completas en formato 1:1 */

:root{--photo-bg:#eef7f8}

/* Carta pública: cuadro 1:1 mostrando la imagen completa */
.product-grid .card .card-photo,
.product-grid .card>img.card-photo,
.card img.card-photo,
.card img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:var(--photo-bg)!important;
  padding:8px!important;
  border-radius:0!important;
}

/* Modal de detalle del producto */
.product-modal[open]{
  grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);
  align-items:start;
}
.product-modal>img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center center;
  background:var(--photo-bg);
  padding:12px;
  border-radius:18px 0 0 18px;
}

/* Almuerzo y promoción */
.lunch-img,
#featuredPromoImage{
  aspect-ratio:1 / 1;
  object-fit:contain!important;
  object-position:center center;
  background:var(--photo-bg);
  padding:8px;
}

/* Carrito y confirmación */
.cart-row img,
.checkout-row img{
  width:60px;
  height:60px;
  aspect-ratio:1 / 1;
  object-fit:contain!important;
  object-position:center center;
  background:var(--photo-bg);
  padding:3px;
  border-radius:10px;
}

@media(max-width:720px){
  .product-modal[open]{display:block;max-height:90dvh;overflow:auto}
  .product-modal>img{
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:18px 18px 0 0;
    padding:10px;
  }
  .product-grid .card .card-photo,
  .product-grid .card>img.card-photo,
  .card img.card-photo,
  .card img{
    padding:6px!important;
  }
}