/* SU Especialidades — tarjetas de producto (loop/carrusel) en todo el sitio.
   Estilo Instacart/Walmart: foto → PRECIO → título, y menos aire vertical.
   Solo toca las tarjetas de listado (.wd-product); la ficha de producto
   (.summary) usa otro markup y no se ve afectada. El plugin no encola este
   archivo en la ficha de producto (is_product). Se desactiva desde
   Productos → Especialidades: Herramientas → Portada. */

/* Woodmart pinta .product-element-bottom como grid (título/precio en filas
   fijas) y el CSS custom del tema lo fija con !important: el prefijo body
   da la especificidad extra para ganar a ese inline sin tocar el markup. */
body .wd-product .product-element-bottom{display:flex !important;flex-direction:column;align-items:flex-start;padding-top:8px !important;padding-bottom:10px !important;min-height:0 !important}
body .wd-product .product-element-bottom .price{order:-1;margin-bottom:3px}
/* El tema reserva SIEMPRE 60px de título (3 líneas, clamp en el <a>):
   altura natural + clamp a 3 líneas con elipsis (sin altura fija: los
   títulos cortos no reservan espacio vacío). */
body .wd-product .wd-entities-title{margin-bottom:0;height:auto !important;overflow:hidden}
body .wd-product .wd-entities-title>a{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical;overflow:hidden}
/* El tema fija 12px de aire sobre la foto (y min-height 130px en el bloque de
   texto) con !important en su CSS custom: se recorta a 4px / altura natural. */
body .wd-product .product-element-top{padding:4px 12px 0 !important}
/* Los packshots traen márgenes blancos dentro del propio archivo: un zoom
   suave los recorta y la foto llena el marco (patrón Instacart). */
body .wd-product .product-image-link{overflow:hidden}
body .wd-product .product-image-link img{transform:scale(1.12)}