/* Tía Vicenta v445 · reparación real de cards PC
   Corrige Empanadas y cualquier tarjeta con imagen panorámica:
   la imagen no puede crecer infinitamente ni tapar precio/botones.
*/

/* Base: todas las cards mantienen imagen controlada y footer visible */
html body .product,
html body .product.compact-product{
  overflow:hidden!important;
  min-width:0!important;
}

html body .product .product-media,
html body .product.compact-product .product-media{
  position:relative!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  background:var(--surface2, #fff4e6)!important;
}

html body .product .product-media img,
html body .product.compact-product .product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

html body .product[data-cat="Bebidas"] .product-media img{
  object-fit:contain!important;
  padding:12px!important;
  background:#fff!important;
}

html body .product .product-body,
html body .product.compact-product .product-body{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}

html body .product .product-actions,
html body .product.compact-product .product-actions{
  margin-top:auto!important;
  flex:0 0 auto!important;
}

/* PC grande: Empanadas como card horizontal, imagen a la izquierda */
@media (min-width: 901px){
  html body .product[data-cat="Empanadas"]{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:minmax(260px, 32%) minmax(0, 1fr)!important;
    min-height:260px!important;
    max-height:none!important;
    height:auto!important;
    border-radius:24px!important;
    align-items:stretch!important;
  }

  html body .product[data-cat="Empanadas"] .product-media{
    width:100%!important;
    height:100%!important;
    min-height:260px!important;
    max-height:320px!important;
    aspect-ratio:auto!important;
    align-self:stretch!important;
  }

  html body .product[data-cat="Empanadas"] .product-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  html body .product[data-cat="Empanadas"] .product-body{
    min-height:260px!important;
    padding:26px!important;
    justify-content:center!important;
    gap:14px!important;
    overflow:visible!important;
  }

  html body .product[data-cat="Empanadas"] h3{
    font-size:32px!important;
    line-height:1.05!important;
    min-height:0!important;
    -webkit-line-clamp:2!important;
  }

  html body .product[data-cat="Empanadas"] .desc{
    font-size:15px!important;
    line-height:1.45!important;
    min-height:0!important;
    max-width:70ch!important;
    -webkit-line-clamp:3!important;
  }

  html body .product[data-cat="Empanadas"] .product-actions{
    display:grid!important;
    grid-template-columns:140px minmax(180px, 260px)!important;
    justify-content:start!important;
    gap:12px!important;
    width:100%!important;
  }

  html body .product[data-cat="Empanadas"] .details-btn,
  html body .product[data-cat="Empanadas"] .add-btn,
  html body .product[data-cat="Empanadas"] .card-buy-control{
    height:50px!important;
    min-height:50px!important;
  }
}

/* PC/tablet angosto: card vertical pero imagen con alto limitado */
@media (min-width: 761px) and (max-width: 900px){
  html body .product[data-cat="Empanadas"]{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
  }

  html body .product[data-cat="Empanadas"] .product-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 7!important;
  }

  html body .product[data-cat="Empanadas"] .product-body{
    padding:18px!important;
    min-height:0!important;
  }
}

/* Mobile: conserva el diseño mobile, sólo asegura que no se estire */
@media (max-width: 760px){
  html body .product[data-cat="Empanadas"] .product-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
  }
}