/* =========================================================
   OKLYCOSMETICS — LÍNEAS DE PRODUCTOS RESPONSIVE V1
   Solo habilita imágenes independientes para PC y móvil.
   No cambia el diseño de las tarjetas ni el hero.
   ========================================================= */

#lineas .product-card .product-picture{
  display:block;
  width:100%;
  flex:0 0 auto;
  overflow:hidden;
}

#lineas .product-card .product-picture img{
  display:block;
  width:100%;
}

/* PC: conserva la tarjeta cuadrada ya aprobada */
@media(min-width:1100px){
  #lineas .product-card .product-picture{
    aspect-ratio:1/1;
  }
  #lineas .product-card .product-picture img{
    width:100%;
    height:100%;
    aspect-ratio:1/1;
    object-fit:cover;
  }
}

/* Tablet */
@media(min-width:701px) and (max-width:1099px){
  #lineas .product-card .product-picture{
    aspect-ratio:4/3;
  }
  #lineas .product-card .product-picture img{
    width:100%;
    height:100%;
    aspect-ratio:4/3;
    object-fit:cover;
  }
}

/* Celular: usa la versión 840x900 dentro del ancho de imagen ya aprobado */
@media(max-width:700px){
  #lineas .product-card .product-picture{
    width:112px;
    height:100%;
    min-height:120px;
    align-self:stretch;
  }
  #lineas .product-card .product-picture img{
    width:112px;
    height:100%;
    min-height:120px;
    object-fit:cover;
  }
}

@media(max-width:420px){
  #lineas .product-card .product-picture,
  #lineas .product-card .product-picture img{
    width:112px;
  }
}