.elementor-1606 .elementor-element.elementor-element-991fbf7{--display:flex;--background-transition:0.3s;}.elementor-1606 .elementor-element.elementor-element-5ac360f{width:auto;max-width:auto;}.elementor-1606 .elementor-element.elementor-element-5ac360f > .elementor-widget-container{padding:-0px -0px -0px -0px;}.elementor-1606 .elementor-element.elementor-element-fb061fb > .elementor-widget-container{margin:0px 0px 0px 10px;padding:20px 0px 0px 0px;}.elementor-1606 .elementor-element.elementor-element-fb061fb.elementor-element{--order:-99999 /* order start hack */;}.elementor-1606 .elementor-element.elementor-element-fb061fb .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:48px;font-weight:400;}/* Start custom CSS for shortcode, class: .elementor-element-5ac360f */.categories-page-grid 

{min-height: 260px;
  display: flex;
  align-items: center;}
  
  .categories-page-grid .count
  {display:none !important;}
  
  
  .woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-js ul.products li.product h3 .categories-page-grid
  {margin-bottom:25%;}
  
  /* Category card title – scoped only to categories page */
.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title .categories-page-grid
 {
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.5;
    font-family: 'Barlow';
    font-size: 15pt;}
    
    /* ------------------------------
   CATEGORY CARD HOVER EFFECT
   Scoped to categories page only
-------------------------------- */

/* Ensure clipping works for image zoom */
.categories-page-grid 
.woocommerce ul.products li.product-category {
  overflow: hidden;
}

/* Image base state */
.categories-page-grid 
.woocommerce ul.products li.product-category img {
  transition: transform 0.4s ease;
}

/* Title base state */
.categories-page-grid 
.woocommerce-loop-category__title {
  background: #ffffff;
  color: #111;
  transition: 
    background-color 0.3s ease,
    color 0.3s ease;
}

/* ---- HOVER STATES ---- */

/* Image zoom */
.categories-page-grid 
.woocommerce ul.products li.product-category:hover img {
  transform: scale(1.05);
}

/* Title background + text color */
.categories-page-grid 
.woocommerce ul.products li.product-category:hover 
.woocommerce-loop-category__title {
  background: #c63320;
  color: #ffffff;
  margin-bottom:0px;
}
/* 1. Base styling (ensure Astra background is controlled by us) */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  background-color: rgba(255,255,255,0.9);
  color: #111;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 2. Hover: change rectangle + text */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
  background-color: #c63320 !important;
  color: #fff !important;
  background-color: rgba(198, 51, 32, 0.9);
  opacity:0.8;


}

/* 3. Image zoom on hover */
.woocommerce ul.products li.product-category img {
  transition: transform 0.35s ease;
}

.woocommerce ul.products li.product-category:hover img {
  transform: scale(1.06);
}/* End custom CSS */