/* Category prices use the same typography, color and full-width rows as home carousels. */
body#category #js-product-list .product-price-and-shipping{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:16px 28px;gap:2px;width:100%;text-align:left!important;}
body#category #js-product-list .product-price-and-shipping>.price{grid-row:2;display:block;width:100%;font-family:Arial,Helvetica,sans-serif!important;font-size:22px!important;font-weight:700!important;font-style:normal!important;line-height:1.2!important;letter-spacing:0!important;color:#cc0000!important;text-shadow:none!important;margin:0!important;}
body#category #js-product-list .product-price-and-shipping>.regular-price{grid-row:1;display:block;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:16px!important;color:#858585!important;text-decoration:line-through;margin:0!important;}
body#category #js-product-list .product-price-and-shipping>:not(.price):not(.regular-price){grid-column:1;}
body#category #js-product-list .product-title h3{height:2.8em!important;max-height:2.8em!important;line-height:1.4!important;-webkit-line-clamp:2!important;}
@media(max-width:767px){body#category #js-product-list .product-price-and-shipping>.price{font-size:20px!important;}}

/* m1c-no-subgrid: en móvil cada tarjeta fluye sola. Safari iOS coloca mal las
   filas del subgrid anidado (título sobre el precio, hueco bajo la imagen).
   La rejilla de dos columnas de .products se conserva. */
@media (max-width: 767px) {
  body#category #js-product-list .tvgrid-list-view-product .products {
    align-items: start !important;
  }
  body#category #js-product-list .tvgrid-list-view-product .products > article.product-miniature,
  body#category #js-product-list .tvgrid-list-view-product article > .thumbnail-container,
  body#category #js-product-list .tvgrid-list-view-product .thumbnail-container > .tvproduct-wrapper,
  body#category #js-product-list .tvgrid-list-view-product .tvproduct-info-box-wrapper,
  body#category #js-product-list .tvgrid-list-view-product .product-description,
  body#category #js-product-list .tvgrid-list-view-product .tv-product-price {
    display: block !important;
    grid-template-rows: none !important;
    grid-template-columns: none !important;
    grid-row: auto !important;
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body#category #js-product-list .tvgrid-list-view-product .tvproduct-image,
  body#category #js-product-list .tvgrid-list-view-product .product-title,
  body#category #js-product-list .tvgrid-list-view-product .tv-product-price-info-box {
    grid-row: auto !important;
    grid-column: auto !important;
  }
  body#category #js-product-list .product-miniature .product-price-and-shipping {
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }
}

/* m1c-cards-connectif: listado con el nombre y precio de las tarjetas de Connectif */
body#category #js-product-list .product-miniature .product-title,body#category #js-product-list .product-miniature .product-title h3,body#category #js-product-list .product-miniature .product-title h3 a,body#category #js-product-list .product-miniature .product-title a{font-family:Montserrat,sans-serif!important;font-size:13.6px!important;font-weight:600!important;line-height:1.4!important;color:#333!important;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;text-align:center!important}
body#category #js-product-list .product-miniature .product-title h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;height:2.8em!important;min-height:2.8em!important;max-height:2.8em!important;overflow:hidden!important;white-space:normal!important;margin:0 0 10px!important;padding:0!important}
body#category #js-product-list .product-miniature .product-price-and-shipping{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:0 10px!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 6px!important;text-align:center!important}
body#category #js-product-list .product-miniature .product-price-and-shipping>*{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;min-width:0!important}
body#category #js-product-list .product-miniature .product-price-and-shipping>.regular-price{order:1!important;flex:0 0 auto!important;width:auto!important;font-family:Montserrat,sans-serif!important;font-size:14.4px!important;font-weight:400!important;line-height:1.3!important;color:#999!important;text-decoration:line-through!important;margin:0!important;white-space:nowrap!important}
body#category #js-product-list .product-miniature .product-price-and-shipping>.price{order:2!important;flex:0 0 auto!important;width:auto!important;font-family:Montserrat,sans-serif!important;font-size:18.4px!important;font-weight:700!important;line-height:1.3!important;color:#111!important;letter-spacing:0!important;margin:0!important;white-space:nowrap!important;text-shadow:none!important}
body#category #js-product-list .product-miniature .product-price-and-shipping:has(>.regular-price)>.price{color:#cc0000!important}
body#category #js-product-list .product-miniature .product-price-and-shipping::after{content:'';order:3;flex:0 0 100%;height:0}
body#category #js-product-list .product-miniature .product-price-and-shipping>.te-ahorras{order:4!important;flex:0 0 auto!important}
body#category #js-product-list .product-miniature .product-price-and-shipping>.delivery-time,body#category #js-product-list .product-miniature .product-price-and-shipping>.only_online_adv,body#category #js-product-list .product-miniature .product-price-and-shipping>.product-shipping-info{order:5!important;flex:0 0 100%!important;width:100%!important}

/* m1c-desktop-flow: la descripción de la tarjeta fluye en todas las anchuras (el widget de cuotas se inyecta ahí y el subgrid lo dejaba fuera) */
body#category #js-product-list .tvgrid-list-view-product .product-description{display:block!important;grid-template-rows:none!important;min-width:0}
body#category #js-product-list .tvgrid-list-view-product .tv-product-price{display:block!important;grid-template-rows:none!important;grid-row:auto!important;min-width:0}
body#category #js-product-list .tvgrid-list-view-product .product-price-and-shipping{grid-row:auto!important}
body#category #js-product-list .tvgrid-list-view-product .product-description>section{margin:6px 0 0;min-width:0}

/* m1c-alineado-ahorro: en el listado, las tarjetas sin «Te ahorras» reservan su sitio (el separador de línea ocupa lo que mide la píldora) */
body#category #js-product-list .product-miniature .product-price-and-shipping:not(:has(>.te-ahorras))::after{height:34px}
@media (max-width:767px){body#category #js-product-list .product-miniature .product-price-and-shipping>.te-ahorras{font-size:11px!important;padding:4px 6px!important;letter-spacing:0!important}}
/* Equal category cards without nested subgrid (including Safari/iOS).
   Explicit price/offer tracks remain present when their content is absent. */
body#category #js-product-list .tvgrid-list-view-product .products {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
body#category #js-product-list .tvgrid-list-view-product .products>article.product-miniature,
body#category #js-product-list .tvgrid-list-view-product article>.thumbnail-container,
body#category #js-product-list .tvgrid-list-view-product .thumbnail-container>.tvproduct-wrapper,
body#category #js-product-list .tvgrid-list-view-product .tvproduct-info-box-wrapper {
  display:flex!important;
  flex-direction:column;
  grid-template-rows:none!important;
  grid-row:auto!important;
  grid-column:auto!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
body#category #js-product-list .tvgrid-list-view-product article>.thumbnail-container,
body#category #js-product-list .tvgrid-list-view-product .thumbnail-container>.tvproduct-wrapper,
body#category #js-product-list .tvgrid-list-view-product .tvproduct-info-box-wrapper {flex:1 0 auto}
body#category #js-product-list .tvgrid-list-view-product .tvproduct-image {flex:none}
body#category #js-product-list .tvgrid-list-view-product .product-description {width:100%;min-width:0;box-sizing:border-box}
body#category #js-product-list .tvgrid-list-view-product .product-title h3 {
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  height:2.8em!important;min-height:2.8em!important;max-height:2.8em!important;overflow:hidden!important;
}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:28px 44px minmax(68px,auto) auto!important;
  grid-auto-rows:auto!important;
  gap:0 8px!important;
  align-items:center!important;
}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping::after {content:none!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.regular-price {grid-area:1/1!important;justify-self:end!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.price {grid-area:1/2!important;justify-self:start!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping:not(:has(>.regular-price))>.price {grid-area:1/1/2/-1!important;justify-self:center!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.te-ahorras {
  grid-area:2/1/3/-1!important;justify-self:center!important;align-self:center!important;
  width:auto!important;max-width:100%!important;margin:0!important;white-space:normal!important;box-sizing:border-box;
}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.delivery-time {grid-area:3/1/4/-1!important;align-self:center!important;margin:0!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.only_online_adv {grid-area:4/1/5/-1!important}
body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.product-shipping-info {grid-area:5/1/6/-1!important}
@media(min-width:992px) and (max-width:1199px){body#category #js-product-list .tvgrid-list-view-product .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){body#category #js-product-list .tvgrid-list-view-product .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  body#category:is(.category-id-33,.category-id-38,.category-id-40,.category-id-61) #js-product-list .tvgrid-list-view-product .products{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1199px){
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:20px 26px 44px minmax(68px,auto) auto!important;column-gap:0!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.regular-price{grid-area:1/1!important;justify-self:center!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.price,
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping:not(:has(>.regular-price))>.price{grid-area:2/1!important;justify-self:center!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.te-ahorras{grid-area:3/1!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.delivery-time{grid-area:4/1!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.only_online_adv{grid-area:5/1!important}
  body#category #js-product-list .tvgrid-list-view-product .product-miniature .product-price-and-shipping>.product-shipping-info{grid-area:6/1!important}
}
