.elementor-347 .elementor-element.elementor-element-671b4a1{--display:flex;}.elementor-347 .elementor-element.elementor-element-671b4a1:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-671b4a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1D0F;}.elementor-347 .elementor-element.elementor-element-2456e6a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-ea23156{--display:flex;}.elementor-347 .elementor-element.elementor-element-ea23156:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-ea23156 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-c9faa5c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-a0b4fa9{--display:flex;}.elementor-347 .elementor-element.elementor-element-a0b4fa9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product{text-align:center;}.elementor-347 .elementor-element.elementor-element-5aa1303{width:var( --container-widget-width, 99.827% );max-width:99.827%;--container-widget-width:99.827%;--container-widget-flex-grow:0;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-347 .elementor-element.elementor-element-5aa1303.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:8px 8px 8px 8px;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#08120A;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#08120A;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product .button{background-color:#08120A;border-radius:10px 10px 10px 10px;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product .button:hover{background-color:#045A15;}.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-5981df1{--display:flex;}.elementor-347 .elementor-element.elementor-element-5981df1:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-5981df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-f42317b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-00b827f{--display:flex;}.elementor-347 .elementor-element.elementor-element-00b827f:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-00b827f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-a5c9752.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-ec38800{--display:flex;}.elementor-347 .elementor-element.elementor-element-ec38800:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-ec38800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-d859f0d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-617dc68{--display:flex;}.elementor-347 .elementor-element.elementor-element-617dc68:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-617dc68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-4e499e0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-347 .elementor-element.elementor-element-3a9fb2d{--display:flex;}.elementor-347 .elementor-element.elementor-element-3a9fb2d:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-3a9fb2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#08120A;}.elementor-347 .elementor-element.elementor-element-354b0bf.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(min-width:768px){.elementor-347 .elementor-element.elementor-element-a0b4fa9{--width:85%;}}@media(max-width:1024px){.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-347 .elementor-element.elementor-element-5aa1303.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-5aa1303 *//* ======================================================
   ELEMENTOR WOOCOMMERCE PRODUCTS CUSTOM STYLING
   ====================================================== */

/* 1. Main Product Grid & Card Base (Full Width) */
.woocommerce ul.products,
.elementor-widget-woocommerce-products ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  gap: 24px !important;
}

.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product {
  flex: 1 1 calc(25% - 24px) !important; /* Original 4-Column Box Size */
  min-width: 240px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Card Hover Animation */
.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-products ul.products li.product:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(140, 198, 63, 0.4) !important;
}

/* 2. Product Image (Original Aspect Ratio & Sizing) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
}

.woocommerce ul.products li.product img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  transition: transform 0.5s ease !important;
  margin-bottom: 14px !important;
  display: block !important;
}

.woocommerce ul.products li.product:hover img {
  transform: scale(1.05) !important;
}

/* 3. On-Sale Badge */
.woocommerce span.onsale,
.elementor-widget-woocommerce-products ul.products li.product .onsale {
  background: linear-gradient(135deg, #FFB800 0%, #E0A000 100%) !important;
  color: #071008 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  position: absolute !important;
  top: 26px !important;
  left: 26px !important;
  right: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
  z-index: 2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* 4. Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  line-height: 1.4 !important;
  margin: 8px 0 6px 0 !important;
  text-align: center !important;
  transition: color 0.3s ease !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #8CC63F !important;
}

/* 5. Product Price */
.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .price {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #071008 !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.woocommerce ul.products li.product .price del {
  opacity: 0.5 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  color: #8CC63F !important;
}

/* 6. Add to Cart / View Product Button */
.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products ul.products li.product .button {
  background: #071008 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  display: block !important;
  margin-top: auto !important;
  border: none !important;
}

.woocommerce ul.products li.product .button:hover {
  background: #8CC63F !important;
  color: #071008 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(140, 198, 63, 0.3) !important;
}

/* ======================================================
   CLICK / SINGLE PRODUCT & QUICK VIEW STYLING
   ====================================================== */

.woocommerce div.product {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  padding: 30px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.woocommerce div.product div.images img {
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}

.woocommerce div.product .product_title {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #071008 !important;
  margin-bottom: 12px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #8CC63F !important;
}

.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  font-weight: 700 !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
  background: #071008 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  padding: 14px 28px !important;
  transition: all 0.3s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #8CC63F !important;
  color: #071008 !important;
  transform: translateY(-2px) !important;
}

/* ======================================================
   RESPONSIVE BREAKPOINTS
   ====================================================== */

@media (max-width: 1024px) {
  .woocommerce ul.products li.product,
  .elementor-widget-woocommerce-products ul.products li.product {
    flex: 1 1 calc(33.333% - 24px) !important;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product,
  .elementor-widget-woocommerce-products ul.products li.product {
    flex: 1 1 calc(50% - 16px) !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product,
  .elementor-widget-woocommerce-products ul.products li.product {
    flex: 1 1 100% !important;
  }
}/* End custom CSS */