/* Shared FF EHBO WooCommerce sale badge and sale price treatment. */
.woocommerce ul.products li.product .ffehbo-sale-pill,
.woocommerce-page ul.products li.product .ffehbo-sale-pill,
.ffehbo-shop-archive ul.products li.product .ffehbo-sale-pill,
body.single-product .product .ffehbo-sale-pill,
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale,
.ffehbo-shop-archive ul.products li.product span.onsale,
body.single-product .product span.onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 5px 10px !important;
  border: 1px solid var(--e-global-color-border) !important;
  border-radius: 999px !important;
  background: var(--e-global-color-primary) !important;
  color: var(--e-global-color-secondary) !important;
  font-family: var(--cmsmasters-text-font-family) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: none !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.ffehbo-shop-archive ul.products li.product .price del,
body.single-product .ff-product-price .price del,
body.single-product .ff-sidebar-related-product__price del {
  position: relative !important;
  display: inline-block !important;
  margin: 0 12px 0 0 !important;
  color: var(--e-global-color-tertiary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.woocommerce ul.products li.product .price del::after,
.woocommerce-page ul.products li.product .price del::after,
.ffehbo-shop-archive ul.products li.product .price del::after,
body.single-product .ff-product-price .price del::after,
body.single-product .ff-sidebar-related-product__price del::after {
  content: "" !important;
  position: absolute !important;
  left: -3px !important;
  right: -3px !important;
  top: 50% !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #d93025 !important;
  transform: rotate(-10deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
.ffehbo-shop-archive ul.products li.product .price ins,
body.single-product .ff-product-price .price ins,
body.single-product .ff-sidebar-related-product__price ins {
  color: var(--ffehbo-navy, #050b3f) !important;
  text-decoration: none !important;
}

body.single-product .ff-product-gallery,
body.single-product .ff-product-hero-card,
body.single-product .ff-single-product {
  position: relative;
}

body.single-product .product .ffehbo-sale-pill,
body.single-product .product span.onsale {
  top: clamp(14px, 2.5vw, 24px) !important;
  left: clamp(14px, 2.5vw, 24px) !important;
}

@media (max-width: 767px) {
  body.single-product .product .ffehbo-sale-pill,
  body.single-product .product span.onsale,
  .ffehbo-shop-archive ul.products li.product .ffehbo-sale-pill,
  .ffehbo-shop-archive ul.products li.product span.onsale {
    top: 10px !important;
    left: 10px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }

  body.single-product .ff-product-price .price del {
    margin-right: 8px !important;
    font-size: 13px !important;
  }
}