.elementor-79 .elementor-element.elementor-element-84b1e17{--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;--justify-content:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-84b1e17:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-84b1e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-79 .elementor-element.elementor-element-84b1e17, .elementor-79 .elementor-element.elementor-element-84b1e17::before{--border-transition:0.3s;}.elementor-79 .elementor-element.elementor-element-84b1e17.e-con{--align-self:center;}.elementor-79 .elementor-element.elementor-element-089f59f{width:100%;max-width:100%;}.elementor-79 .elementor-element.elementor-element-089f59f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-79 .elementor-element.elementor-element-089f59f.elementor-element{--align-self:center;}.elementor-79 .elementor-element.elementor-element-089f59f .wl-row > [class*="col-"]{padding:0  15px;margin-bottom:30px;}.elementor-79 .elementor-element.elementor-element-089f59f .wl-row{margin:0  -15px;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2{background-color:#000000;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2:hover{border-style:none;background-color:#000000;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 [class*="ht-product-content"] .ht-product-title-2 a{color:#FFFFFF;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 [class*="ht-product-content"] .ht-product-price-2 span{color:#FFFFFF;text-decoration:none;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 [class*="ht-product-content"] .ht-product-price-2{color:#FFFFFF;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 [class*="ht-product-image-wrap"] .ht-product-badges span{color:#00000000;background-color:#00000000;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 .ht-product-image-wrap-2 [class*="ht-product-action"] ul li a,.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 .ht-product-content-2-wrap [class*="ht-product-action"] ul li a{border-style:none;}.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 .ht-product-image-wrap-2 [class*="ht-product-action"] ul li a:hover,.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-2 .ht-product-content-2-wrap [class*="ht-product-action"] ul li a:hover{background-color:#1A7EFB;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-79 .elementor-element.elementor-element-84b1e17{--content-width:100%;}}/* Start custom CSS for wl-product-grid, class: .elementor-element-089f59f *//* 1. Hide the magnifying-glass quick view icon */
.elementor-79 .elementor-element.elementor-element-089f59f a.woolentorquickview {
  display: none !important;
}

/* 2. Collapse the first <li> (the one that used to contain the quick view) */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 li:first-child {
  padding: 0 !important;
  margin: 0 !important;
  width: 0 !important;
}

/* 3. Make sure the product actions / buttons row is centered */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5,
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 ul {
  display: flex !important;
  justify-content: center !important;
}

/* 4. Center the Add to cart button within each product card
      WITHOUT changing its size/shape */
.elementor-79 .elementor-element.elementor-element-089f59f .product.woolentor-grid-style-4 {
  text-align: center;
}

.elementor-79 .elementor-element.elementor-element-089f59f .product.woolentor-grid-style-4 a.button,
.elementor-79 .elementor-element.elementor-element-089f59f .product.woolentor-grid-style-4 .button {
  margin: 0 auto;
}

/* 5. AFTER ajax add-to-cart: hide the “View cart” link */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 a.added_to_cart.wc-forward {
  display: none !important;
}

/* 6. Kill any Woolentor checkmark swap on the add-to-cart button */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 .woolentor-product-addtocart.add_to_cart_button.added::before,
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 .woolentor-product-addtocart.add_to_cart_button.added::after {
  content: none !important;
}

/* 7. FADE the Add to cart button out when it's "added" */

/* 👉 Key: force normal + added states to use EXACT same circle geometry */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 .woolentor-product-addtocart.add_to_cart_button,
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 .woolentor-product-addtocart.add_to_cart_button.added {
  display: inline-block !important;
  /* 🔴 REPLACE THESE VALUES WITH WHATEVER YOUR CIRCLE ACTUALLY USES */
  width: 46px;
  height: 46px;
  line-height: 46px;
  padding: 0;
  border-radius: 50%;
  /* fade */
  opacity: 1;
  visibility: visible;
  transition: opacity 1.5s ease, visibility 1.5s ease;
}

/* Added state: fade to hidden instead of abrupt */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-action-5 .woolentor-product-addtocart.add_to_cart_button.added {
  opacity: 0;
  visibility: hidden;
}

/* WL: Product Grid – remove underline from sale price */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-price-2 ins {
    text-decoration: none !important;
}

/****************************************************/

/* --- IMAGE HOVER FIX FOR WL: PRODUCT GRID --- */

/* Kill zoom on the main image */
.elementor-79 .elementor-element.elementor-element-089f59f img.ht-product-img-zoom {
    transform: none !important;
}

/* Ensure the wrapper can hold the hover image on top */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-image-wrap-2 {
    position: relative;
    overflow: hidden;
    background: none !important;
    background-image: none !important;
}

/* Base state: main image visible, hover image hidden */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-image-wrap-2 img.ht-default-img {
    opacity: 1;
    visibility: visible;
    transition: opacity 1.25s ease;
}

.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-image-wrap-2 img.ht-hover-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    visibility: hidden;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
    transition: opacity 1.25s ease;
}

/* Hover state: hide the main image, show ONLY the hover image */
.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-image-wrap-2:hover img.ht-default-img {
    opacity: 0 !important;
    visibility: hidden !important;
}

.elementor-79 .elementor-element.elementor-element-089f59f .ht-product-image-wrap-2:hover img.ht-hover-img {
    opacity: 1 !important;
    visibility: visible !important;
}/* End custom CSS */