/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                     CATEGORY PAGE                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */


ul.products {
    --gridcols: 1;
    width: 100%; margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: grid; grid-gap: 20px; grid-template-columns: repeat(var(--gridcols), 1fr);
}
ul.products.columns-1 { --gridcols: 1; grid-gap: 0px; }
ul.products.columns-2 { --gridcols: 2; }
ul.products.columns-3 { --gridcols: 3; }
ul.products.columns-4 { --gridcols: 4; }
ul.products.columns-5 { --gridcols: 5; }
ul.products.columns-6 { --gridcols: 6; }
ul.products.columns-7 { --gridcols: 7; }
ul.products > li.product { 
  display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between;  
  border-bottom: 2px solid #ECF2F3;
  padding: 10px 0;
  transition:border 0.5s;
}
ul.products > li.product .button { display: none; }
ul.products > li.product:hover { border-color: var(--blue); }
ul.products::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }

a.woocommerce-loop-product__link { display: block; color: inherit; text-decoration: none;   }
a.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail { 
  display: block; margin: 0 auto; min-width: 100%; aspect-ratio: 1; object-fit: contain; 
  transition:all 0.2s;
}
a.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail:hover { opacity: 0.8; }
a.woocommerce-loop-product__link h2.woocommerce-loop-product__title { display: block; font-size: 14px; line-height: 1.15; font-weight: bold; display: block; margin: 0; padding: 10px 0;  }
a.woocommerce-loop-product__link .price { display: flex;   }

a.woocommerce-loop-product__link:hover h2.woocommerce-loop-product__title { color: var(--blue); }


.woocommerce-ordering {}
.woocommerce-ordering select { }

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XL */ @media (max-width: 1365.98px) {

    ul.products.columns-6 { --gridcols: 5; }

} /* @media ---| width < 1366px |--- */


/* LG */ 
@media (max-width: 1279.98px) {


    ul.child-categories.is_product_category { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
    .child-category .heading { font-size: 12px; padding: 7px 10px; }
    ul.products.columns-4 { --gridcols: 5; }
    ul.products.columns-5 { --gridcols: 4; }
    ul.products.columns-6 { --gridcols: 3; }
    ul.products.columns-7 { --gridcols: 5; }


} /* @media ---| width < 1200px |--- */

/* MD */ @media (max-width: 991.98px) {

  ul.products.columns-4 { --gridcols: 4; }
  ul.products.columns-5 { --gridcols: 4; }
  ul.products.columns-6 { --gridcols: 4; }
  ul.products.columns-7 { --gridcols: 4; }
   

} /* @media ---| width < 992px |--- */

/* SM */ @media (max-width: 767.98px) {

  ul.products.columns-4 { --gridcols: 4; }
  ul.products.columns-5 { --gridcols: 4; }
  ul.products.columns-6 { --gridcols: 3; }
  ul.products.columns-7 { --gridcols: 3; }
  

} /* @media ---| width < 768px |--- */

/* XS */ @media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

  ul.products.columns-4 { --gridcols: 2; }
  ul.products.columns-5 { --gridcols: 2; }
  ul.products.columns-6 { --gridcols: 2; }
  ul.products.columns-7 { --gridcols: 2; }

  
} /* @media ---| width < 576px |--- */

@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }

/* XXS */ @media (max-width: 319.98px) and (orientation:landscape) {}
@media (max-width: 319.98px) {


} /* @media ---| width < 320px |--- */

/* ---| END |--- */
/* ¡ NO STYLES BELOW THIS LINE PLEASE ! */