/* ===== PRODUCT CARD NUEVO DISENO v10 ===== */
.product_content .item-product article.js-product-miniature {
  background: #2D6A2D !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
  border-top: 3px solid #52a852 !important;
}
.product_content .item-product article.js-product-miniature:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.22) !important;
}
.product_content .item-product .img_block {
  background: #fff !important; padding: 16px !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; min-height: 170px !important;
  position: relative !important; flex-shrink: 0 !important;
}
.product_content .item-product .img_block img {
  max-height: 150px !important; max-width: 100% !important;
  object-fit: contain !important; width: auto !important;
}
.product_content .item-product .product-flags {
  position: absolute !important; top: 8px !important; left: 8px !important;
  list-style: none !important; padding: 0 !important; margin: 0 !important; z-index: 2 !important;
}
.product_content .item-product .product-flag {
  background: #FFEE56 !important; color: #1A1A1A !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 3px 9px !important; border-radius: 4px !important;
  display: inline-block !important;
}
.product_content .item-product .product_desc {
  padding: 14px 16px 16px !important; flex: 1 !important;
  display: flex !important; flex-direction: column !important;
  background: transparent !important;
}
.product_content .item-product .inner_desc {
  display: flex !important; flex-direction: column !important;
  height: 100% !important; background: transparent !important;
}
.product_content .item-product .manufacturer,
.product_content .item-product .manufacturer a {
  font-size: 10px !important; color: rgba(255,255,255,0.65) !important;
  text-transform: uppercase !important; letter-spacing: 1px !important;
  text-decoration: none !important; margin-bottom: 5px !important; display: block !important;
}
.product_content .item-product h3 {
  font-size: 15px !important; font-weight: 700 !important;
  margin: 0 0 10px !important; line-height: 1.3 !important;
  min-height: 2.6em !important; max-height: 2.6em !important;
  overflow: hidden !important; display: block !important;
}
/* Override .one_line class added by theme.js to anchor */
.product_content .item-product h3 a,
.product_content .item-product h3 a.one_line {
  color: #fff !important; text-decoration: none !important;
  white-space: normal !important; overflow: visible !important;
  text-overflow: clip !important; display: inline !important; width: auto !important;
}
.product_content .item-product h3 a:hover,
.product_content .item-product h3 a.one_line:hover { color: #FFEE56 !important; }
/* Description HIDDEN */
.product_content .item-product .product-desc { display: none !important; }
.product_content .item-product .product-price-and-shipping {
  display: flex !important; align-items: baseline !important;
  gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 12px !important;
  margin-top: auto !important;
}
.product_content .item-product .product-price-and-shipping .price {
  font-size: 22px !important; font-weight: 700 !important;
  color: #FFEE56 !important; line-height: 1 !important;
}
.product_content .item-product .product-price-and-shipping .regular-price {
  font-size: 13px !important; color: rgba(255,255,255,0.5) !important;
  text-decoration: line-through !important;
}
.product_content .item-product .add-to-links {
  position: static !important; visibility: visible !important;
  opacity: 1 !important; transform: none !important;
  background: transparent !important; display: block !important; padding: 0 !important;
}
.product_content .item-product .add-to-links > ul {
  display: block !important; width: 100% !important;
  background: transparent !important; padding: 0 !important; margin: 0 !important;
  list-style: none !important;
}
.product_content .item-product .add-to-links li:not(.cart) { display: none !important; }
.product_content .item-product .add-to-links li.cart {
  width: 100% !important; display: block !important; flex: none !important;
}
.product_content .item-product .add-to-links .ajax_add_to_cart_button,
.product_content .item-product .add-to-links button.ajax_add_to_cart_button {
  background: #E65C00 !important; border: 1px solid #E65C00 !important;
  color: #fff !important; width: 100% !important;
  border-radius: 6px !important; font-weight: 600 !important;
  padding: 10px 14px !important; font-size: 14px !important;
  display: block !important; text-align: center !important; box-sizing: border-box !important;
}
.product_content .item-product .add-to-links .ajax_add_to_cart_button:hover,
.product_content .item-product .add-to-links button.ajax_add_to_cart_button:hover {
  background: #cc5200 !important; border-color: #cc5200 !important;
}
.product_content .item-product .quick-view { display: none !important; }
/* Hide tags and advertising banner from sidebar */
#tags_block, #tags_block + * { display: none !important; }
.advertising-block { display: none !important; }
[id*='advert'] img[src*='advertising'] { display: none !important; }

/* ===== HOME PRODUCT WIDGETS - igual dise�o que listado v11 ===== */
.pos-sale-product-widget .thumbnail-container,
.pos-producttabs-widget .thumbnail-container,
.pos-product-widget .thumbnail-container {
  background-color: #2d6a2d !important;
  border-radius: 10px !important;
  border-top: 3px solid #52a852 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.pos-sale-product-widget .thumbnail-container .img_block,
.pos-producttabs-widget .thumbnail-container .img_block,
.pos-product-widget .thumbnail-container .img_block {
  background-color: #ffffff !important;
}

.pos-sale-product-widget .thumbnail-container .inner_desc,
.pos-producttabs-widget .thumbnail-container .inner_desc,
.pos-product-widget .thumbnail-container .inner_desc {
  color: #ffffff !important;
}

.pos-sale-product-widget .thumbnail-container h3,
.pos-sale-product-widget .thumbnail-container h3 a,
.pos-producttabs-widget .thumbnail-container h3,
.pos-producttabs-widget .thumbnail-container h3 a,
.pos-product-widget .thumbnail-container h3,
.pos-product-widget .thumbnail-container h3 a {
  color: #ffffff !important;
}

.pos-sale-product-widget .thumbnail-container .price,
.pos-producttabs-widget .thumbnail-container .price,
.pos-product-widget .thumbnail-container .price {
  color: #ffee56 !important;
  font-size: 22px !important;
}

.pos-sale-product-widget .thumbnail-container .manufacturer,
.pos-producttabs-widget .thumbnail-container .manufacturer,
.pos-product-widget .thumbnail-container .manufacturer {
  color: rgba(255,255,255,0.65) !important;
}

.pos-sale-product-widget .thumbnail-container .product-desc,
.pos-producttabs-widget .thumbnail-container .product-desc,
.pos-product-widget .thumbnail-container .product-desc {
  display: none !important;
}

.pos-sale-product-widget .thumbnail-container .hook-reviews,
.pos-producttabs-widget .thumbnail-container .hook-reviews,
.pos-product-widget .thumbnail-container .hook-reviews {
  color: #ffffff !important;
}
.pos-sale-product-widget .thumbnail-container .product_desc,
.pos-producttabs-widget .thumbnail-container .product_desc,
.pos-product-widget .thumbnail-container .product_desc {
  background-color: transparent !important;
}
/* ===== HOME WIDGETS - Bot�n carrito igual que listado v13 ===== */
.pos-sale-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-sale-product-widget .thumbnail-container button.add-to-cart,
.pos-producttabs-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-sale-product-widget .thumbnail-container .btn-primary,
.pos-producttabs-widget .thumbnail-container .btn-primary,
.pos-product-widget .thumbnail-container .btn-primary {
  background-color: #e65c00 !important;
  background-image: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  width: 100% !important;
  display: block !important;
  border: none !important;
  padding: 8px 12px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 1.5 !important;
}

/* Wrappers full-width y font-size correcto */
.pos-sale-product-widget .thumbnail-container .add-to-links,
.pos-producttabs-widget .thumbnail-container .add-to-links,
.pos-product-widget .thumbnail-container .add-to-links {
  width: 100% !important;
  font-size: 14px !important;
  display: block !important;
  padding: 0 !important;
  list-style: none !important;
}

.pos-sale-product-widget .thumbnail-container .add-to-links li,
.pos-producttabs-widget .thumbnail-container .add-to-links li,
.pos-product-widget .thumbnail-container .add-to-links li {
  width: 100% !important;
  font-size: 14px !important;
  display: block !important;
  padding: 0 !important;
}

.pos-sale-product-widget .thumbnail-container .product-add-to-cart,
.pos-producttabs-widget .thumbnail-container .product-add-to-cart,
.pos-product-widget .thumbnail-container .product-add-to-cart,
.pos-sale-product-widget .thumbnail-container .add-to-cart-or-refresh,
.pos-producttabs-widget .thumbnail-container .add-to-cart-or-refresh,
.pos-product-widget .thumbnail-container .add-to-cart-or-refresh {
  width: 100% !important;
}
/* ===== HOME WIDGETS - Bot�n carrito igual que listado v13 ===== */
.pos-sale-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-sale-product-widget .thumbnail-container button.add-to-cart,
.pos-producttabs-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-sale-product-widget .thumbnail-container .btn-primary,
.pos-producttabs-widget .thumbnail-container .btn-primary,
.pos-product-widget .thumbnail-container .btn-primary {
  background-color: #e65c00 !important;
  background-image: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  width: 100% !important;
  display: block !important;
  border: none !important;
  padding: 8px 12px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 1.5 !important;
}

/* Wrappers full-width y font-size correcto */
.pos-sale-product-widget .thumbnail-container .add-to-links,
.pos-producttabs-widget .thumbnail-container .add-to-links,
.pos-product-widget .thumbnail-container .add-to-links {
  width: 100% !important;
  font-size: 14px !important;
  display: block !important;
  padding: 0 !important;
  list-style: none !important;
}

.pos-sale-product-widget .thumbnail-container .add-to-links li,
.pos-producttabs-widget .thumbnail-container .add-to-links li,
.pos-product-widget .thumbnail-container .add-to-links li {
  width: 100% !important;
  font-size: 14px !important;
  display: block !important;
  padding: 0 !important;
}

.pos-sale-product-widget .thumbnail-container .product-add-to-cart,
.pos-producttabs-widget .thumbnail-container .product-add-to-cart,
.pos-product-widget .thumbnail-container .product-add-to-cart,
.pos-sale-product-widget .thumbnail-container .add-to-cart-or-refresh,
.pos-producttabs-widget .thumbnail-container .add-to-cart-or-refresh,
.pos-product-widget .thumbnail-container .add-to-cart-or-refresh {
  width: 100% !important;
}


/* v14: comparación exhaustiva - fixes */

/* 1. Ocultar quick-view (botón círculo que no existe en listado) */
.pos-sale-product-widget .thumbnail-container .quick-view,
.pos-producttabs-widget .thumbnail-container .quick-view,
.pos-product-widget .thumbnail-container .quick-view,
.pos-sale-product-widget .thumbnail-container .quick_view,
.pos-producttabs-widget .thumbnail-container .quick_view,
.pos-product-widget .thumbnail-container .quick_view {
  display: none !important;
}

/* 2. product_desc padding: igualar al listado (14px 16px 16px) */
.pos-sale-product-widget .thumbnail-container .product_desc,
.pos-producttabs-widget .thumbnail-container .product_desc,
.pos-product-widget .thumbnail-container .product_desc {
  padding: 14px 16px 16px !important;
  background-color: transparent !important;
}

/* 3. h3 font-size: igualar al listado (15px) */
.pos-sale-product-widget .thumbnail-container h3,
.pos-producttabs-widget .thumbnail-container h3,
.pos-product-widget .thumbnail-container h3 {
  font-size: 15px !important;
  color: #ffffff !important;
}
.pos-sale-product-widget .thumbnail-container h3 a,
.pos-producttabs-widget .thumbnail-container h3 a,
.pos-product-widget .thumbnail-container h3 a {
  font-size: 14px !important;
  color: #ffffff !important;
}

/* 4. Botón add-to-cart: igualar padding al listado (10px 14px) */
.pos-sale-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-sale-product-widget .thumbnail-container button.add-to-cart,
.pos-producttabs-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-sale-product-widget .thumbnail-container .btn-primary,
.pos-producttabs-widget .thumbnail-container .btn-primary,
.pos-product-widget .thumbnail-container .btn-primary {
  padding: 10px 14px !important;
}

/* v15: fix pos-producttabs-widget - add-to-links era position:absolute cubriendo título y precio */

/* Hacer add-to-links fluir normalmente (como en el listado) */
.pos-producttabs-widget .thumbnail-container .add-to-links {
  position: static !important;
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
  list-style: none !important;
  margin-top: 6px !important;
}
.pos-producttabs-widget .thumbnail-container .add-to-links li {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
}

/* Permitir que la card expanda para mostrar todo el contenido */
.pos-producttabs-widget .thumbnail-container {
  overflow: visible !important;
  height: auto !important;
}

/* El botón dentro de add-to-links en producttabs (span o a) */
.pos-producttabs-widget .thumbnail-container .add-to-links .ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .add-to-links a.ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .add-to-links span.ajax_add_to_cart_button {
  background-color: #e65c00 !important;
  background-image: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  width: 100% !important;
  display: block !important;
  border: none !important;
  padding: 10px 14px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

/* v16: overflow visible para sale y product widgets (botón era cortado por overflow:hidden) */
.pos-sale-product-widget .thumbnail-container,
.pos-product-widget .thumbnail-container {
  overflow: visible !important;
  height: auto !important;
}

/* v17: mostrar div.cart (contenedor del botón) en pos-sale y pos-product widgets */
.pos-sale-product-widget .thumbnail-container .cart,
.pos-product-widget .thumbnail-container .cart {
  display: block !important;
  width: 100% !important;
}
/* También mostrar .product-add-to-cart si es hermano del cart */
.pos-sale-product-widget .thumbnail-container .product-add-to-cart,
.pos-product-widget .thumbnail-container .product-add-to-cart {
  display: block !important;
  width: 100% !important;
}

/* v18: REVERTIR overflow:visible/height:auto que rompe el slider Slick.
   En cambio, limitar img_block height para dar más espacio al área de info */

/* Revertir para sale y product (mantener overflow:hidden del slider) */
.pos-sale-product-widget .thumbnail-container,
.pos-product-widget .thumbnail-container {
  overflow: hidden !important;
  height: auto !important;
}

/* Limitar img_block height para que quede espacio para manufacturer+título+precio+botón */
.pos-sale-product-widget .thumbnail-container .img_block,
.pos-product-widget .thumbnail-container .img_block {
  max-height: 185px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pos-sale-product-widget .thumbnail-container .img_block img,
.pos-product-widget .thumbnail-container .img_block img {
  max-height: 185px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* v19: eliminar height:auto que rompe el slider Slick (colapsa la página).
   Usar height:unset para que Slick controle la altura normalmente. */
.pos-sale-product-widget .thumbnail-container,
.pos-product-widget .thumbnail-container {
  overflow: hidden !important;
  height: unset !important;
}

/* También eliminar height:auto de producttabs (overflow:visible es suficiente) */
.pos-producttabs-widget .thumbnail-container {
  overflow: visible !important;
  height: unset !important;
}

/* v20: micro-ajustes finales para igualar listing */
/* 1. Manufacturer: fs=10px (listing usa 10px) */
.pos-sale-product-widget .thumbnail-container .manufacturer,
.pos-producttabs-widget .thumbnail-container .manufacturer,
.pos-product-widget .thumbnail-container .manufacturer {
  font-size: 10px !important;
}

/* 2. Botón: line-height=1em para reducir de 41px a ~36px (igual que listing) */
.pos-sale-product-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container .ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container .ajax_add_to_cart_button {
  line-height: 1 !important;
}

/* 3. Price: line-height=1em (listing: h=22=fs=22px, lh=1em) */
.pos-sale-product-widget .thumbnail-container .price,
.pos-producttabs-widget .thumbnail-container .price,
.pos-product-widget .thumbnail-container .price {
  line-height: 1em !important;
}

/* 4. img_block padding: match listing (pt=16px pb=16px) */
.pos-sale-product-widget .thumbnail-container .img_block,
.pos-producttabs-widget .thumbnail-container .img_block,
.pos-product-widget .thumbnail-container .img_block {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* v21: fix button line-height usando selector de igual/mayor especificidad que v14 (button.add-to-cart)
   Listing btn: h=36, pt=pb=10px, fs=14px → line-height efectivo = 36-20 = 16px → usar 16px */
.pos-sale-product-widget .thumbnail-container button.add-to-cart,
.pos-producttabs-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-sale-product-widget .thumbnail-container button.ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container button.ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container button.ajax_add_to_cart_button {
  line-height: 16px !important;
}

/* v21: fix price height - setear lh en el contenedor padre para que controle el line-box */
.pos-sale-product-widget .thumbnail-container .product-price-and-shipping,
.pos-producttabs-widget .thumbnail-container .product-price-and-shipping,
.pos-product-widget .thumbnail-container .product-price-and-shipping {
  line-height: 1 !important;
}

/* v21: manufacturer height = 15px como listing (lh en parent ya era 1.5em@10px=15px, 
   pero h=12 sugiere que algo lo recorta — forzar display:block y min-height) */
.pos-sale-product-widget .thumbnail-container .manufacturer,
.pos-producttabs-widget .thumbnail-container .manufacturer,
.pos-product-widget .thumbnail-container .manufacturer {
  display: block !important;
  min-height: 15px !important;
  line-height: 15px !important;
}

/* v22: text-transform:uppercase y font-weight:600 para igualar botón del listing */
.pos-sale-product-widget .thumbnail-container button.add-to-cart,
.pos-producttabs-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-sale-product-widget .thumbnail-container button.ajax_add_to_cart_button,
.pos-producttabs-widget .thumbnail-container button.ajax_add_to_cart_button,
.pos-product-widget .thumbnail-container button.ajax_add_to_cart_button {
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* v23: pos-product-widget con fondo BLANCO (diseño previo).
   El thumbnail-container del tema tiene bg verde — lo reemplazamos con blanco.
   Ajustamos colores de texto para legibilidad sobre fondo blanco. */
.pos-product-widget .thumbnail-container {
  background-color: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
}
.pos-product-widget .thumbnail-container .product_desc {
  background-color: #ffffff !important;
}
/* Título oscuro sobre fondo blanco */
.pos-product-widget .thumbnail-container h3,
.pos-product-widget .thumbnail-container h3 a,
.pos-product-widget .thumbnail-container .product_name {
  color: #333333 !important;
}
/* Fabricante gris */
.pos-product-widget .thumbnail-container .manufacturer {
  color: #777777 !important;
}
/* Precio naranja oscuro (visible en blanco) */
.pos-product-widget .thumbnail-container .price {
  color: #e8891f !important;
}

/* v24: ocultar ícono ::before del botón en pos-product-widget (hacía el botón doble de alto) */
.pos-product-widget .thumbnail-container button.add-to-cart::before,
.pos-product-widget .thumbnail-container button.ajax_add_to_cart_button::before {
  display: none !important;
}

/* v25: botón pos-product-widget full-width con mejor padding */
.pos-product-widget .thumbnail-container button.add-to-cart,
.pos-product-widget .thumbnail-container button.ajax_add_to_cart_button {
  width: 100% !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}