.elementor-17420 .elementor-element.elementor-element-fd991aa{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;--padding-top:50px;--padding-bottom:50px;--padding-left:80px;--padding-right:80px;}.elementor-17420 .elementor-element.elementor-element-fd991aa:not(.elementor-motion-effects-element-type-background), .elementor-17420 .elementor-element.elementor-element-fd991aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cosmofarmersonline.com/wp-content/uploads/2026/04/cosmofarmers-shop-page-hero-image-002.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17420 .elementor-element.elementor-element-fd991aa::before, .elementor-17420 .elementor-element.elementor-element-fd991aa > .elementor-background-video-container::before, .elementor-17420 .elementor-element.elementor-element-fd991aa > .e-con-inner > .elementor-background-video-container::before, .elementor-17420 .elementor-element.elementor-element-fd991aa > .elementor-background-slideshow::before, .elementor-17420 .elementor-element.elementor-element-fd991aa > .e-con-inner > .elementor-background-slideshow::before, .elementor-17420 .elementor-element.elementor-element-fd991aa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1B1B1B 0%, #1B1B1B 100%);}.elementor-17420 .elementor-element.elementor-element-4c4029d4{--display:flex;}.elementor-17420 .elementor-element.elementor-element-6632d5a2{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-17420 .elementor-element.elementor-element-6632d5a2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:70px;color:#FFFFFF;}.elementor-17420 .elementor-element.elementor-element-9aac056{--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;}.elementor-17420 .elementor-element.elementor-element-b3e32b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17420 .elementor-element.elementor-element-5e71229{--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;}.elementor-17420 .elementor-element.elementor-element-afa987f{--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;}@media(min-width:768px){.elementor-17420 .elementor-element.elementor-element-5e71229{--width:33.3333%;}.elementor-17420 .elementor-element.elementor-element-afa987f{--width:66.6666%;}}@media(max-width:1024px){.elementor-17420 .elementor-element.elementor-element-6632d5a2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-17420 .elementor-element.elementor-element-fd991aa{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17420 .elementor-element.elementor-element-4c4029d4{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17420 .elementor-element.elementor-element-6632d5a2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-17420 .elementor-element.elementor-element-6632d5a2 .elementor-heading-title{font-size:42px;}}/* Start custom CSS for shortcode, class: .elementor-element-92aeb8b *//* =============================================
   COSMO FARMERS - PRODUCT GRID FULL CSS (FIXED)
   ============================================= */

/* ✅ REMOVE WOOCOMMERCE CLEARFIX (IMPORTANT FIX) */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}

/* Grid layout - Desktop */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  list-style: none !important;
}

/* Product card */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 0.5px solid #e2ddd4 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.2s ease !important;
  box-sizing: border-box !important;
}

/* Hover */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(59,109,17,0.10) !important;
}

/* Remove float leftovers */
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last {
  clear: none !important;
  float: none !important;
}

/* Product image */
.woocommerce ul.products li.product a.woocommerce-loop-product__link img,
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px !important;
  color: #27500A !important;
  font-weight: 600 !important;
  padding: 12px 14px 4px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Price */
.woocommerce ul.products li.product .price {
  color: #3B6D11 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 4px 14px 10px !important;
  margin: 0 !important;
  display: block !important;
}

/* =============================================
   HIDE UNWANTED ELEMENTS
   ============================================= */

.woocommerce ul.products li.product .aux-rating-box,
.woocommerce ul.products li.product .aux-star-rating,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-product-rating {
  display: none !important;
}

.wlfmc-add-to-wishlist,
.wlfmc-add-to-wishlist-wrapper,
.yith-wcwl-add-to-wishlist {
  display: none !important;
}

a.shopengine-quickview-trigger.se-btn {
  display: none !important;
}

/* =============================================
   BUTTONS — SIDE BY SIDE
   ============================================= */

.woocommerce ul.products li.product a.button.aux-ajax-add-to-cart,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button:not(.aux-ajax-add-to-cart):not(.yith-wcqv-button) {
  display: inline-block !important;
  width: calc(50% - 21px) !important;
  margin: 0 0 14px 14px !important;
  background: #3B6D11 !important;
  color: #EAF3DE !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 8px 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product a.button:hover {
  background: #27500A !important;
}

/* Quick View button */
.woocommerce ul.products li.product a.yith-wcqv-button {
  display: inline-block !important;
  width: calc(50% - 22px) !important;
  margin: 0 14px 14px 8px !important;
  background: #EAF3DE !important;
  color: #3B6D11 !important;
  border: 1px solid #C0DD97 !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 8px 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product a.yith-wcqv-button:hover {
  background: #C0DD97 !important;
  color: #27500A !important;
}

/* =============================================
   RESPONSIVE
   ============================================= */

/* Tablet */
@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .woocommerce ul.products li.product a img {
    height: 160px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .woocommerce ul.products li.product a img {
    height: 130px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
    padding: 8px 10px 4px !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 12px !important;
    padding: 2px 10px 8px !important;
  }

  /* Stack buttons */
  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product a.yith-wcqv-button {
    width: calc(100% - 20px) !important;
    margin: 0 10px 8px !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
  }

  .woocommerce ul.products li.product a img {
    height: 200px !important;
  }
}/* End custom CSS */