.elementor-kit-12{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#3682AE;--e-global-color-text:#343434;--e-global-color-accent:#BC9C6C;--e-global-color-a8779da:#3682AE;--e-global-color-3763533:#184464;--e-global-color-9835a40:#3682AE;--e-global-color-91b5702:#86B4CE;--e-global-color-a9aebe4:#AFCDDF;--e-global-color-3fc18a0:#184464;--e-global-color-a8cb987:#BC9C6C;--e-global-color-e3ae22e:#466983;--e-global-color-307e00f:#748FA2;--e-global-color-27fb91e:#A3B4C1;--e-global-color-3449d84:#EBEBEB;--e-global-color-9576fd0:#D6D6D6;--e-global-color-6514698:#C3C3C3;--e-global-color-04fa2be:#AEAEAE;--e-global-color-e6fd090:#9A9A9A;--e-global-color-5292f96:#858585;--e-global-color-1972775:#717171;--e-global-color-aecbe1c:#5D5D5D;--e-global-color-7728ff8:#494949;--e-global-color-e22b3c7:#F6F6F6;--e-global-color-e76a555:#367CA5;--e-global-color-78eeb7e:#184465;--e-global-color-31e81e3:#121517;--e-global-color-b3903a8:#004C84;--e-global-color-093a36f:#E6EEF5;--e-global-typography-primary-font-family:"Exo 2";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:90px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:100;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e876446-font-family:"Montserrat";--e-global-typography-e876446-font-size:18px;--e-global-typography-e876446-font-weight:600;--e-global-typography-e876446-text-transform:capitalize;--e-global-typography-e876446-font-style:normal;--e-global-typography-e876446-text-decoration:none;--e-global-typography-e876446-line-height:25px;--e-global-typography-dec7206-font-family:"Montserrat";--e-global-typography-dec7206-font-size:16px;--e-global-typography-dec7206-font-weight:100;--e-global-typography-dec7206-text-transform:capitalize;--e-global-typography-dec7206-font-style:normal;--e-global-typography-dec7206-line-height:22.5px;--e-global-typography-4765e13-font-family:"Montserrat";--e-global-typography-4765e13-font-size:24px;--e-global-typography-4765e13-font-weight:100;--e-global-typography-4765e13-text-transform:none;--e-global-typography-4765e13-font-style:normal;--e-global-typography-4765e13-text-decoration:none;--e-global-typography-4765e13-line-height:34px;--e-global-typography-3bcf997-font-family:"Montserrat";--e-global-typography-3bcf997-font-size:0.9rem;--e-global-typography-3bcf997-font-weight:600;--e-global-typography-3bcf997-text-transform:capitalize;--e-global-typography-3bcf997-font-style:normal;--e-global-typography-3bcf997-text-decoration:none;--e-global-typography-3bcf997-line-height:25px;--e-global-typography-11ee9d5-font-family:"Exo 2";--e-global-typography-11ee9d5-font-size:40px;--e-global-typography-11ee9d5-font-weight:600;--e-global-typography-11ee9d5-line-height:52px;--e-global-typography-add9030-font-family:"Montserrat";--e-global-typography-add9030-font-size:14px;--e-global-typography-add9030-font-weight:600;--e-global-typography-add9030-text-transform:capitalize;--e-global-typography-add9030-font-style:normal;--e-global-typography-add9030-text-decoration:none;--e-global-typography-add9030-line-height:25px;--e-global-typography-88288c5-font-family:"Exo 2";--e-global-typography-88288c5-font-size:45px;--e-global-typography-88288c5-font-weight:600;--e-global-typography-88288c5-line-height:90px;--e-global-typography-14df5bc-font-family:"Exo 2";--e-global-typography-14df5bc-font-size:45px;--e-global-typography-14df5bc-font-weight:600;--e-global-typography-14df5bc-line-height:70.2px;--e-global-typography-54b7e34-font-family:"Montserrat";--e-global-typography-54b7e34-font-size:14px;--e-global-typography-54b7e34-font-weight:400;--e-global-typography-54b7e34-text-transform:uppercase;--e-global-typography-54b7e34-line-height:26px;--e-global-typography-346efd2-font-family:"Exo 2";--e-global-typography-346efd2-font-size:14px;--e-global-typography-346efd2-font-weight:600;--e-global-typography-346efd2-text-transform:uppercase;--e-global-typography-346efd2-line-height:26px;--e-global-typography-346efd2-letter-spacing:0.4px;--e-global-typography-f7eba96-font-family:"Exo 2";--e-global-typography-f7eba96-font-size:32px;--e-global-typography-f7eba96-font-weight:600;--e-global-typography-f7eba96-line-height:45px;--e-global-typography-f7eba96-letter-spacing:0px;--e-global-typography-d7ea3ed-font-family:"Exo 2";--e-global-typography-d7ea3ed-font-size:20px;--e-global-typography-d7ea3ed-font-weight:600;--e-global-typography-d7ea3ed-line-height:45px;--e-global-typography-d7ea3ed-letter-spacing:0px;--e-global-typography-83246ff-font-family:"Exo 2";--e-global-typography-83246ff-font-size:24px;--e-global-typography-83246ff-font-weight:600;--e-global-typography-83246ff-line-height:36px;--e-global-typography-83246ff-letter-spacing:0px;--e-global-typography-563e93a-font-family:"Montserrat";--e-global-typography-563e93a-font-size:20px;--e-global-typography-563e93a-font-weight:400;--e-global-typography-563e93a-line-height:30px;--e-global-typography-4cfa96a-font-family:"Exo 2";--e-global-typography-4cfa96a-font-size:15px;--e-global-typography-4cfa96a-font-weight:400;--e-global-typography-4cfa96a-line-height:35px;--e-global-typography-4cfa96a-letter-spacing:0px;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:#FFE6E6;border-style:solid;border-width:1px 1px 1px 1px;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#ECFAF4;border-style:solid;border-width:1px 1px 1px 1px;border-color:#3AB682;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:24px;--error-message-normal-links-color:var( --e-global-color-text );--error-box-border-radius:15px 15px 15px 15px;}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:#3AB682;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:24px;--message-box-border-radius:15px 15px 15px 15px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;line-height:22.5px;}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:#3AB682;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-buttons-normal-text-color:var( --e-global-color-text );--info-border-type:solid;--info-buttons-border-radius:15px 15px 15px 15px;--info-buttons-padding:0px 0px 0px 0px;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{border-width:1px 1px 1px 1px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//************************************************************
  UE Loop Grid & Carousel (scoped)
  Grid Wrapper: .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid
  Carousel Wrapper: .ue_listing_carousel
************************************************************/

/* --- 1) Layout: keep button + icon from overlapping --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap,
.ue_listing_carousel .prod-cart-wrap {
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

/* Icon should never shrink */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-icon,
.ue_listing_carousel .prod-cart-icon {
  flex: 0 0 auto;
  position: relative;
  z-index: 3;
}

/* Button wrapper can shrink */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-btn,
.ue_listing_carousel .prod-cart-btn {
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 32px);
}

/* --- 2) Slide-in reveal (animate the real button/link) --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap .prod-cart-btn a,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap .prod-cart-btn .elementor-button,
.ue_listing_carousel .prod-cart-wrap .prod-cart-btn a,
.ue_listing_carousel .prod-cart-wrap .prod-cart-btn .elementor-button {
  transform: translateX(12px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform .28s ease, opacity .28s ease !important;
  will-change: transform, opacity;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap:hover .prod-cart-btn a,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap:hover .prod-cart-btn .elementor-button,
.ue_listing_carousel .prod-cart-wrap:hover .prod-cart-btn a,
.ue_listing_carousel .prod-cart-wrap:hover .prod-cart-btn .elementor-button {
  transform: translateX(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* --- 3) Elementor button sizing: scalable + never overlap icon --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-btn .elementor-button,
.ue_listing_carousel .prod-cart-btn .elementor-button {
  width: 100% !important;
  max-width: 100%;
  padding: 7px 8px !important;
  font-size: clamp(10px, 0.9vw, 14px) !important;
  white-space: nowrap !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-btn .elementor-button-text,
.ue_listing_carousel .prod-cart-btn .elementor-button-text {
  display: block;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* --- 4) Product title: 2-line clamp --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-title-clamp .woocommerce-loop-product__title,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-title-clamp .product_title,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-title-clamp a,
.ue_listing_carousel .prod-title-clamp .woocommerce-loop-product__title,
.ue_listing_carousel .prod-title-clamp .product_title,
.ue_listing_carousel .prod-title-clamp a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  white-space: normal !important;
}

/* --- 5) Icon stays blue while hovering the interaction area --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap:hover .prod-cart-icon,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap:hover .prod-cart-icon .elementor-icon,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-wrap:hover .prod-cart-icon svg,
.ue_listing_carousel .prod-cart-wrap:hover .prod-cart-icon,
.ue_listing_carousel .prod-cart-wrap:hover .prod-cart-icon .elementor-icon,
.ue_listing_carousel .prod-cart-wrap:hover .prod-cart-icon svg {
  color: #3682AE !important;
  fill: currentColor !important;
}

/* Make the icon a bit smaller in tighter cards */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-icon .elementor-icon,
.ue_listing_carousel .prod-cart-icon .elementor-icon {
  font-size: 16px !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .prod-cart-icon svg,
.ue_listing_carousel .prod-cart-icon svg {
  height: 16px !important;
  width: 16px !important;
}

/* --- 6) Out of stock badge: show only when outofstock --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .ue-outofstock-badge,
.ue_listing_carousel .ue-outofstock-badge {
  display: none !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-outofstock-badge,
.ue_listing_carousel .outofstock .ue-outofstock-badge {
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  left: -8px !important;
  z-index: 100 !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .image-badge-wrap,
.ue_listing_carousel .outofstock .image-badge-wrap {
  position: relative !important;
  overflow: visible !important;
}

/* --- 6b) Restyle UE badge as horizontal rectangle --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge,
.ue_listing_carousel .outofstock .ue-badge {
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  background: none !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-rotated-forward,
.ue_listing_carousel .outofstock .ue-badge-rotated-forward {
  transform: rotate(-6deg) !important;
  overflow: visible !important;
  display: inline-block !important;
  width: auto !important;
  background: none !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-rotated-reverse,
.ue_listing_carousel .outofstock .ue-badge-rotated-reverse {
  width: auto !important;
  transform: none !important;
  display: inline-block !important;
  background: none !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-container,
.ue_listing_carousel .outofstock .ue-badge-container {
  background: #d90429 !important;
  padding: 6px 12px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  display: inline-block !important;
  width: auto !important;
  white-space: nowrap !important;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-title,
.ue_listing_carousel .outofstock .ue-badge-title {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  display: inline !important;
}

/* --- 7) Grey out image when out of stock --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .elementor-widget-image,
.ue_listing_carousel .outofstock .elementor-widget-image {
  position: relative;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .elementor-widget-image::after,
.ue_listing_carousel .outofstock .elementor-widget-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
  z-index: 1;
}

.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .elementor-widget-image img,
.ue_listing_carousel .outofstock .elementor-widget-image img {
  filter: grayscale(100%);
}

/* --- 8) Fix clipping from grid item containers --- */
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .ue-grid-item,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid [data-elementor-type="loop-item"],
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .e-con-full,
.ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .e-con,
.ue_listing_carousel .outofstock,
.ue_listing_carousel .ue-grid-item,
.ue_listing_carousel [data-elementor-type="loop-item"],
.ue_listing_carousel .e-con-full,
.ue_listing_carousel .e-con,
.ue_listing_carousel .swiper-slide {
  overflow: visible !important;
}

/* --- 9) Tablet adjustments --- */
@media (max-width: 1024px) {
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-container,
  .ue_listing_carousel .outofstock .ue-badge-container {
    padding: 5px 10px !important;
  }
  
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-title,
  .ue_listing_carousel .outofstock .ue-badge-title {
    font-size: 11px !important;
  }
  
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-outofstock-badge,
  .ue_listing_carousel .outofstock .ue-outofstock-badge {
    top: 10px !important;
    left: -6px !important;
  }
}

/* --- 10) Mobile adjustments --- */
@media (max-width: 767px) {
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-container,
  .ue_listing_carousel .outofstock .ue-badge-container {
    padding: 4px 8px !important;
  }
  
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-badge-title,
  .ue_listing_carousel .outofstock .ue-badge-title {
    font-size: 10px !important;
  }
  
  .ue-grid.uc-items-wrapper.uc-dynamic-popup-grid .outofstock .ue-outofstock-badge,
  .ue_listing_carousel .outofstock .ue-outofstock-badge {
    top: 10px !important;
    left: -4px !important;
  }
}
/* --- 11) Fix hidden title in carousel --- */
.ue_listing_carousel .prod-title-clamp {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ue_listing_carousel .prod-title-clamp .woocommerce-loop-product__title,
.ue_listing_carousel .prod-title-clamp .product_title,
.ue_listing_carousel .prod-title-clamp h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
}/* End custom CSS */