.elementor-56 .elementor-element.elementor-element-9637f38{--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-56 .elementor-element.elementor-element-578c9a0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-56 .elementor-element.elementor-element-578c9a0.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-56 .elementor-element.elementor-element-578c9a0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-578c9a0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-578c9a0 *//* ✅ Global Product Card Styling */
.woocommerce ul.products li.product {
  background: #111 !important;
  border-radius: 16px !important;
  padding: 12px !important;
  overflow: visible !important;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 25px rgba(0, 255, 255, 0.2);
}

/* ✅ Product Image */
.woocommerce ul.products li.product img {
  border-radius: 10px !important;
  margin-bottom: 10px;
  transition: 0.3s ease-in-out;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.03);
}

/* ✅ Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #00f7ff !important;
  font-weight: bold !important;
  font-size: 16px !important;
  text-align: center;
  margin: 10px 0;
}

/* ✅ Price Styling */
.woocommerce ul.products li.product .price {
  color: #ffffff !important;
  font-size: 15px !important;
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 12px;
}
.woocommerce ul.products li.product .price del {
  color: #888 !important;
}

/* ✅ Buttons Styling (Add to Cart + Quick View) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .yith-wcqv-button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #00f7ff !important;
  color: #000 !important;
  font-weight: bold !important;
  border-radius: 8px !important;
  padding: 12px 0 !important;
  margin: 6px 0 !important;
  font-size: 14px !important;
  transition: 0.3s ease-in-out;
  box-shadow: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .yith-wcqv-button:hover {
  background: #00d4e4 !important;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.4);
}

/* ✅ Space between Add to Cart and Quick View */
.woocommerce ul.products li.product .button + .yith-wcqv-button {
  margin-top: 8px !important;
}

/* ✅ SALE Badge – Clean & Visible Outside */
.woocommerce ul.products li.product .onsale {
  position: absolute !important;
  top: -12px !important;
  left: -12px !important;
  background: #00f7ff !important;
  color: #000000 !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
  text-transform: uppercase;
  z-index: 999;
}

/* ✅ Pagination Styling */
.woocommerce nav.woocommerce-pagination ul {
  justify-content: center;
  margin-top: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #111 !important;
  color: #00f7ff !important;
  border-radius: 5px !important;
  border: 1px solid #00f7ff !important;
}/* End custom CSS */