.elementor-4708 .elementor-element.elementor-element-d6db904{--display:flex;--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4708 .elementor-element.elementor-element-d6db904.e-con{--align-self:stretch;}.elementor-4708 .elementor-element.elementor-element-72cb31b > .elementor-widget-container{margin:-15px -11px 0px -11px;}.elementor-4708 .elementor-element.elementor-element-72cb31b.elementor-element{--align-self:stretch;}.elementor-4708 .elementor-element.elementor-element-ad97bc4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4708 .elementor-element.elementor-element-ad97bc4.e-con{--align-self:center;}.elementor-4708 .elementor-element.elementor-element-e41fb0b{width:100%;max-width:100%;columns:2;column-gap:10px;text-align:center;}.elementor-4708 .elementor-element.elementor-element-e41fb0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-e41fb0b.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:1;}.elementor-4708 .elementor-element.elementor-element-5a27228{--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-4708 .elementor-element.elementor-element-6e59e34{--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-4708 .elementor-element.elementor-element-7635013 > .elementor-widget-container{margin:480px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-7635013.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-4708 .elementor-element.elementor-element-ad97bc4{--content-width:1600px;}.elementor-4708 .elementor-element.elementor-element-5a27228{--content-width:1600px;}}@media(max-width:1024px){.elementor-4708 .elementor-element.elementor-element-72cb31b > .elementor-widget-container{margin:-15px -11px 0px -11px;}}@media(max-width:767px){.elementor-4708 .elementor-element.elementor-element-d6db904.e-con{--align-self:center;}.elementor-4708 .elementor-element.elementor-element-72cb31b{width:100%;max-width:100%;}.elementor-4708 .elementor-element.elementor-element-72cb31b > .elementor-widget-container{margin:-20px -11px 0px -10px;}.elementor-4708 .elementor-element.elementor-element-72cb31b.elementor-element{--align-self:stretch;}.elementor-4708 .elementor-element.elementor-element-ad97bc4{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4708 .elementor-element.elementor-element-ad97bc4.e-con{--align-self:center;}.elementor-4708 .elementor-element.elementor-element-e41fb0b{width:100%;max-width:100%;z-index:0;columns:2;column-gap:10px;text-align:left;}.elementor-4708 .elementor-element.elementor-element-e41fb0b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4708 .elementor-element.elementor-element-e41fb0b.elementor-element{--align-self:center;}.elementor-4708 .elementor-element.elementor-element-7635013 > .elementor-widget-container{margin:-1px -1px -1px -1px;}}/* Start custom CSS for text-editor, class: .elementor-element-e41fb0b *//* ==== PRODUCT CARD LAYOUT — Equal height ==== */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Title/price section spacing */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin-top: 8px;
}

/* ==== PHONE MOCKUP — Same size & alignment ==== */
/* Make the product link act as a flexible-height image box */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;         /* dark backdrop so phone edges look neat */
  min-height: 400px;           /* Minimum height for smaller screens */
  max-height: 600px;           /* Maximum height for larger screens */
  padding: 16px;
  border-radius: 16px;
  width: 100%;                 /* Ensure it scales with container */
}

/* Image fits perfectly inside, centered */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
  height: auto;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
  display: block;
}

/* Keep SALE badge in the same corner on all cards */
.woocommerce ul.products li.product .onsale {
  left: auto;
  right: 12px;
  top: 12px;
  margin: 0;
}

/* Mobile: adjust height for smaller screens */
@media (max-width: 768px) {
  .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    min-height: 360px;
    max-height: 460px;
  }
}

/* Tablet/Desktop: adjust height for larger screens */
@media (min-width: 769px) {
  .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    min-height: 450px;
    max-height: 600px;
  }
}

/* ==== ADD TO CART — Green theme ==== */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.alt.add_to_cart_button {
  background: #00b140 !important;   /* green */
  border-color: #00b140 !important;
  color: #fff !important;
  border-radius: 9999px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Hover/active */
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.alt.add_to_cart_button:hover {
  background: #009637 !important;   /* darker green */
  border-color: #009637 !important;
  color: #fff !important;
}

/* If WooCommerce/theme dims the button, force full opacity */
.woocommerce ul.products li.product .button.add_to_cart_button {
  opacity: 1 !important;
}

/* Optional: make the whole card look crisp */
.woocommerce ul.products li.product {
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad97bc4 *//* ==== PRODUCT CARD LAYOUT — Equal height ==== */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Title/price section spacing */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  margin-top: 8px;
}

/* ==== PHONE MOCKUP — Same size & alignment ==== */
/* Make the product link act as a fixed-height image box */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;         /* dark backdrop so phone edges look neat */
  height: 520px;               /* desktop/tablet height */
  padding: 16px;
  border-radius: 16px;
}

/* Image fits perfectly inside, centered */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
  display: block;
}

/* Keep SALE badge in the same corner on all cards */
.woocommerce ul.products li.product .onsale {
  left: auto;
  right: 12px;
  top: 12px;
  margin: 0;
}

/* Mobile: a little shorter so it fits nicely */
@media (max-width: 768px) {
  .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    height: 460px;
  }
}

/* ==== ADD TO CART — Green theme ==== */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.alt.add_to_cart_button {
  background: #00b140 !important;   /* green */
  border-color: #00b140 !important;
  color: #fff !important;
  border-radius: 9999px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Hover/active */
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.alt.add_to_cart_button:hover {
  background: #009637 !important;   /* darker green */
  border-color: #009637 !important;
  color: #fff !important;
}

/* If WooCommerce/theme dims the button, force full opacity */
.woocommerce ul.products li.product .button.add_to_cart_button {
  opacity: 1 !important;
}

/* Optional: make the whole card look crisp */
.woocommerce ul.products li.product {
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
}/* End custom CSS */