.elementor-19 .elementor-element.elementor-element-d0195b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;--padding-top:15em;--padding-bottom:9em;--padding-left:1em;--padding-right:1em;}.elementor-19 .elementor-element.elementor-element-d0195b0:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://firstclassdistributors.com/wp-content/uploads/2026/06/product-cat-shree.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-d0195b0::before, .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-d0195b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-d0195b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-19 .elementor-element.elementor-element-524f39a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-c98caa8.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-c98caa8{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-text{color:var( --e-global-color-308e809 );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-19 .elementor-element.elementor-element-7a6afdf .elementor-heading-title{font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );color:var( --e-global-color-308e809 );}.elementor-19 .elementor-element.elementor-element-4021778{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-9a3c95c{--display:flex;}.elementor-19 .elementor-element.elementor-element-f65ab70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-f65ab70 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:46px;font-weight:800;line-height:1.1em;}.elementor-19 .elementor-element.elementor-element-5220643{padding:20px 0px 20px 0px;}.elementor-19 .elementor-element.elementor-element-5220643.elementor-wc-products  ul.products{grid-column-gap:25px;grid-row-gap:19px;}.elementor-19 .elementor-element.elementor-element-5220643 a > img{border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-d0195b0:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 0%;}.elementor-19 .elementor-element.elementor-element-d0195b0{--padding-top:10em;--padding-bottom:10em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-524f39a{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-19 .elementor-element.elementor-element-c98caa8{--e-icon-list-icon-size:19px;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-19 .elementor-element.elementor-element-7a6afdf .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-19 .elementor-element.elementor-element-4021778{--padding-top:050px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-19 .elementor-element.elementor-element-f65ab70 .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-d0195b0:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-d0195b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-19 .elementor-element.elementor-element-d0195b0{--padding-top:8em;--padding-bottom:8em;--padding-left:2em;--padding-right:2em;}.elementor-19 .elementor-element.elementor-element-524f39a{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-19 .elementor-element.elementor-element-c98caa8{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-c98caa8 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-19 .elementor-element.elementor-element-7a6afdf .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-19 .elementor-element.elementor-element-4021778{--padding-top:40px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-f65ab70 .elementor-heading-title{font-size:35px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-524f39a{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-524f39a{--width:65%;}}/* Start custom CSS for wc-categories, class: .elementor-element-5220643 *//* Parent */
.product-category {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title{
        font-size: 20px;
    width: 200px;
}

/* Image */
.product-category img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 🔥 important for zoom feel */
  transition: transform 0.6s ease;
}

/* Hover zoom (soft zoom, not aggressive scale) */
.product-category:hover img {
  transform: scale(1.05); /* very slight = real zoom feel */
}

/* Overlay */
.product-category a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: 0.4s ease;
  pointer-events: none;
}

/* Title center */
.product-category .woocommerce-loop-category__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  color: #fff;
  margin: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.4s ease;
  pointer-events: none;
}

/* Hover effects */
.product-category:hover a::after {
  opacity: 1;
}

.product-category:hover .woocommerce-loop-category__title {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.product-category img {
  display: none;
}
.product-category:hover .woocommerce-loop-category__title .count{
    color:white;
}
.product-category a {
  display: block;
  height: 270px;
  background-size: 100%;
  background-position: center;
  transition: background-size 0.5s ease;
}

.product-category:hover a {
  background-size: 110%;
}


@media (max-width: 991px) {
.product-category a {
  display: block;
  height: 200px;
  background-size: 100%;
  background-position: center;
  transition: background-size 0.5s ease;
}
}

/*@media (max-width: 991px) {*/
/*.product-category a {*/
/*  display: block;*/
/*  height: 200px;*/
/*  background-size: 100%;*/
/*  background-position: center;*/
/*  transition: background-size 0.5s ease;*/
/*}*/
/*}*//* End custom CSS */