/* Bricks Ecom Suite frontend base. Dynamic rules are safely printed inline from sanitized settings. */
.bes-best-sellers-scrollbar,
.bes-best-sellers-scrollbar-thumb {
  box-sizing: border-box;
}

.bes-is-dragging,
.bes-is-dragging * {
  user-select: none !important;
}


/* v0.1.60 — early Bricks/FluentCart quick-view popup font lock.
   This is loaded before the popup opens to prevent a serif/system-font flash.
   Layout is intentionally untouched. */
body .brx-popup-content #brxe-adrujo,
body .brx-popup-content #brxe-adrujo *,
body .brx-popup-content #brxe-dqcudg,
body .brx-popup-content #brxe-dqcudg *,
body .brx-popup-content #brxe-gewzdd,
body .brx-popup-content #brxe-gewzdd *,
body .brx-popup-content .brxe-fct-product-title,
body .brx-popup-content .brxe-fct-product-title *,
body .brx-popup-content .brxe-fct-product-short-description,
body .brx-popup-content .brxe-fct-product-short-description *,
body .brx-popup-content .fct-product-variants,
body .brx-popup-content .fct-product-variants *,
body .brx-popup-content .fct-product-buttons-wrap,
body .brx-popup-content .fct-product-buttons-wrap *,
body .brx-popup-content .fluent-cart-add-to-cart-button,
body .brx-popup-content .fluent-cart-add-to-cart-button *,
body .brx-popup-content .fluent-cart-direct-checkout-button,
body .brx-popup-content .fluent-cart-direct-checkout-button *,
body .brx-popup-content .bes-qvp-bridge-buy-section,
body .brx-popup-content .bes-qvp-bridge-buy-section *,
body .brx-popup-content .bes-qvp-bridge-add-cart,
body .brx-popup-content .bes-qvp-bridge-add-cart *,
body .brx-popup-content .bes-qvp-bridge-view-product,
body .brx-popup-content .bes-qvp-bridge-view-product *,
body .brx-popup-content .bes-qvp-bridge-variant,
body .brx-popup-content .bes-qvp-bridge-variant * {
  font-family: "Helvetica", Arial, sans-serif !important;
}
body .brx-popup-content .brxe-icon,
body .brx-popup-content i[class*="icon"],
body .brx-popup-content svg,
body .brx-popup-content svg * {
  font-family: inherit;
}

@supports selector(.brx-popup-content:has([data-fluent-cart-product-pricing-section])) {
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h1,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h2,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h3,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h4,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h5,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) h6,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) p,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) a,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) button,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) span,
  body .brx-popup-content:has([data-fluent-cart-product-pricing-section]) div {
    font-family: "Helvetica", Arial, sans-serif !important;
  }
}


/* Bricks Ecom Suite v0.1.60 — Admin-only popup computed-font proof badge.
   Visible only when JS adds .bes-popup-debug-card after ?bes_popup_debug=1 for logged-in admins. */
.bes-popup-debug-card {
  position: fixed !important;
  z-index: 2147483647 !important;
  right: 14px !important;
  bottom: 14px !important;
  width: min(420px, calc(100vw - 28px)) !important;
  max-height: 45vh !important;
  overflow: auto !important;
  padding: 12px 14px !important;
  border: 1px solid #014D41 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #002E25 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.22) !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
.bes-popup-debug-card strong {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.bes-popup-debug-card pre {
  white-space: pre-wrap !important;
  margin: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}


/* Suite 6.0.3 — Quick View product popup buy-section restore.
   Restores variation pills and price-inside-ADD-TO-BAG button while keeping seasonal popup separated. */
body .brx-popup-content.bes-qvp-shop-bridged #brxe-yshnpk[data-bes-qvp-native-price-hidden="1"],
body .brx-popup-content.bes-qvp-shop-bridged .brxe-fct-price-range[data-bes-qvp-native-price-hidden="1"],
body .brx-popup-content.bes-qvp-shop-bridged .fct-price-range[data-bes-qvp-native-price-hidden="1"] {
  display: none !important;
}
body .brx-popup-content .bes-qvp-bridge-buy-section {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  font-family: Helvetica, Arial, sans-serif !important;
}
body .brx-popup-content .bes-qvp-bridge-variant-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 8px 0 !important;
}
body .brx-popup-content .bes-qvp-bridge-variant {
  min-height: 22px !important;
  min-width: 44px !important;
  padding: 2px 10px !important;
  border: 1px solid #99BEB7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  cursor: pointer !important;
}
body .brx-popup-content .bes-qvp-bridge-variant.selected,
body .brx-popup-content .bes-qvp-bridge-variant[aria-checked="true"] {
  background: #E5F1EF !important;
  border-color: #014D41 !important;
  color: #002E25 !important;
}
body .brx-popup-content .bes-qvp-bridge-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}
body .brx-popup-content .bes-qvp-bridge-add-cart {
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 10px 18px !important;
  border: 1px solid #D6E8E5 !important;
  border-radius: 6px !important;
  background: #E5F1EF !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body .brx-popup-content .bes-qvp-bridge-add-label {
  white-space: nowrap !important;
}
body .brx-popup-content .bes-qvp-bridge-add-price {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  white-space: nowrap !important;
  text-transform: none !important;
}
body .brx-popup-content .bes-qvp-bridge-add-price .bes-old-price,
body .brx-popup-content .bes-qvp-bridge-add-price .mlhs-old-price {
  opacity: .86 !important;
}
body .brx-popup-content .bes-qvp-bridge-view-product {
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border: 1px solid #D6E8E5 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Suite 6.0.10 — Best Sellers popup only: force shop-card popup buy layout.
   Scoped by JS proof markers so the /shop product-card popup is not touched by this rule. */
body .brx-popup-content.fcc-suite-best-sellers-qv #brxe-yshnpk,
body .brx-popup-content.fcc-suite-best-sellers-qv .brxe-fct-price-range,
body .brx-popup-content.fcc-suite-best-sellers-qv .fct-price-range,
body .brx-popup-content.fcc-suite-best-sellers-qv .fct-product-item-price:not(.bes-qvp-bridge-add-price),
body .brx-popup-content.fcc-suite-best-sellers-qv [data-fluent-cart-product-item-price],
body .brx-popup-content.fcc-suite-best-sellers-qv .fluent-cart-product-variation-content:not(.bes-qvp-bridge-add-price) {
  display: none !important;
}
body .brx-popup-content.fcc-suite-best-sellers-qv [data-fcc-suite-qv-layout="shop-card-match"] {
  font-family: Helvetica, Arial, sans-serif !important;
}

/* FluentCart Companion Suite v6.0.12 — HOME Best Sellers popup layout guard only.
   Scoped by runtime class so /shop popup is not touched. */
body .brx-popup-content.fcc-suite-bes-home-popup #brxe-yshnpk,
body .brx-popup-content.fcc-suite-bes-home-popup .brxe-fct-price-range,
body .brx-popup-content.fcc-suite-bes-home-popup .fct-price-range,
body .brx-popup-content.fcc-suite-bes-home-popup .fct-product-item-price,
body .brx-popup-content.fcc-suite-bes-home-popup [data-fluent-cart-product-item-price],
body .brx-popup-content.fcc-suite-bes-home-popup .fluent-cart-product-variation-content,
body .brx-popup.fcc-suite-bes-home-popup #brxe-yshnpk,
body .brx-popup.fcc-suite-bes-home-popup .brxe-fct-price-range,
body .brx-popup.fcc-suite-bes-home-popup .fct-price-range,
body .brx-popup.fcc-suite-bes-home-popup .fct-product-item-price,
body .brx-popup.fcc-suite-bes-home-popup [data-fluent-cart-product-item-price],
body .brx-popup.fcc-suite-bes-home-popup .fluent-cart-product-variation-content {
  display: none !important;
}
body .brx-popup-content.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy .fct-product-item-price,
body .brx-popup-content.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy [data-fluent-cart-product-item-price],
body .brx-popup-content.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy .fluent-cart-product-variation-content,
body .brx-popup.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy .fct-product-item-price,
body .brx-popup.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy [data-fluent-cart-product-item-price],
body .brx-popup.fcc-suite-bes-home-popup .fcc-suite-bes-home-buy .fluent-cart-product-variation-content {
  display: inline-flex !important;
}

/* FluentCart Companion Suite v6.0.12 — HOME Best Sellers popup buy-section finalizer.
   Runtime-scoped only after a Home Best Sellers quick-view click. Does not affect /shop popup. */
body .brx-popup-content.fcc-suite-v6012-bes-popup #brxe-yshnpk,
body .brx-popup-content.fcc-suite-v6012-bes-popup .brxe-fct-price-range,
body .brx-popup-content.fcc-suite-v6012-bes-popup .fct-price-range,
body .brx-popup-content.fcc-suite-v6012-bes-popup .bes-qvp-bridge-price,
body .brx-popup-content.fcc-suite-v6012-bes-popup .fct-product-item-price,
body .brx-popup-content.fcc-suite-v6012-bes-popup [data-fluent-cart-product-item-price],
body .brx-popup-content.fcc-suite-v6012-bes-popup .fluent-cart-product-variation-content,
body .brx-popup-content.fcc-suite-v6012-bes-popup .fct-product-quantity-container,
body .brx-popup-content.fcc-suite-v6012-bes-popup .fct-product-buttons-wrap,
body .brx-popup.fcc-suite-v6012-bes-popup #brxe-yshnpk,
body .brx-popup.fcc-suite-v6012-bes-popup .brxe-fct-price-range,
body .brx-popup.fcc-suite-v6012-bes-popup .fct-price-range,
body .brx-popup.fcc-suite-v6012-bes-popup .bes-qvp-bridge-price,
body .brx-popup.fcc-suite-v6012-bes-popup .fct-product-item-price,
body .brx-popup.fcc-suite-v6012-bes-popup [data-fluent-cart-product-item-price],
body .brx-popup.fcc-suite-v6012-bes-popup .fluent-cart-product-variation-content,
body .brx-popup.fcc-suite-v6012-bes-popup .fct-product-quantity-container,
body .brx-popup.fcc-suite-v6012-bes-popup .fct-product-buttons-wrap {
  display: none !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-bes-buy,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-bes-buy {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 14px !important;
  font-family: Helvetica, Arial, sans-serif !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-bes-buy .fct-product-variants,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-bes-buy .fct-product-variants {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 8px 0 !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant {
  min-height: 22px !important;
  min-width: 46px !important;
  padding: 2px 9px !important;
  border: 1px solid #99BEB7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant.selected,
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant.is-selected,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant.selected,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-variant.is-selected {
  background: #E5F1EF !important;
  border-color: #014D41 !important;
  color: #002E25 !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-actions,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-add,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-add {
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 10px 18px !important;
  border: 1px solid #D6E8E5 !important;
  border-radius: 6px !important;
  background: #E5F1EF !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-add .bes-cart-price,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-add .bes-cart-price {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  white-space: nowrap !important;
  text-transform: none !important;
}
body .brx-popup-content.fcc-suite-v6012-bes-popup .fcc-suite-v6012-view,
body .brx-popup.fcc-suite-v6012-bes-popup .fcc-suite-v6012-view {
  width: 100% !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border: 1px solid #D6E8E5 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #002E25 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* FluentCart Companion Suite v6.0.13 — Home Best Sellers popup buy-section replacement only. */
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-bes-buy-host {
  display: block !important;
  margin-top: 18px !important;
  width: 100% !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup [data-fcc-suite-v6013-hidden-native="1"] {
  display: none !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-bes-buy,
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-variants {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-variant {
  align-items: center !important;
  background: #E5F1EF !important;
  border: 1px solid #99BEB7 !important;
  border-radius: 999px !important;
  color: #002E25 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 48px !important;
  padding: 2px 10px !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-variant.selected,
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-variant.is-selected {
  border-color: #014D41 !important;
  box-shadow: inset 0 0 0 1px #014D41 !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-add,
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-view {
  align-items: center !important;
  border: 1px solid #D6E8E5 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  color: #002E25 !important;
  display: flex !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 42px !important;
  justify-content: space-between !important;
  line-height: 1 !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  width: 100% !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-add {
  background: #E5F1EF !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-view {
  background: #ffffff !important;
  justify-content: center !important;
}
body:not(.woocommerce-shop) .brx-popup-content.fcc-suite-v6013-bes-popup .fcc-suite-v6013-add .bes-cart-price {
  align-items: center !important;
  display: inline-flex !important;
  gap: 6px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

/* FluentCart Companion Suite v6.0.128 — Shop Scent Profile widget */
.fcc-shop-scent-profile{
  box-sizing:border-box;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  width:min(var(--fcc-ssp-max-width,1538px), calc(100vw - 48px));
  max-width:none;
  margin:0;
  padding:0;
  color:var(--fcc-ssp-text,#00594f);
}
.fcc-shop-scent-profile *{box-sizing:border-box}
.fcc-ssp-inner{
  position:relative;
  background:var(--fcc-ssp-bg,#fff);
  border-radius:10px;
  min-height:var(--fcc-ssp-min-height,864px);
  padding:var(--fcc-ssp-pad-y,56px) var(--fcc-ssp-pad-x,64px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.fcc-ssp-heading{
  margin:0 0 var(--fcc-ssp-heading-mb,34px);
  font-family:Georgia,"Times New Roman",serif;
  font-size:var(--fcc-ssp-heading-size,52px);
  font-weight:400;
  line-height:1.05;
  text-align:center;
  color:var(--fcc-ssp-heading,#004f49);
}
.fcc-ssp-intro{
  max-width:780px;
  margin:-14px auto 34px;
  text-align:center;
  color:var(--fcc-ssp-text,#00594f);
}
.fcc-ssp-items{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--fcc-ssp-item-gap,56px);
  align-items:start;
  width:100%;
}
.fcc-ssp-item{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:var(--fcc-ssp-text,#00594f);
}
.fcc-ssp-copy{min-width:0;width:100%}
.fcc-ssp-media{
  order:-1;
  width:var(--fcc-ssp-image-size,170px);
  height:var(--fcc-ssp-image-size,170px);
  margin:0 auto 22px;
  border-radius:var(--fcc-ssp-image-radius,999px);
  overflow:hidden;
  flex:0 0 auto;
  background:linear-gradient(135deg,#f2f5f1,#dde6dd);
}
.fcc-ssp-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--fcc-ssp-image-radius,999px);
}
.fcc-ssp-placeholder-image{
  display:block;
  width:100%;
  height:100%;
  border-radius:var(--fcc-ssp-image-radius,999px);
  background:radial-gradient(circle at 35% 20%,#fff,#dfe8df 72%);
}
.fcc-ssp-media,
.fcc-ssp-media img,
.fcc-ssp-placeholder-image{
  transition:transform var(--fcc-ssp-hover-duration,220ms) ease, box-shadow var(--fcc-ssp-hover-duration,220ms) ease, filter var(--fcc-ssp-hover-duration,220ms) ease, border-color var(--fcc-ssp-hover-duration,220ms) ease;
  transform-origin:center;
}
.fcc-shop-scent-profile[data-fcc-ssp-hover="1"] .fcc-ssp-item{cursor:pointer}
@media (hover:hover) and (pointer:fine){
  .fcc-shop-scent-profile[data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-media,
  .fcc-shop-scent-profile[data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-media img,
  .fcc-shop-scent-profile[data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-placeholder-image{
    transform:translateY(var(--fcc-ssp-hover-lift,-6px)) scale(var(--fcc-ssp-hover-scale,1.045));
    filter:brightness(var(--fcc-ssp-hover-brightness,1.03));
    box-shadow:var(--fcc-ssp-hover-shadow,0 18px 38px rgba(0,89,79,.16));
  }
  .fcc-shop-scent-profile[data-fcc-ssp-hover="1"][data-fcc-ssp-title-hover="1"] .fcc-ssp-item:hover .fcc-ssp-title{
    text-decoration:underline;
    text-underline-offset:4px;
    text-decoration-thickness:1px;
  }
}
@media (prefers-reduced-motion:reduce){
  .fcc-ssp-media,
  .fcc-ssp-media img,
  .fcc-ssp-placeholder-image{
    transition:none;
  }
}

/* Shape modes for Shop Scent Profile images.
   - uniform keeps every image using the same radius.
   - alternate_diagonal rounds top-left + bottom-right on odd items, then mirrors on even items.
   - custom uses the four per-corner radius controls. */
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(odd) .fcc-ssp-media,
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(odd) .fcc-ssp-media img,
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(odd) .fcc-ssp-placeholder-image{
  border-radius:var(--fcc-ssp-image-radius,999px) 0 var(--fcc-ssp-image-radius,999px) 0;
}
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(even) .fcc-ssp-media,
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(even) .fcc-ssp-media img,
.fcc-shop-scent-profile[data-fcc-ssp-shape="alternate_diagonal"] .fcc-ssp-item:nth-child(even) .fcc-ssp-placeholder-image{
  border-radius:0 var(--fcc-ssp-image-radius,999px) 0 var(--fcc-ssp-image-radius,999px);
}
.fcc-shop-scent-profile[data-fcc-ssp-shape="custom"] .fcc-ssp-media,
.fcc-shop-scent-profile[data-fcc-ssp-shape="custom"] .fcc-ssp-media img,
.fcc-shop-scent-profile[data-fcc-ssp-shape="custom"] .fcc-ssp-placeholder-image{
  border-radius:var(--fcc-ssp-corner-tl,999px) var(--fcc-ssp-corner-tr,0) var(--fcc-ssp-corner-br,999px) var(--fcc-ssp-corner-bl,0);
}
.fcc-ssp-title{
  margin:0 0 8px;
  font-size:var(--fcc-ssp-title-size,23px);
  font-weight:800;
  line-height:1.08;
  color:var(--fcc-ssp-text,#00594f);
}
.fcc-ssp-text{
  margin:0 auto;
  max-width:var(--fcc-ssp-text-max,260px);
  font-size:var(--fcc-ssp-text-size,17px);
  line-height:var(--fcc-ssp-text-lh,1.25);
  color:var(--fcc-ssp-text,#00594f);
}
.fcc-ssp-text p{margin:0 0 .65em}.fcc-ssp-text p:last-child{margin-bottom:0}
.fcc-ssp-line{display:none}
.fcc-ssp-button-wrap{
  display:flex;
  justify-content:center;
  margin-top:var(--fcc-ssp-button-mt,36px);
}
.fcc-ssp-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 22px;
  border:1px solid var(--fcc-ssp-button,#00594f);
  border-radius:5px;
  color:var(--fcc-ssp-button,#00594f);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.1;
  text-decoration:none;
  text-transform:uppercase;
  background:transparent;
}
.fcc-ssp-button:hover{background:var(--fcc-ssp-button,#00594f);color:#fff}

.fcc-ssp-layout-toggle{
  display:none;
}
.fcc-ssp-layout-toggle__button{
  appearance:none;
  width:var(--fcc-ssp-toggle-button-size,34px);
  height:var(--fcc-ssp-toggle-button-size,34px);
  min-width:var(--fcc-ssp-toggle-button-size,34px);
  min-height:var(--fcc-ssp-toggle-button-size,34px);
  padding:0;
  border:var(--fcc-ssp-toggle-border-width,1px) solid #000;
  border-radius:5px;
  background:transparent;
  color:#000;
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.fcc-ssp-layout-toggle__button[aria-pressed="true"]{
  background:transparent;
  box-shadow:none;
}
.fcc-ssp-layout-toggle__button:focus-visible{
  outline:1px solid #000;
  outline-offset:3px;
}
.fcc-ssp-layout-toggle__icon{
  display:block;
  position:relative;
  width:var(--fcc-ssp-toggle-icon-size,22px);
  height:var(--fcc-ssp-toggle-icon-size,22px);
  flex:0 0 var(--fcc-ssp-toggle-icon-size,22px);
}
.fcc-ssp-layout-toggle__custom-icon{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  pointer-events:none;
}
.fcc-ssp-layout-toggle__icon--grid span{
  position:absolute;
  width:9px;
  height:9px;
  border:1px solid currentColor;
  border-radius:2px;
}
.fcc-ssp-layout-toggle__icon--grid span:nth-child(1){left:0;top:0}
.fcc-ssp-layout-toggle__icon--grid span:nth-child(2){right:0;top:0}
.fcc-ssp-layout-toggle__icon--grid span:nth-child(3){left:0;bottom:0}
.fcc-ssp-layout-toggle__icon--grid span:nth-child(4){right:0;bottom:0}
.fcc-ssp-layout-toggle__icon--slider span{
  position:absolute;
  top:3px;
  bottom:3px;
  border:1px solid currentColor;
  border-radius:3px;
}
.fcc-ssp-layout-toggle__icon--slider span:nth-child(1){left:0;width:4px}
.fcc-ssp-layout-toggle__icon--slider span:nth-child(2){left:7px;width:8px}
.fcc-ssp-layout-toggle__icon--slider span:nth-child(3){right:0;width:4px}
.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important;
}

.fcc-shop-scent-profile-placeholder{
  padding:12px 14px;
  border:1px dashed #94a3b8;
  border-radius:8px;
  background:#f8fafc;
  color:#334155;
  font-size:13px;
  line-height:1.35;
}
@media(max-width:1199px){
  .fcc-shop-scent-profile{width:min(var(--fcc-ssp-max-width,1538px), calc(100vw - 32px))}
  .fcc-ssp-inner{min-height:var(--fcc-ssp-tablet-min-height,auto);padding:clamp(34px,5vw,54px);padding-top:var(--fcc-ssp-tablet-heading-top,clamp(34px,5vw,54px))}
  .fcc-ssp-heading{font-size:clamp(40px,4.4vw,var(--fcc-ssp-heading-size,52px))}
  .fcc-ssp-items{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(28px,4vw,var(--fcc-ssp-item-gap,56px))}
  .fcc-ssp-media{width:clamp(128px,14vw,var(--fcc-ssp-image-size,170px));height:clamp(128px,14vw,var(--fcc-ssp-image-size,170px))}
}
@media (min-width:768px) and (max-width:1179px){

  .fcc-shop-scent-profile[data-fcc-ssp-tablet-toggle="1"] .fcc-ssp-layout-toggle{
    position:absolute;
    /* v6.0.161: use widget-controlled offsets. Defaults preserve the
       approved tablet placement: top 7px, right 40px, bottom auto, left auto. */
    inset-block-start:var(--fcc-ssp-toggle-top,7px);
    inset-inline-end:var(--fcc-ssp-toggle-right,40px);
    inset-block-end:var(--fcc-ssp-toggle-bottom,auto);
    inset-inline-start:var(--fcc-ssp-toggle-left,auto);
    top:var(--fcc-ssp-toggle-top,7px);
    right:var(--fcc-ssp-toggle-right,40px);
    bottom:var(--fcc-ssp-toggle-bottom,auto);
    left:var(--fcc-ssp-toggle-left,auto);
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:max-content;
    min-width:max-content;
    max-width:none;
    overflow:visible;
    transform:none;
  }
  .fcc-shop-scent-profile[data-fcc-ssp-tablet-toggle="1"] .fcc-ssp-layout-toggle__button{
    display:inline-flex;
  }
  .fcc-shop-scent-profile[data-fcc-ssp-tablet-toggle="1"] .fcc-ssp-heading{
    padding-left:88px;
    padding-right:88px;
  }
  .fcc-shop-scent-profile[data-fcc-ssp-tablet-layout="slider"] .fcc-ssp-items{
    display:flex;
    grid-template-columns:none;
    flex-wrap:nowrap;
    gap:clamp(20px,3vw,var(--fcc-ssp-item-gap,56px));
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:2px 2px 14px;
    margin:0 -2px;
    scrollbar-width:thin;
    scrollbar-color:var(--fcc-ssp-line,#cbd8d0) transparent;
  }

  .fcc-shop-scent-profile[data-fcc-ssp-tablet-layout="slider"] .fcc-ssp-items::-webkit-scrollbar{height:4px}
  .fcc-shop-scent-profile[data-fcc-ssp-tablet-layout="slider"] .fcc-ssp-items::-webkit-scrollbar-track{background:transparent}
  .fcc-shop-scent-profile[data-fcc-ssp-tablet-layout="slider"] .fcc-ssp-items::-webkit-scrollbar-thumb{background:var(--fcc-ssp-line,#cbd8d0);border-radius:999px}

  .fcc-shop-scent-profile[data-fcc-ssp-tablet-layout="slider"] .fcc-ssp-item{
    flex:0 0 min(38vw,260px);
    scroll-snap-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    padding:2px 4px 0;
  }
}

@media(max-width:767px){
  .fcc-shop-scent-profile{left:auto;transform:none;width:100%;max-width:100%;padding:0 12px;margin:0 auto}
  .fcc-ssp-inner{min-height:var(--fcc-ssp-mobile-min-height,auto);padding:24px 20px 28px;padding-top:var(--fcc-ssp-mobile-heading-top,39.05px)}
  .fcc-ssp-heading{font-size:var(--fcc-ssp-mobile-heading,36px);line-height:1.05;margin-bottom:20px}
  .fcc-ssp-intro{margin:-8px auto 20px;font-size:15px;line-height:1.3}
  .fcc-ssp-items{
    display:flex;
    flex-wrap:nowrap;
    gap:clamp(20px,3vw,var(--fcc-ssp-item-gap,56px));
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding:2px 2px 14px;
    margin:0 -2px;
    scrollbar-width:thin;
    scrollbar-color:var(--fcc-ssp-line,#cbd8d0) transparent;
  }
  .fcc-ssp-items::-webkit-scrollbar{height:4px}
  .fcc-ssp-items::-webkit-scrollbar-track{background:transparent}
  .fcc-ssp-items::-webkit-scrollbar-thumb{background:var(--fcc-ssp-line,#cbd8d0);border-radius:999px}
  .fcc-ssp-item{
    flex:0 0 min(68vw,var(--fcc-ssp-mobile-item,220px));
    scroll-snap-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    padding:2px 4px 0;
  }
  .fcc-ssp-media{width:var(--fcc-ssp-mobile-image,104px);height:var(--fcc-ssp-mobile-image,104px);margin:0 auto 14px;order:-1}
  .fcc-ssp-title{font-size:var(--fcc-ssp-mobile-title,17px);line-height:1.08;margin-bottom:7px}
  .fcc-ssp-text{font-size:var(--fcc-ssp-mobile-text,14px);line-height:1.25;max-width:210px}
  .fcc-ssp-line{display:none}
  .fcc-ssp-button-wrap{margin-top:18px}
  .fcc-ssp-button{width:auto;max-width:100%;font-size:12px;min-height:34px;padding:8px 18px}
}
@media(min-width:600px) and (max-width:767px){
  .fcc-ssp-inner{min-height:var(--fcc-ssp-mobile-landscape-min-height,auto);padding-top:var(--fcc-ssp-mobile-landscape-heading-top,39.05px)}
}
@media(max-width:599px){
  .fcc-ssp-inner{min-height:var(--fcc-ssp-mobile-min-height,auto);padding-top:var(--fcc-ssp-mobile-heading-top,39.05px)}
}
@media(max-width:390px){
  .fcc-ssp-inner{min-height:var(--fcc-ssp-mobile-320-min-height,var(--fcc-ssp-mobile-min-height,auto));padding-left:16px;padding-right:16px;padding-top:var(--fcc-ssp-mobile-320-heading-top,39.05px)}
  .fcc-ssp-item{flex-basis:min(74vw,var(--fcc-ssp-mobile-item,216px))}
  .fcc-ssp-media{width:calc(var(--fcc-ssp-mobile-image,104px) * .92);height:calc(var(--fcc-ssp-mobile-image,104px) * .92)}
  .fcc-ssp-title{font-size:calc(var(--fcc-ssp-mobile-title,17px) - 1px)}
  .fcc-ssp-text{font-size:calc(var(--fcc-ssp-mobile-text,14px) - 1px);max-width:190px}
}

/* v6.0.144 — MLHS Product Gallery Bricks element
   Controlled MLHS ratio-controlled product gallery. Replaces the fragile native gallery box without touching cart logic. */
.fcc-product-gallery,
.fcc-product-gallery * {
  box-sizing: border-box;
}

@keyframes fccProductGalleryRailTrackHint {
  0% { opacity: 0; }
  20% { opacity: 1; }
  55% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fccProductGalleryRailIndicatorHint {
  0% {
    opacity: 0;
    transform: translateY(var(--fcc-product-gallery-scrollbar-thumb-y, 0px)) scaleX(1);
  }
  20% {
    opacity: 1;
    transform: translateY(var(--fcc-product-gallery-scrollbar-thumb-y, 0px)) scaleX(1.18);
  }
  55% {
    opacity: 1;
    transform: translateY(var(--fcc-product-gallery-scrollbar-thumb-y, 0px)) scaleX(1.18);
  }
  100% {
    opacity: 0;
    transform: translateY(var(--fcc-product-gallery-scrollbar-thumb-y, 0px)) scaleX(1);
  }
}

.fcc-product-gallery {
  --fcc-product-gallery-thumb-w: 96px;
  --fcc-product-gallery-thumb-h: 128px;
  --fcc-product-gallery-thumb-gap: 3px;
  --fcc-product-gallery-thumb-to-scrollbar: 8px;
  --fcc-product-gallery-scrollbar-w: 6px;
  --fcc-product-gallery-scrollbar-to-image: 8px;
  --fcc-product-gallery-scrollbar-track: rgba(172, 229, 161, 0.38);
  --fcc-product-gallery-scrollbar-indicator: #006B5D;
  --fcc-product-gallery-scrollbar-indicator-edge: rgba(0, 89, 79, 0.35);
  --fcc-product-gallery-scrollbar-thumb-length: 192px;
  --fcc-product-gallery-scrollbar-thumb-y: 0px;
  --fcc-product-gallery-rail-w: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar) + var(--fcc-product-gallery-scrollbar-w) + var(--fcc-product-gallery-scrollbar-to-image));
  --fcc-product-gallery-stage-w: 730px;
  --fcc-product-gallery-stage-h: 945px;
  --fcc-product-gallery-total-w: calc(var(--fcc-product-gallery-rail-w) + var(--fcc-product-gallery-stage-w));
  position: relative;
  width: var(--fcc-product-gallery-total-w);
  min-width: var(--fcc-product-gallery-total-w);
  max-width: var(--fcc-product-gallery-total-w);
  height: var(--fcc-product-gallery-stage-h);
  min-height: var(--fcc-product-gallery-stage-h);
  max-height: var(--fcc-product-gallery-stage-h);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}

.fcc-product-gallery__thumbs {
  width: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar) + var(--fcc-product-gallery-scrollbar-w));
  min-width: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar) + var(--fcc-product-gallery-scrollbar-w));
  max-width: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar) + var(--fcc-product-gallery-scrollbar-w));
  height: var(--fcc-product-gallery-stage-h);
  min-height: var(--fcc-product-gallery-stage-h);
  max-height: var(--fcc-product-gallery-stage-h);
  margin-right: var(--fcc-product-gallery-scrollbar-to-image);
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--fcc-product-gallery-thumb-gap);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  background: transparent;
}

.fcc-product-gallery__thumbs::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}

.fcc-product-gallery__thumb {
  appearance: none;
  width: var(--fcc-product-gallery-thumb-w);
  min-width: var(--fcc-product-gallery-thumb-w);
  max-width: var(--fcc-product-gallery-thumb-w);
  height: var(--fcc-product-gallery-thumb-h);
  min-height: var(--fcc-product-gallery-thumb-h);
  max-height: var(--fcc-product-gallery-thumb-h);
  flex: 0 0 var(--fcc-product-gallery-thumb-h);
  padding: 0;
  margin: 0 var(--fcc-product-gallery-thumb-to-scrollbar) 0 0;
  display: block;
  border: 1px solid #CFE6CE;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}

.fcc-product-gallery__thumb[aria-current="true"],
.fcc-product-gallery__thumb:focus,
.fcc-product-gallery__thumb:focus-visible {
  outline: none;
  border-color: #CFE6CE;
  box-shadow: none;
}

.fcc-product-gallery__thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: 7px;
  user-select: none;
  -webkit-user-drag: none;
}

.fcc-product-gallery__stage {
  width: var(--fcc-product-gallery-stage-w);
  min-width: var(--fcc-product-gallery-stage-w);
  max-width: var(--fcc-product-gallery-stage-w);
  height: var(--fcc-product-gallery-stage-h);
  min-height: var(--fcc-product-gallery-stage-h);
  max-height: var(--fcc-product-gallery-stage-h);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}

.fcc-product-gallery__main {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  border-radius: 8px;
  transform: none;
  scale: 1;
  user-select: none;
  -webkit-user-drag: none;
}



@keyframes fccProductGallerySaleSpinIn {
  0% {
    opacity: 0;
    transform: rotate(-180deg) scale(0.4);
  }
  70% {
    opacity: 1;
    transform: rotate(12deg) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes fccProductGallerySaleFlash {
  0%, 100% { filter: brightness(1); }
  35% { filter: brightness(1.35); }
  70% { filter: brightness(0.92); }
}

.fcc-product-gallery__sale-badge {
  position: absolute;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--fcc-pg-sale-w, 80px);
  min-width: var(--fcc-pg-sale-w, 80px);
  height: var(--fcc-pg-sale-h, 30px);
  min-height: var(--fcc-pg-sale-h, 30px);
  padding: 0 8px;
  box-sizing: border-box;
  border: 0;
  border-radius: var(--fcc-pg-sale-radius, 7px);
  background: var(--fcc-pg-sale-bg, #d91183);
  color: var(--fcc-pg-sale-color, #fff);
  font-family: var(--fcc-pg-sale-font, Helvetica, Arial, sans-serif);
  font-size: var(--fcc-pg-sale-font-size, 18px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: center;
  will-change: transform, opacity, filter;
}

.fcc-product-gallery__sale-badge--top_left {
  top: var(--fcc-pg-sale-top, 3px);
  left: var(--fcc-pg-sale-left, 3px);
  right: auto;
  bottom: auto;
}

.fcc-product-gallery__sale-badge--top_right {
  top: var(--fcc-pg-sale-top, 3px);
  right: var(--fcc-pg-sale-right, 3px);
  left: auto;
  bottom: auto;
}

.fcc-product-gallery__sale-badge--bottom_left {
  bottom: var(--fcc-pg-sale-bottom, 3px);
  left: var(--fcc-pg-sale-left, 3px);
  top: auto;
  right: auto;
}

.fcc-product-gallery__sale-badge--bottom_right {
  bottom: var(--fcc-pg-sale-bottom, 3px);
  right: var(--fcc-pg-sale-right, 3px);
  top: auto;
  left: auto;
}

.fcc-product-gallery__sale-badge--round {
  width: var(--fcc-pg-sale-round-size, 54px);
  min-width: var(--fcc-pg-sale-round-size, 54px);
  height: var(--fcc-pg-sale-round-size, 54px);
  min-height: var(--fcc-pg-sale-round-size, 54px);
  padding: 0 6px;
  border-radius: 999px;
  white-space: normal;
  line-height: 1.05;
}

.fcc-product-gallery__sale-badge--vertical {
  width: var(--fcc-pg-sale-vertical-w, 30px);
  min-width: var(--fcc-pg-sale-vertical-w, 30px);
  height: var(--fcc-pg-sale-vertical-h, 80px);
  min-height: var(--fcc-pg-sale-vertical-h, 80px);
  padding: 5px 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: var(--fcc-pg-sale-vertical-font-size, var(--fcc-pg-sale-font-size, 18px));
  line-height: var(--fcc-pg-sale-vertical-line-height, 1);
  letter-spacing: var(--fcc-pg-sale-vertical-letter-spacing, 0em);
  white-space: nowrap;
}

.fcc-product-gallery__sale-badge--anim-spin {
  animation: fccProductGallerySaleSpinIn 0.9s ease-out both;
}

.fcc-product-gallery__sale-badge--anim-flash {
  animation: fccProductGallerySaleFlash 1.1s ease-in-out 2 both;
}

.fcc-product-gallery__sale-badge--anim-spin_flash {
  animation: fccProductGallerySaleSpinIn 0.9s ease-out both, fccProductGallerySaleFlash 1.1s ease-in-out 0.9s 2 both;
}

.fcc-product-gallery__sale-badge--anim-none {
  animation: none;
}

.fcc-product-gallery::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar));
  width: var(--fcc-product-gallery-scrollbar-w);
  height: var(--fcc-product-gallery-stage-h);
  border-radius: 999px;
  background: var(--fcc-product-gallery-scrollbar-track);
  opacity: 0;
  transition: opacity 180ms ease;
  pointer-events: none;
  z-index: 20;
}

.fcc-product-gallery::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--fcc-product-gallery-thumb-w) + var(--fcc-product-gallery-thumb-to-scrollbar));
  width: var(--fcc-product-gallery-scrollbar-w);
  height: var(--fcc-product-gallery-scrollbar-thumb-length);
  border-radius: 999px;
  background: var(--fcc-product-gallery-scrollbar-indicator);
  opacity: 0;
  transform: translateY(var(--fcc-product-gallery-scrollbar-thumb-y, 0px));
  transition: opacity 180ms ease, transform 120ms ease;
  box-shadow: inset 0 0 0 1px var(--fcc-product-gallery-scrollbar-indicator-edge), 0 1px 5px rgba(0,0,0,.10);
  pointer-events: none;
  z-index: 25;
}

.fcc-product-gallery[data-rail="show"]::before,
.fcc-product-gallery[data-rail="show"]::after {
  opacity: 1;
}

.fcc-product-gallery[data-rail="hint"]::before {
  animation: fccProductGalleryRailTrackHint 1800ms ease-in-out 3 both;
}

.fcc-product-gallery[data-rail="hint"]::after {
  animation: fccProductGalleryRailIndicatorHint 1800ms ease-in-out 3 both;
}

.fcc-product-gallery__dots {
  display: none;
}

.fcc-product-gallery__dot {
  appearance: none;
  width: 7px;
  height: 7px;
  min-width: 7px;
  min-height: 7px;
  max-width: 7px;
  max-height: 7px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(38, 82, 68, 0.58);
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}

.fcc-product-gallery__dot[aria-current="true"] {
  background: rgba(38, 82, 68, 1);
  transform: scale(1.25);
}


.fcc-product-gallery--builder-preview .fcc-product-gallery__main,
.fcc-product-gallery--builder-preview .fcc-product-gallery__thumb img {
  background-color: #f7faf5;
}

.fcc-product-gallery--builder-preview::marker {
  content: "";
}

.fcc-product-gallery__empty {
  width: 100%;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border: 1px dashed rgba(0, 89, 79, 0.35);
  border-radius: 8px;
  color: #00594f;
  background: rgba(255,255,255,.55);
}

/* Known single-product hero integration. This activates only when the widget JS sees the gallery.
   Rebuild contract: add class fcc-product-hero to the parent container and fcc-product-card to the right card block. */
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
  --fcc-pg-large-w: 730px;
  --fcc-pg-desktop-w: 533px;
  --fcc-pg-tablet-w: 498.5px;
  --fcc-pg-mobile-h: 608.17px;
  --fcc-pg-gap-desktop: 40px;
  --fcc-pg-gap-tablet: 32px;
  --fcc-product-card-max: 597px;
  --fcc-product-card-mobile-gutter-left: 7px;
  --fcc-product-card-mobile-gutter-right: 7px;
  --fcc-product-card-mobile-padding-x: 15px;
}

@media (min-width: 1600px) {
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
    --fcc-product-gallery-stage-w: var(--fcc-pg-large-w, 730px);
    --fcc-product-gallery-stage-h: calc(var(--fcc-product-gallery-stage-w) * 945 / 730);
    --fcc-product-gallery-total-w: calc(118px + var(--fcc-product-gallery-stage-w));
    display: grid !important;
    grid-template-columns: var(--fcc-product-gallery-total-w) minmax(0, var(--fcc-product-card-max)) !important;
    column-gap: var(--fcc-pg-gap-desktop, 40px) !important;
    row-gap: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }
}

@media (min-width: 1180px) and (max-width: 1599px) {
  .fcc-product-gallery {
    --fcc-product-gallery-stage-w: var(--fcc-pg-desktop-w, 533px);
    --fcc-product-gallery-stage-h: calc(var(--fcc-product-gallery-stage-w) * 760 / 580);
  }
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
    --fcc-product-gallery-stage-w: var(--fcc-pg-desktop-w, 533px);
    --fcc-product-gallery-stage-h: calc(var(--fcc-product-gallery-stage-w) * 760 / 580);
    --fcc-product-gallery-total-w: calc(118px + var(--fcc-product-gallery-stage-w));
    display: grid !important;
    grid-template-columns: var(--fcc-product-gallery-total-w) minmax(0, var(--fcc-product-card-max)) !important;
    column-gap: var(--fcc-pg-gap-desktop, 40px) !important;
    row-gap: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }
}

@media (min-width: 768px) and (max-width: 1179px) {
  .fcc-product-gallery {
    --fcc-product-gallery-rail-w: 0px;
    --fcc-product-gallery-stage-w: min(var(--fcc-pg-tablet-w, 498.5px), calc((100vw - 96px) / 2));
    --fcc-product-gallery-stage-h: calc(var(--fcc-product-gallery-stage-w) * 459 / 360);
    --fcc-product-gallery-total-w: var(--fcc-product-gallery-stage-w);
  }
  .fcc-product-gallery__thumbs,
  .fcc-product-gallery::before,
  .fcc-product-gallery::after {
    display: none;
  }
  .fcc-product-gallery__dots {
    position: absolute;
    left: 18px;
    bottom: 15px;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    max-width: calc(100% - 36px);
    padding: 0;
    margin: 0;
  }
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
    --fcc-product-gallery-stage-w: min(var(--fcc-pg-tablet-w, 498.5px), calc((100vw - 96px) / 2));
    --fcc-product-gallery-stage-h: calc(var(--fcc-product-gallery-stage-w) * 459 / 360);
    --fcc-product-gallery-total-w: var(--fcc-product-gallery-stage-w);
    --fcc-product-card-max: var(--fcc-product-gallery-stage-w);
    display: grid !important;
    grid-template-columns: var(--fcc-product-gallery-total-w) minmax(0, var(--fcc-product-card-max)) !important;
    column-gap: var(--fcc-pg-gap-tablet, 32px) !important;
    row-gap: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .fcc-product-gallery {
    --fcc-product-gallery-rail-w: 0px;
    --fcc-product-gallery-stage-w: 100%;
    --fcc-product-gallery-stage-h: var(--fcc-pg-mobile-h, 608.17px);
    --fcc-product-gallery-total-w: 100%;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: block;
  }

  /* 6.0.138: mobile/stacked gallery must fill the available column width.
     Mobile stacked gallery fills the available column width and uses the configurable stacked image height. */
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column),
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery-element,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .brxe-fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery__stage,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery__main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* v6.0.149 — Mobile/stacked gallery width match.
     In the 767px-and-below band, the product card can expand by the configured
     left/right mobile offsets. The gallery column now uses the same offsets so
     the feature image and card share the same outer width in that viewport only. */
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) {
    width: calc(100% + var(--fcc-product-card-mobile-gutter-left, 7px) + var(--fcc-product-card-mobile-gutter-right, 7px)) !important;
    max-width: none !important;
    margin-left: calc(-1 * var(--fcc-product-card-mobile-gutter-left, 7px)) !important;
    margin-right: calc(-1 * var(--fcc-product-card-mobile-gutter-right, 7px)) !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) .fcc-product-gallery-element,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) .brxe-fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) .fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) .fcc-product-gallery__stage,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column) .fcc-product-gallery__main {
    width: 100% !important;
    max-width: 100% !important;
  }

  .fcc-product-gallery__stage {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .fcc-product-gallery__thumbs,
  .fcc-product-gallery::before,
  .fcc-product-gallery::after {
    display: none;
  }
  .fcc-product-gallery__stage,
  .fcc-product-gallery__main {
    border-radius: 0 !important;
  }
  .fcc-product-gallery__dots {
    position: absolute;
    left: 22px;
    bottom: 16px;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    max-width: calc(100% - 44px);
    padding: 0;
    margin: 0;
  }
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* v6.0.152 — Stable mobile stacked image height contract.
   The mobile stacked image no longer uses a tiny edge override that can flash
   and then get replaced by the base mobile height.  Instead, the 0–767px band
   uses one stable height value: keep the protected phone minimum, then grow
   from the actual full-width mobile media box as the viewport approaches the
   767px breakpoint. */
@media (max-width: 767px) {
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] {
    --fcc-product-gallery-mobile-ratio-h: max(var(--fcc-pg-mobile-h, 608.17px), calc(127.5vw - 36.98px));
    --fcc-product-gallery-stage-h: var(--fcc-product-gallery-mobile-ratio-h);
  }

  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-tnzhle, .fcc-product-gallery-column),
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery-element,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .brxe-fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery__stage,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-gallery__main {
    height: var(--fcc-product-gallery-mobile-ratio-h) !important;
    min-height: var(--fcc-product-gallery-mobile-ratio-h) !important;
    max-height: var(--fcc-product-gallery-mobile-ratio-h) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fcc-product-gallery__stage,
  .fcc-product-gallery__main {
    border-radius: 10px;
  }
}

@media (max-width: 478px) {
  .fcc-product-gallery__stage,
  .fcc-product-gallery__main {
    border-radius: 0;
  }
}

/* Fluid right-card protection only when the MLHS gallery exists in the known hero. */
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) {
  min-width: 0 !important;
  width: 100% !important;
  max-width: var(--fcc-product-card-max, 597px) !important;
  box-sizing: border-box !important;
}

:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) > *,
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-jpwtib,
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv,
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [data-fc-sshop-cart],
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [role="radiogroup"],
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [data-fc-sshop-button] {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* v6.0.144 — Mobile/stacked product card width-match contract.
   The product card can expand beyond the hero content box by the left/right offsets
   so it visually matches adjacent full-width content cards. Inner side padding is
   separately controlled and defaults to 15px. */
@media (max-width: 767px) {
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) {
    width: calc(100% + var(--fcc-product-card-mobile-gutter-left, 7px) + var(--fcc-product-card-mobile-gutter-right, 7px)) !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: calc(-1 * var(--fcc-product-card-mobile-gutter-left, 7px)) !important;
    margin-right: calc(-1 * var(--fcc-product-card-mobile-gutter-right, 7px)) !important;

    padding-left: var(--fcc-product-card-mobile-padding-x, 15px) !important;
    padding-right: var(--fcc-product-card-mobile-padding-x, 15px) !important;

    justify-self: stretch !important;
    align-self: start !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
  }

  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) > *,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [data-fc-sshop-cart],
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [role="radiogroup"],
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] #brxe-djlevv [data-fc-sshop-button] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Rebuild-friendly card fluidity: use .fcc-product-hero on the parent and .fcc-product-card on the right card block. */
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-card [data-fc-sshop-cart],
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-card [role="radiogroup"],
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] .fcc-product-card [data-fc-sshop-button] {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* v6.0.153 — Single product sticky card/accordion clamp restored from approved v9 snippet.
   Side-by-side only; matches gallery/card layout from 768px up.
   Does not style #brxe-vwnqzi, does not alter gallery image logic. */
@media (min-width: 768px) {
  :is(#brxe-rctcci, .fcc-product-hero) {
    display: grid !important;
    align-items: start !important;
    align-content: start !important;
    grid-auto-rows: auto !important;
    position: relative !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  :is(#brxe-tnzhle, .fcc-product-gallery-column) {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  :is(#brxe-qshisd, .fcc-product-card) {
    align-self: start !important;
    justify-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  :is(#brxe-qshisd, .fcc-product-card)[data-mlhs-card-mode="sticky"] {
    position: sticky !important;
    /* 6.0.269: no negative sticky top on desktop; sticky stops naturally inside the hero row. */
    top: 88px !important;
    transform: none !important;
    margin-bottom: 0 !important;
    transition: none !important;
    will-change: auto !important;
  }

  :is(#brxe-qshisd, .fcc-product-card)[data-mlhs-card-mode="bottom-clamp"] {
    position: relative !important;
    top: auto !important;
    transform: translate3d(0, var(--mlhs-card-lift, 0px), 0) !important;
    margin-bottom: var(--mlhs-card-flow-pull, 0px) !important;
    transition:
      transform var(--mlhs-card-motion-duration, 0ms) cubic-bezier(0.22, 0.61, 0.36, 1),
      margin-bottom var(--mlhs-card-motion-duration, 0ms) cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    will-change: transform, margin-bottom;
  }

  :is(#brxe-qshisd, .fcc-product-card)[data-mlhs-card-motion="scrolling"] {
    --mlhs-card-motion-duration: 0ms !important;
    transition: none !important;
  }

  :is(#brxe-qshisd, .fcc-product-card)[data-mlhs-card-motion="settling"] {
    --mlhs-card-motion-duration: 220ms !important;
  }

  #brxe-qshisd > #brxe-jpwtib {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding-top: 8px !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    overflow: visible !important;
    transform: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  #brxe-qshisd > #brxe-jpwtib [data-script-id="mpwlgy"],
  #brxe-qshisd > #brxe-jpwtib #brxe-hzkeso,
  #brxe-qshisd > #brxe-jpwtib #brxe-asziwf,
  #brxe-qshisd > #brxe-jpwtib #brxe-snyatu,
  #brxe-qshisd > #brxe-jpwtib #brxe-zwwntl,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet,
  #brxe-qshisd > #brxe-jpwtib #brxe-rfkrwy,
  #brxe-qshisd > #brxe-jpwtib #brxe-zdssdx,
  #brxe-qshisd > #brxe-jpwtib #brxe-lcjggm {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-hzkeso,
  #brxe-qshisd > #brxe-jpwtib #brxe-asziwf,
  #brxe-qshisd > #brxe-jpwtib #brxe-snyatu,
  #brxe-qshisd > #brxe-jpwtib #brxe-zwwntl {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-qwfrbs,
  #brxe-qshisd > #brxe-jpwtib #brxe-bknleg,
  #brxe-qshisd > #brxe-jpwtib #brxe-awmtws,
  #brxe-qshisd > #brxe-jpwtib #brxe-nfsxeq {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-mfqmdj,
  #brxe-qshisd > #brxe-jpwtib #brxe-lwehbh,
  #brxe-qshisd > #brxe-jpwtib #brxe-jcumxp,
  #brxe-qshisd > #brxe-jpwtib #brxe-tpdwyb {
    margin-left: auto !important;
  }

  :is(#brxe-rctcci, .fcc-product-hero),
  :is(#brxe-tnzhle, .fcc-product-gallery-column),
  :is(#brxe-qshisd, .fcc-product-card),
  :is(#brxe-jpwtib, .fcc-product-accordion) {
    overflow-anchor: none !important;
  }
}

@media (max-width: 767.98px) {
  #brxe-rctcci,
  :is(#brxe-tnzhle, .fcc-product-gallery-column) {
    height: auto !important;
    min-height: 0 !important;
  }

  :is(#brxe-qshisd, .fcc-product-card) {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    margin-bottom: 0 !important;
    transition: none !important;
    will-change: auto !important;
  }

  #brxe-qshisd > #brxe-jpwtib {
    margin: 0 !important;
  }
}

/* v6.0.170 — Tablet ingredient slider viewport correction.
   Scope: Product Card/Cart Block > Product Accordian Block > Ingredients content only.
   Audit: v6.0.167–6.0.169 made the ingredient track scrollable, but in tablet
   side-by-side the accordion/content wrappers could keep max-content width. That let
   #brxe-llzvdg expand to the full ingredient track width (for example 1202px) instead
   of staying constrained to the right card/accordion width. Mobile already worked and
   remains untouched. This fix makes the accordion content the viewport, then keeps the
   ingredient list at 100% width with horizontal overflow inside that viewport. */
@media (min-width: 768px) and (max-width: 1179px) {
  #brxe-qshisd > #brxe-jpwtib,
  #brxe-qshisd > #brxe-jpwtib #brxe-mpwlgy,
  #brxe-qshisd > #brxe-jpwtib #brxe-hzkeso,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet {
    overflow: hidden !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    justify-items: flex-start !important;

    width: 100% !important;
    inline-size: 100% !important;
    max-width: 100% !important;
    max-inline-size: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;

    gap: 14px !important;
    column-gap: 14px !important;
    row-gap: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 8px !important;
    overscroll-behavior-x: contain !important;
    padding: 4px 8px 14px !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 89, 79, 0.28) transparent;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar {
    height: 4px;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-track {
    background: transparent;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-thumb {
    background: rgba(0, 89, 79, 0.28);
    border-radius: 999px;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg > *,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-xffynx,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg > .brxe-block,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg > [data-loop-index] {
    display: flex !important;
    flex: 0 0 136px !important;
    width: 136px !important;
    inline-size: 136px !important;
    max-width: 136px !important;
    max-inline-size: 136px !important;
    min-width: 136px !important;
    min-inline-size: 136px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 6px !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-kpfpba,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-kpfpba img {
    width: 36px !important;
    inline-size: 36px !important;
    max-width: 36px !important;
    max-inline-size: 36px !important;
    height: 36px !important;
    block-size: 36px !important;
    max-height: 36px !important;
    max-block-size: 36px !important;
    object-fit: contain !important;
    margin-right: auto !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-czvytk {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.28 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-czvytk br {
    display: none !important;
  }
}

/* v6.0.200 — Scent Profile rail-only fix.
   Preserve the pre-6.0.199 Scent Profile height, typography, padding, and item spacing.
   Replace the old native scrollbar with one custom two-tone live rail only. */
.fcc-shop-scent-profile{
  --fcc-ssp-rail-h:6px;
  --fcc-ssp-rail-thumb-w:144px;
  --fcc-ssp-rail-thumb-current-w:144px;
  --fcc-ssp-rail-thumb-x:0px;
  --fcc-ssp-rail-track:rgba(172,229,161,.38);
  --fcc-ssp-rail-thumb:#006B5D;
  --fcc-ssp-rail-thumb-edge:rgba(0,89,79,.35);
}
.fcc-ssp-rail{
  display:none;
  position:relative;
  width:100%;
  height:var(--fcc-ssp-rail-h,6px);
  margin:12px 0 0;
  border-radius:999px;
  background:var(--fcc-ssp-rail-track,rgba(172,229,161,.38));
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  flex:0 0 auto;
  transition:opacity 180ms ease;
}
.fcc-ssp-rail__thumb{
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:min(var(--fcc-ssp-rail-thumb-current-w,var(--fcc-ssp-rail-thumb-w,144px)),100%);
  border-radius:999px;
  background:var(--fcc-ssp-rail-thumb,#006B5D);
  transform:translateX(var(--fcc-ssp-rail-thumb-x,0px));
  box-shadow:inset 0 0 0 1px var(--fcc-ssp-rail-thumb-edge,rgba(0,89,79,.35)),0 1px 5px rgba(0,0,0,.10);
  transition:transform 120ms ease;
}
.fcc-shop-scent-profile[data-fcc-ssp-scrollable] .fcc-ssp-rail{
  display:block;
}
.fcc-shop-scent-profile[data-fcc-ssp-rail="show"] .fcc-ssp-rail{
  opacity:1;
}
.fcc-shop-scent-profile[data-fcc-ssp-rail="hint"] .fcc-ssp-rail{
  display:block;
  animation:fccReviewRailTrackHint 1800ms ease-in-out 3 both;
}
.fcc-shop-scent-profile[data-fcc-ssp-rail="hint"] .fcc-ssp-rail__thumb{
  animation:fccReviewRailThumbHint 1800ms ease-in-out 3 both;
}
/* Remove the old/native Scent Profile scrollbar everywhere the items rail scrolls.
   This prevents the double-scrollbar bug while leaving all original Scent Profile spacing intact. */
.fcc-shop-scent-profile .fcc-ssp-items{
  scrollbar-width:none!important;
  scrollbar-color:transparent transparent!important;
  -ms-overflow-style:none!important;
}
.fcc-shop-scent-profile .fcc-ssp-items::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}
.fcc-shop-scent-profile .fcc-ssp-items::-webkit-scrollbar-track,
.fcc-shop-scent-profile .fcc-ssp-items::-webkit-scrollbar-thumb{
  display:none!important;
  background:transparent!important;
}
.fcc-shop-scent-profile[data-fcc-ssp-scrollable] .fcc-ssp-items{
  cursor:grab;
}
.fcc-shop-scent-profile[data-fcc-ssp-dragging="1"] .fcc-ssp-items{
  cursor:grabbing;
  scroll-behavior:auto;
  scroll-snap-type:none;
}
.fcc-shop-scent-profile[data-fcc-ssp-dragging="1"] .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-ssp-dragging="1"] .fcc-ssp-item *{
  user-select:none;
  -webkit-user-select:none;
}
@media(max-width:767px){
  .fcc-ssp-rail{
    margin-top:10px!important;
  }
}

/* v6.0.204 — Scent Profile viewport title-spacing controls.
   The mobile/landscape/320 title-to-border default is 39.05px and can be controlled from Bricks or FC Ecom Settings.
   This only changes the Scent Profile shell top padding/min-height by viewport; it does not reintroduce duplicate native scrollbars. */


/* v6.0.204 — mobile-only Scent Profile title-to-border rhythm.
   User-approved default for 767 / 478 / 320 viewports: 39.05px. Desktop/tablet above 767 is untouched. */
@media (max-width:767px){
  .fcc-shop-scent-profile .fcc-ssp-inner{
    padding-top:var(--fcc-ssp-mobile-heading-top,39.05px)!important;
  }
}
@media (min-width:600px) and (max-width:767px){
  .fcc-shop-scent-profile .fcc-ssp-inner{
    padding-top:var(--fcc-ssp-mobile-landscape-heading-top,39.05px)!important;
  }
}
@media (max-width:478px){
  .fcc-shop-scent-profile .fcc-ssp-inner{
    padding-top:var(--fcc-ssp-mobile-heading-top,39.05px)!important;
  }
}
@media (max-width:340px){
  .fcc-shop-scent-profile .fcc-ssp-inner{
    padding-top:var(--fcc-ssp-mobile-320-heading-top,39.05px)!important;
  }
}


/* FC Ecom Suite 6.0.226 — Scent Profile card-width/rail parity.
   Surgical scope: Shop Scent Profile only.
   Purpose: match Customer Review/FC Best Sellers measured card rhythm across viewports:
   - fixed 228px card width
   - 14px card gap
   - fixed slider rail track instead of auto-fit/grid width drift
   - card row no longer stretches vertically before the rail
   Does not touch Customer Review, FC Best Sellers, native FluentCart Best Sellers, or cart logic. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
  --fcc-ssp-parity-card-w:228px;
  --fcc-ssp-parity-gap:14px;
  --fcc-ssp-parity-track-inset:10px;
  --fcc-ssp-parity-card-to-rail:24px;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  gap:var(--fcc-ssp-parity-gap,14px)!important;
  row-gap:var(--fcc-ssp-parity-gap,14px)!important;
  column-gap:var(--fcc-ssp-parity-gap,14px)!important;
  padding-top:2px!important;
  padding-right:var(--fcc-ssp-parity-track-inset,10px)!important;
  padding-bottom:0!important;
  padding-left:var(--fcc-ssp-parity-track-inset,10px)!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:var(--fcc-ssp-parity-track-inset,10px)!important;
  scroll-padding-right:var(--fcc-ssp-parity-track-inset,10px)!important;
  -webkit-overflow-scrolling:touch!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item{
  flex:0 0 var(--fcc-ssp-parity-card-w,228px)!important;
  width:var(--fcc-ssp-parity-card-w,228px)!important;
  min-width:var(--fcc-ssp-parity-card-w,228px)!important;
  max-width:var(--fcc-ssp-parity-card-w,228px)!important;
  height:auto!important;
  min-height:0!important;
  scroll-snap-align:start!important;
  padding:2px 0 0!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-copy,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text{
  max-width:100%!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
  width:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  margin:var(--fcc-ssp-parity-card-to-rail,24px) var(--fcc-ssp-parity-track-inset,10px) 0!important;
  flex:0 0 var(--fcc-ssp-rail-h,6px)!important;
}
@media(max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-parity-card-w:min(228px, calc(100vw - 72px));
  }
}


/* FC Ecom Suite 6.0.227 — Scent Profile shell-width parity with FC Best Sellers.
   Scope: Shop Scent Profile only.
   Best Sellers remains untouched.

   Audit source of truth from FC Best Sellers CSS:
   - >=768px: width/min-width = min(var(--fcc-rs-max-width,1538px), calc(100vw - 48px))
   - <=767px: width = 100%; min-width = 0; max-width = 100%; no root padding

   This duplicates that shell contract onto Scent Profile so root, inner shell,
   heading row, item viewport, and rail inherit the same available width rhythm
   instead of the old Scent Profile 1199px rule using calc(100vw - 32px) and
   the mobile root 12px padding. Card width/gap parity remains from 6.0.226. */
@media (min-width:768px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    translate:none!important;
    width:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    inline-size:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    min-width:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    min-inline-size:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    max-width:none!important;
    max-inline-size:none!important;
    padding:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-inner{
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
    max-inline-size:100%!important;
  }
}
@media (max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    inline-size:100%!important;
    min-width:0!important;
    min-inline-size:0!important;
    max-width:100%!important;
    max-inline-size:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-parity-card-w:228px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-inner{
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
    max-inline-size:100%!important;
  }
}


/* FC Ecom Suite 6.0.228 — Scent Profile structural width parity with FC Best Sellers.
   Scope: Shop Scent Profile only.

   This patch copies the FC Best Sellers WIDTH CONTRACT onto the same structural
   levels of the Scent Profile widget. It does not touch Best Sellers, Customer
   Reviews, FluentCart product/cart/image/price logic, or any review pathway.

   Structural mapping used for the audit:
   - .fcc-shop-scent-profile-element  => .fcc-best-sellers-slider-element wrapper
   - .fcc-shop-scent-profile          => .fcc-best-sellers-slider root section
   - .fcc-ssp-inner                   => .fcc-review-slider__inner white shell
   - .fcc-ssp-items                   => .fcc-best-sellers-slider__track
   - .fcc-ssp-item                    => .fcc-best-card.fcc-review-card

   Width source of truth copied from FC Best Sellers:
   - >=768px: width/min-width = min(1538px, calc(100vw - 48px))
   - <=767px: wrapper/root = 100%, min-width = 0, no root side padding
   - track width = 100% of the inner content box
   - card width = 228px, gap = 14px, left/right track inset = 10px
*/
.fcc-shop-scent-profile-element{
  box-sizing:border-box!important;
  width:100%!important;
  inline-size:100%!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-width:100%!important;
  max-inline-size:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.fcc-shop-scent-profile-element *,
.fcc-shop-scent-profile-element *::before,
.fcc-shop-scent-profile-element *::after{
  box-sizing:border-box!important;
}
.fcc-shop-scent-profile-element > .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"],
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
  --fcc-ssp-parity-card-w:228px;
  --fcc-ssp-parity-gap:14px;
  --fcc-ssp-parity-track-inset:10px;
  --fcc-ssp-parity-card-to-rail:24px;
  max-width:none!important;
  max-inline-size:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
@media (min-width:768px){
  .fcc-shop-scent-profile-element > .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"],
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    translate:none!important;
    width:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    inline-size:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    min-width:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    min-inline-size:min(var(--fcc-ssp-max-width,1538px),calc(100vw - 48px))!important;
    max-width:none!important;
    max-inline-size:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (max-width:767px){
  .fcc-shop-scent-profile-element > .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"],
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    inline-size:100%!important;
    min-width:0!important;
    min-inline-size:0!important;
    max-width:100%!important;
    max-inline-size:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
  width:100%!important;
  inline-size:100%!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-width:100%!important;
  max-inline-size:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:hidden!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-heading,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-intro,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-button-wrap{
  width:100%!important;
  max-width:100%!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  inline-size:100%!important;
  min-width:100%!important;
  min-inline-size:100%!important;
  max-width:100%!important;
  max-inline-size:100%!important;
  gap:var(--fcc-ssp-parity-gap,14px)!important;
  row-gap:var(--fcc-ssp-parity-gap,14px)!important;
  column-gap:var(--fcc-ssp-parity-gap,14px)!important;
  padding-top:2px!important;
  padding-right:var(--fcc-ssp-parity-track-inset,10px)!important;
  padding-bottom:0!important;
  padding-left:var(--fcc-ssp-parity-track-inset,10px)!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:var(--fcc-ssp-parity-track-inset,10px)!important;
  scroll-padding-right:var(--fcc-ssp-parity-track-inset,10px)!important;
  -webkit-overflow-scrolling:touch!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item{
  flex:0 0 var(--fcc-ssp-parity-card-w,228px)!important;
  flex-basis:var(--fcc-ssp-parity-card-w,228px)!important;
  width:var(--fcc-ssp-parity-card-w,228px)!important;
  inline-size:var(--fcc-ssp-parity-card-w,228px)!important;
  min-width:var(--fcc-ssp-parity-card-w,228px)!important;
  min-inline-size:var(--fcc-ssp-parity-card-w,228px)!important;
  max-width:var(--fcc-ssp-parity-card-w,228px)!important;
  max-inline-size:var(--fcc-ssp-parity-card-w,228px)!important;
  scroll-snap-align:start!important;
  padding:2px 0 0!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-copy,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-title,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text{
  width:100%!important;
  max-width:100%!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
  width:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  inline-size:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  max-width:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  max-inline-size:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  margin:var(--fcc-ssp-parity-card-to-rail,24px) var(--fcc-ssp-parity-track-inset,10px) 0!important;
  flex:0 0 var(--fcc-ssp-rail-h,6px)!important;
}
@media(max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-parity-card-w:228px!important;
  }
}


/* FC Ecom Suite 6.0.229 — Scent Profile visible-card edge parity.
   Scope: Shop Scent Profile only.

   Audit outcome: the Scent Profile structural/card widths matched FC Best Sellers,
   but the visible Scent Profile content still looked inset because each card kept
   centered content from the original scent design. This patch does not touch
   Best Sellers, Customer Reviews, FluentCart product/cart logic, image logic,
   price logic, or review pathways. It only makes the visible content inside
   each Scent Profile 228px card follow the same left edge as the fixed track. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item{
  align-items:stretch!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media{
  margin-left:0!important;
  margin-right:0!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-copy,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-title,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-button-wrap{
  text-align:left!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text{
  margin-left:0!important;
  margin-right:0!important;
}


/* FC Ecom Suite 6.0.231 — Scent Profile bordered centered cards.
   Scope: Shop Scent Profile only.

   Keeps the 6.0.228/6.0.230 width parity work intact, but restores the
   user-requested centered scent-card presentation: border around each card,
   image inside that bordered card, centered title/text/description/button, and
   centered card group inside the white outer container. Does not touch Best
   Sellers, Customer Reviews, product/cart/image/price logic, or review paths. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
  justify-content:center!important;
  justify-content:safe center!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item{
  background:var(--fcc-ssp-card-bg,#fff)!important;
  border:1px solid var(--fcc-ssp-card-border,#d6e8e5)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  padding:14px 14px 18px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media{
  margin:0 auto 18px!important;
  max-width:100%!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-copy,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-title,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-button-wrap{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-text{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* FC Ecom Suite 6.0.232 — Scent Profile card border toggle.
   Scope: Shop Scent Profile only. The bordered centered card style from 6.0.231
   remains the default. Bricks control "Show scent card border" outputs
   data-fcc-ssp-card-border="0" to remove only the visible card border/shadow
   while preserving card width, centering, image/text alignment, and scroll rhythm. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="0"] .fcc-ssp-item{
  border-color:transparent!important;
  border-width:1px!important;
  box-shadow:none!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="1"] .fcc-ssp-item{
  border:1px solid var(--fcc-ssp-card-border,#d6e8e5)!important;
}

/* FC Ecom Suite 6.0.234 — Scent Profile border toggle hard-off.
   Scope: Shop Scent Profile only. This fixes Bricks switch values that render
   data-fcc-ssp-card-border="0" by fully removing the visible card outline while
   preserving card width, spacing, centering, and content layout. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="0"] .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="false"] .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="off"] .fcc-ssp-item{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}


/* FC Ecom Suite 6.0.235 — Scent Profile border toggle real hard-off.
   Scope: Shop Scent Profile only. Fixes Bricks builder unchecked switch values that
   are omitted from element settings and adds class-based CSS so the renderer state,
   not only a data attribute, controls the card border. This does not change width,
   centering, text/image layout, Best Sellers, Review, or FluentCart paths. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"].fcc-ssp-card-border-off .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="0"] .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="false"] .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="off"] .fcc-ssp-item{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"].fcc-ssp-card-border-off .fcc-ssp-item::before,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"].fcc-ssp-card-border-off .fcc-ssp-item::after,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="0"] .fcc-ssp-item::before,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="0"] .fcc-ssp-item::after{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"].fcc-ssp-card-border-on .fcc-ssp-item,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-card-border="1"] .fcc-ssp-item{
  border:1px solid var(--fcc-ssp-card-border,#d6e8e5)!important;
}

/* FC Ecom Suite 6.0.239 — Scent Profile vertical shell parity with FC Best Sellers.
   Scope: Shop Scent Profile only.

   Bug audit:
   The Scent Profile card width/track width was already being forced toward the
   FC Best Sellers rhythm, but the vertical shell still used the old Scent Profile
   contract: large/min-height-driven shell math, a different heading bottom gap,
   and no fixed card-row bottom slot. That made the distance from the top white
   border -> heading -> card top and card bottom -> white border drift away from
   Best Sellers as desktop/tablet/mobile landscape resized.

   Fix:
   Keep the Scent Profile data/render path unchanged, but make only its vertical
   shell stack use the same layout contract as Best Sellers:
   - outer shell height is content-driven, not min-height slack;
   - desktop/tablet top padding follows the Best Sellers clamp;
   - heading bottom space is 28px like the Best Sellers title row;
   - card-row top inset is 2px;
   - card-row bottom slot is 30px;
   - outer shell bottom padding matches Best Sellers/review shell padding.
*/
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  justify-content:flex-start!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-heading{
  margin-top:0!important;
  margin-bottom:28px!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
  padding-top:2px!important;
  padding-bottom:30px!important;
}
@media (min-width:1200px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-top:clamp(34px,5vw,54px)!important;
    padding-bottom:56px!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-top:clamp(34px,5vw,54px)!important;
    padding-bottom:clamp(34px,5vw,54px)!important;
  }
}
@media (max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-heading{
    margin-bottom:18px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
    padding-top:2px!important;
    padding-bottom:30px!important;
  }
}

/* FC Ecom Suite 6.0.240 — Scent Profile outer-shell border parity with FC Best Sellers.
   Scope: Shop Scent Profile only.

   Strict audit from 1661×956 after 6.0.239:
   - Scent Profile topSpace_borderToCard = 138.59px, Best Sellers = 139.59px.
   - Scent Profile bottomSpace_cardToBorder = 86px, Best Sellers = 87px.
   - Scent Profile and Best Sellers already matched card width (228px), card-row gap (14px),
     track top padding (2px), track bottom padding (30px), and shell padding values.
   Root cause:
   The Scent Profile white shell did not carry the same real 1px outer border box as the
   FC Best Sellers shell. That made the measured card-to-outer-border distances exactly
   1px smaller on top and bottom, even with the same padding/track logic.
   Fix:
   Give the Scent Profile inner white shell the same physical 1px border contract as
   Best Sellers. Do not touch Best Sellers, Customer Reviews, product/cart/image/price,
   review pathways, Scent Profile card width, card borders, or the scent card border toggle. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
  border:1px solid var(--fcc-rs-border,#dddedf)!important;
  border-radius:var(--fcc-rs-radius,7px)!important;
  background-clip:padding-box!important;
}


/* FC Ecom Suite 6.0.241 — Scent Profile exact top/bottom metric parity with FC Best Sellers.
   Scope: Shop Scent Profile only.

   Strict audit target from FCCardSpacingAudit:
   - Compare Scent Profile against FC Best Sellers using the same structural levels:
     outer white shell -> heading -> card-row/track -> first visible card.
   - Desktop/tablet must use the same top/bottom formula as FC Best Sellers:
     border 1px + shell top padding clamp(34px, 5vw, 54px) + heading row + 28px + track top 2px;
     card bottom + track bottom 30px + shell bottom padding + border 1px.
   - Mobile must also mirror Best Sellers' mobile vertical contract:
     shell heading top 39.05px, heading gap 18px, track top 2px, track bottom 22px, shell bottom 28px.
   Do not touch Best Sellers, Customer Reviews, native FluentCart Best Sellers, cart, image, price, product query, or review pathways. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  border:1px solid var(--fcc-rs-border,#dddedf)!important;
  border-radius:var(--fcc-rs-radius,7px)!important;
  background-clip:padding-box!important;
  justify-content:flex-start!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-heading{
  margin-top:0!important;
  margin-bottom:28px!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
  padding-top:2px!important;
  padding-right:10px!important;
  padding-bottom:30px!important;
  padding-left:10px!important;
  gap:14px!important;
  row-gap:14px!important;
  column-gap:14px!important;
}
@media (min-width:1200px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-top:clamp(34px,5vw,54px)!important;
    padding-bottom:56px!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-top:clamp(34px,5vw,54px)!important;
    padding-bottom:clamp(34px,5vw,54px)!important;
  }
}
@media (max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-top:var(--fcc-rs-mobile-heading-top,39.05px)!important;
    padding-bottom:28px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-heading{
    margin-bottom:18px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
    padding-top:2px!important;
    padding-bottom:22px!important;
    gap:14px!important;
    row-gap:14px!important;
    column-gap:14px!important;
  }
}

/* FC Ecom Suite 6.0.242 — Scent Profile hidden rail removed from layout flow.
   Scope: Shop Scent Profile only.

   Strict audit source: live DOM showed the Scent Profile .fcc-ssp-rail rendered after
   .fcc-ssp-items with opacity:0, height:6px and margin-top:24px. Because opacity does
   not remove an element from layout, that hidden rail added 30px of extra vertical
   shell height. Best Sellers does not consume that hidden rail space, so the Scent
   Profile card-bottom-to-outer-border spacing increased while resizing.

   Fix: keep the Scent Profile data/card/width contract untouched, but remove the
   decorative rail from normal document flow. The card row itself remains scrollable;
   desktop/mobile top and bottom card-to-border spacing now comes only from the same
   formula as Best Sellers: track padding + shell padding + shell border. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* FC Ecom Suite 6.0.243 — Scent Profile rail restored without layout-height damage.
   Scope: Shop Scent Profile only.

   Bug audit:
   - 6.0.242 removed .fcc-ssp-rail from layout to stop the hidden 24px+6px rail from
     adding 30px of extra bottom white space.
   - That solved the height-flow bug but also removed the visible Scent Profile slider rail.

   Fix:
   - Keep the rail OUT of normal document flow with position:absolute.
   - Place the rail at the same bottom slot as the Best Sellers/review track: rail top is
     aligned to the card-row track bottom, so the card-bottom-to-rail spacing remains the
     track padding-bottom value and no hidden rail height is added to the shell.
   - Do not change Scent Profile card width, card gap, heading, card borders, ACF data,
     Best Sellers, Customer Reviews, or any FluentCart product/cart logic. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
  --fcc-ssp-shell-bottom-space:56px;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
  position:relative!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
  display:block!important;
  position:absolute!important;
  left:calc(var(--fcc-ssp-parity-track-inset,10px) + var(--fcc-ssp-shell-inline-space,64px));
  right:calc(var(--fcc-ssp-parity-track-inset,10px) + var(--fcc-ssp-shell-inline-space,64px));
  bottom:calc(var(--fcc-ssp-shell-bottom-space,56px) - var(--fcc-ssp-rail-h,6px));
  width:auto!important;
  max-width:none!important;
  height:var(--fcc-ssp-rail-h,6px)!important;
  min-height:var(--fcc-ssp-rail-h,6px)!important;
  max-height:var(--fcc-ssp-rail-h,6px)!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:var(--fcc-ssp-rail-track,rgba(172,229,161,.38))!important;
  opacity:1!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:3!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail__thumb{
  display:block!important;
  height:100%!important;
  opacity:1!important;
}
@media (min-width:1200px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-shell-inline-space:64px;
    --fcc-ssp-shell-bottom-space:56px;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-shell-inline-space:clamp(34px,5vw,54px);
    --fcc-ssp-shell-bottom-space:clamp(34px,5vw,54px);
  }
}
@media (max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]{
    --fcc-ssp-shell-inline-space:20px;
    --fcc-ssp-shell-bottom-space:28px;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
    bottom:calc(var(--fcc-ssp-shell-bottom-space,28px) - var(--fcc-ssp-rail-h,6px))!important;
  }
}

/* FC Ecom Suite 6.0.244 — Scent Profile rail parity and functional scroll binding target.
   Scope: Shop Scent Profile only.

   Audit bug fixed:
   - 6.0.243 restored the Scent Profile visual rail as an absolute element, but that
     detached the rail from the actual card-row height/width contract. It could show
     when the scent row had no overflow, which made the rail appear static/non-scrollable.
   - Its vertical position also used bottom: shellBottom - railHeight, which made the
     rail TOP align to the track bottom instead of making the rail BOTTOM align to the
     track bottom like the Best Sellers/review pseudo-rail.

   New contract:
   - The card row (.fcc-ssp-items) remains the only scroll authority.
   - The rail stays in normal order after the card row, but uses a negative top margin
     equal to its own height. Net layout height = 0, so it does not add bottom white space.
   - Rail bottom aligns to the track bottom; visual card-bottom -> rail top equals
     track padding-bottom minus rail height, matching the Best Sellers/review pattern.
   - The rail is visible only when JS confirms real horizontal overflow.
   - Best Sellers, Customer Reviews, FluentCart data/cart/image/price logic are untouched. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
  display:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  inline-size:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  max-width:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  max-inline-size:calc(100% - (var(--fcc-ssp-parity-track-inset,10px) * 2))!important;
  height:var(--fcc-ssp-rail-h,6px)!important;
  min-height:var(--fcc-ssp-rail-h,6px)!important;
  max-height:var(--fcc-ssp-rail-h,6px)!important;
  margin:calc(var(--fcc-ssp-rail-h,6px) * -1) var(--fcc-ssp-parity-track-inset,10px) 0!important;
  padding:0!important;
  flex:0 0 var(--fcc-ssp-rail-h,6px)!important;
  border-radius:999px!important;
  background:var(--fcc-ssp-rail-track,rgba(172,229,161,.38))!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:3!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-scrollable="1"] .fcc-ssp-rail,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-rail="show"] .fcc-ssp-rail,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-rail="hint"] .fcc-ssp-rail{
  display:block!important;
  opacity:1!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"]:not([data-fcc-ssp-scrollable="1"]) .fcc-ssp-rail{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail__thumb{
  display:block!important;
  height:100%!important;
  opacity:1!important;
  cursor:pointer!important;
}

/* FC Ecom Suite 6.0.245 — Scent Profile mobile rail-spacing parity hardening.
   Scope: Shop Scent Profile only; excludes FC Best Sellers and Customer Reviews.

   Contract copied from FC Best Sellers mobile landscape:
   - Shell bottom padding: 28px.
   - Card row bottom padding: 22px.
   - Visual rail height: 6px.
   - Therefore card bottom -> rail top is 16px and rail bottom -> outer shell inner
     border is 28px, matching Best Sellers.

   This hardens the 6.0.244 rail binding so later/older Scent rules cannot reintroduce
   a 30px card-to-rail gap on <=767px viewports. */
@media (max-width:767px){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] > .fcc-ssp-inner{
    padding-bottom:28px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-items{
    padding-top:2px!important;
    padding-right:10px!important;
    padding-bottom:22px!important;
    padding-left:10px!important;
    gap:14px!important;
    row-gap:14px!important;
    column-gap:14px!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-rail{
    height:var(--fcc-ssp-rail-h,6px)!important;
    min-height:var(--fcc-ssp-rail-h,6px)!important;
    max-height:var(--fcc-ssp-rail-h,6px)!important;
    margin:calc(var(--fcc-ssp-rail-h,6px) * -1) var(--fcc-ssp-parity-track-inset,10px) 0!important;
  }
}


/* FC Ecom Suite 6.0.251 — card hover shell-only fix for Shop Scent Profile.
   Audit outcome: v6.0.250 added the correct card lift/shadow but also changed
   the scent media-pane background on hover. That can expose unwanted bands
   inside the card. The hover effect is now shell-only: card lift, border/shadow,
   and the existing image hover only. It does not change scent data, image source,
   card width, rail math, review paths, Best Sellers product/cart logic, or any
   shop/native FluentCart card selectors. */
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item{
  position:relative!important;
  transition:transform 220ms ease,box-shadow 220ms ease,border-color 160ms ease,background-color 160ms ease!important;
  will-change:transform!important;
}
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media img,
.fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-placeholder-image{
  transition:transform 220ms ease,filter 220ms ease,background-color 160ms ease,box-shadow 220ms ease,border-color 160ms ease!important;
  transform-origin:center center!important;
}
@media (hover:hover) and (pointer:fine){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:hover,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:focus-within{
    transform:translateY(-3px)!important;
    box-shadow:var(--fcc-ssp-card-hover-shadow,0 12px 28px rgba(0,46,37,.14))!important;
    border-color:var(--fcc-ssp-card-hover-border,#D6E8E5)!important;
    z-index:4!important;
  }
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-media,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-media img,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:hover .fcc-ssp-placeholder-image,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:focus-within .fcc-ssp-media,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:focus-within .fcc-ssp-media img,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"][data-fcc-ssp-hover="1"] .fcc-ssp-item:focus-within .fcc-ssp-placeholder-image{
    transform:translateY(var(--fcc-ssp-hover-lift,-6px)) scale(var(--fcc-ssp-hover-scale,1.045))!important;
    filter:brightness(var(--fcc-ssp-hover-brightness,1.03))!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-item,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-media img,
  .fcc-shop-scent-profile[data-fcc-shop-scent-profile="1"] .fcc-ssp-placeholder-image{
    transition:none!important;
    transform:none!important;
  }
}

/* FC Ecom Suite 6.0.270 — Product Ingredients custom rail parity.
   Audit: the Ingredients row (#brxe-llzvdg) was still using a native horizontal
   browser scrollbar on laptop/tablet/mobile ranges. Native webkit scrollbars can
   expose small arrow buttons at the ends and cannot do the Best-Sellers/Customer-
   Photos flash-then-hide behaviour. This converts only the Ingredients row to a
   Customer-Photos-style custom 4px rail on <=1179px viewports. */
@keyframes fccIngredientRailTrackHint {
  0% { opacity: 0; }
  18% { opacity: 1; }
  58% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fccIngredientRailThumbHint {
  0% { opacity: 0; transform: translateX(var(--fcc-ing-rail-thumb-x, 0px)) scaleY(1); }
  18% { opacity: 1; transform: translateX(var(--fcc-ing-rail-thumb-x, 0px)) scaleY(1.18); }
  58% { opacity: 1; transform: translateX(var(--fcc-ing-rail-thumb-x, 0px)) scaleY(1.18); }
  100% { opacity: 0; transform: translateX(var(--fcc-ing-rail-thumb-x, 0px)) scaleY(1); }
}

@media (max-width: 1179.98px) {
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet {
    --fcc-ing-rail-h: 4px;
    --fcc-ing-rail-thumb-w: 80px;
    --fcc-ing-rail-thumb-current-w: 80px;
    --fcc-ing-rail-thumb-x: 0px;
    --fcc-ing-rail-track-color: transparent;
    --fcc-ing-rail-thumb-color: rgba(0, 89, 79, 0.28);
    --fcc-ing-rail-inset-x: 8px;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 8px !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    -ms-overflow-style: none !important;
    padding-bottom: 14px !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-track,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-thumb,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-corner,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-button,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar-button:single-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet .fcc-ing-rail {
    display: none;
    position: relative;
    width: auto;
    height: var(--fcc-ing-rail-h, 4px);
    min-height: var(--fcc-ing-rail-h, 4px);
    max-height: var(--fcc-ing-rail-h, 4px);
    margin: calc(var(--fcc-ing-rail-h, 4px) * -1) var(--fcc-ing-rail-inset-x, 8px) 0;
    border-radius: 999px;
    background: var(--fcc-ing-rail-track-color, transparent);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 5;
    transition: opacity 180ms ease;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet .fcc-ing-rail__thumb {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: min(var(--fcc-ing-rail-thumb-current-w, var(--fcc-ing-rail-thumb-w, 80px)), 100%);
    height: 100%;
    border-radius: 999px;
    background: var(--fcc-ing-rail-thumb-color, rgba(0, 89, 79, 0.28));
    transform: translateX(var(--fcc-ing-rail-thumb-x, 0px));
    transition: transform 120ms ease;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-scrollable="1"] .fcc-ing-rail {
    display: block;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-rail="show"] .fcc-ing-rail {
    opacity: 1;
    pointer-events: auto;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-rail="hint"] .fcc-ing-rail {
    display: block;
    animation: fccIngredientRailTrackHint 1800ms ease-in-out 3 both;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-rail="hint"] .fcc-ing-rail__thumb {
    animation: fccIngredientRailThumbHint 1800ms ease-in-out 3 both;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-scrollable="1"] #brxe-llzvdg {
    cursor: grab;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-dragging="1"] #brxe-llzvdg {
    cursor: grabbing;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-dragging="1"] #brxe-llzvdg,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet[data-fcc-ing-dragging="1"] #brxe-llzvdg * {
    user-select: none;
    -webkit-user-select: none;
  }
}

/* ========================================================================== 
   FC Ecom Suite 6.0.283 — Product Story Block / Scent-title parity + native hidden scroll

   Design-spine note for future builds:
   - This widget owns only the left text card: .fcc-product-story-block -> .fcc-psb-card.
   - Do not target img, picture, figure, gallery wrappers, or right-side media internals.
   - Title sizing must mirror Shop Scent Profile: 52px desktop, clamp(40px..52px)
     on tablet/compact desktop, and 36px on mobile.
   - Desktop overflow uses a native scroll container with the scrollbar visually hidden.
     Do not translate the text flow. Transform-based reveal caused footer/bottom copy
     to look cut off while leaving visible blank space inside the card.
   - Tablet and mobile remain normal flow under Bricks control.
   ========================================================================== */
.brxe-fcc-product-story-block,
.fcc-product-story-block-element,
.fcc-product-story-block,
.fcc-product-story-block *{
  box-sizing:border-box;
}
.brxe-fcc-product-story-block{
  display:flex;
  width:100%;
  max-width:100%;
  height:100%;
  min-height:inherit;
  align-self:stretch;
}
.fcc-product-story-block-element{
  display:flex;
  width:100%;
  max-width:100%;
  height:100%;
  min-height:inherit;
  align-self:stretch;
  flex:1 1 auto;
}
.fcc-product-story-block{
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  min-height:inherit;
  margin:0;
  color:var(--fcc-psb-text,#001f1c);
}
.fcc-product-story-block .fcc-psb-card{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:100%;
  min-height:var(--fcc-psb-min-height,658px);
  height:100%;
  padding:var(--fcc-psb-pad-y,56px) var(--fcc-psb-pad-x,64px);
  border-radius:var(--fcc-psb-radius,7px);
  background:var(--fcc-psb-bg,#fff);
  overflow:hidden;
}
.fcc-product-story-block .fcc-psb-clip{
  width:100%;
  flex:1 1 auto;
  min-height:0;
  max-width:var(--fcc-psb-max-width,572px);
  overflow:hidden;
  outline:0;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.fcc-product-story-block .fcc-psb-clip:focus-visible{
  outline:2px solid color-mix(in srgb,var(--fcc-psb-heading,#00594f) 42%,transparent);
  outline-offset:6px;
  border-radius:4px;
}
.fcc-product-story-block .fcc-psb-clip::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}
.fcc-product-story-block .fcc-psb-flow{
  width:100%;
  max-width:var(--fcc-psb-max-width,572px);
  transform:none!important;
  will-change:auto;
}
.fcc-product-story-block .fcc-psb-heading{
  margin:0 0 var(--fcc-psb-heading-mb,28px) !important;
  padding:0 !important;
  color:var(--fcc-psb-heading,#00594f) !important;
  font-family:var(--fcc-psb-heading-font,Georgia, Times New Roman, serif) !important;
  font-size:var(--fcc-psb-heading-size,52px) !important;
  line-height:var(--fcc-psb-heading-lh,1.05) !important;
  font-weight:var(--fcc-psb-heading-weight,400) !important;
  letter-spacing:var(--fcc-psb-heading-ls,-0.03em) !important;
  text-wrap:balance;
}
.fcc-product-story-block .fcc-psb-body,
.fcc-product-story-block .fcc-psb-body :where(p,ul,ol,li,span,div){
  color:var(--fcc-psb-text,#001f1c) !important;
  font-family:var(--fcc-psb-body-font,Circular, Helvetica, Arial, sans-serif) !important;
  font-size:var(--fcc-psb-body-size,16px) !important;
  line-height:var(--fcc-psb-line-height,24px) !important;
  font-weight:var(--fcc-psb-body-weight,400) !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}
.fcc-product-story-block .fcc-psb-body p{
  margin:0 0 var(--fcc-psb-p-mb,18px) !important;
  padding:0 !important;
}
.fcc-product-story-block .fcc-psb-body h3,
.fcc-product-story-block .fcc-psb-body h4{
  margin:var(--fcc-psb-subheading-mt,30px) 0 var(--fcc-psb-subheading-mb,14px) !important;
  padding:0 !important;
  color:var(--fcc-psb-subheading,#000) !important;
  font-family:var(--fcc-psb-subheading-font,Helvetica, Arial, sans-serif) !important;
  font-size:var(--fcc-psb-subheading-size,28px) !important;
  line-height:var(--fcc-psb-subheading-lh,1.16) !important;
  font-weight:var(--fcc-psb-subheading-weight,800) !important;
  letter-spacing:var(--fcc-psb-subheading-ls,-0.015em) !important;
  text-transform:none !important;
}
.fcc-product-story-block .fcc-psb-body ul,
.fcc-product-story-block .fcc-psb-body ol{
  margin:0 0 calc(var(--fcc-psb-p-mb,18px) + 8px) !important;
  padding-left:var(--fcc-psb-list-pl,22px) !important;
}
.fcc-product-story-block .fcc-psb-body li{
  margin:0 0 var(--fcc-psb-li-mb,10px) !important;
  padding-left:0 !important;
}
.fcc-product-story-block .fcc-psb-body strong,
.fcc-product-story-block .fcc-psb-body b{
  color:var(--fcc-psb-strong,#001f1c) !important;
  font-weight:var(--fcc-psb-strong-weight,800) !important;
}
@media (min-width:1180px){
  .fcc-product-story-block[data-fcc-product-story-block="1"]{
    min-height:var(--fcc-psb-min-height,658px);
  }
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scroll-behavior:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .fcc-product-story-block[data-fcc-psb-has-overflow="0"] .fcc-psb-clip{
    overflow:hidden;
  }
  /* v6.0.283: Product Story is section-safe. Width is owned by the Bricks row
     and the FC Product Page Width Sync module, not by this text widget. */
  .fcc-product-story-block[data-fcc-psb-width-helper="1"]{
    width:100%;
    max-width:100%;
  }
}
@media (max-width:1199px){
  .fcc-product-story-block .fcc-psb-heading{
    font-size:clamp(40px,4.4vw,var(--fcc-psb-heading-size,52px)) !important;
  }
}
@media (max-width:1179px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block{
    height:auto;
    min-height:0;
  }
  .fcc-product-story-block .fcc-psb-card{
    min-height:0;
    height:auto;
    overflow:visible;
  }
  .fcc-product-story-block .fcc-psb-clip{
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }
  .fcc-product-story-block .fcc-psb-flow{
    transform:none !important;
  }
}
@media (max-width:767px){
  .fcc-product-story-block .fcc-psb-card{
    padding:var(--fcc-psb-mobile-pad-y,32px) var(--fcc-psb-mobile-pad-x,24px);
  }
  .fcc-product-story-block .fcc-psb-heading{
    font-size:var(--fcc-psb-heading-mobile-size,36px) !important;
  }
  .fcc-product-story-block .fcc-psb-body,
  .fcc-product-story-block .fcc-psb-body :where(p,ul,ol,li,span,div){
    font-size:var(--fcc-psb-body-mobile-size,16px) !important;
    line-height:1.6 !important;
  }
  .fcc-product-story-block .fcc-psb-body h3,
  .fcc-product-story-block .fcc-psb-body h4{
    font-size:var(--fcc-psb-subheading-mobile-size,24px) !important;
  }
}


/* FC Ecom Suite 6.0.291 — Product Story magazine section pin.
   Desktop only. This is the safe sticky-stage path: one invisible spacer creates
   browser-scrollbar travel; the existing Product Story section row is sticky.
   No width, grid-column, image, gallery, cart, tablet, or mobile styling is set. */
@media (min-width:1180px){
  [data-fcc-psb-magazine-stage="1"]{
    position:relative;
  }
  [data-fcc-psb-magazine-target="1"]{
    position:sticky!important;
    top:var(--fcc-psb-magazine-top,96px)!important;
    z-index:3;
  }
  [data-fcc-psb-magazine-spacer="1"]{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:var(--fcc-psb-magazine-extra,0px)!important;
    min-height:var(--fcc-psb-magazine-extra,0px)!important;
    flex:0 0 100%!important;
    grid-column:1 / -1!important;
    pointer-events:none!important;
    visibility:hidden!important;
    overflow:hidden!important;
  }
  .fcc-product-story-block[data-fcc-psb-magazine-active="1"] .fcc-psb-clip{
    overflow:hidden!important;
  }
}
@media (max-width:1179px){
  [data-fcc-psb-magazine-target="1"]{
    position:static!important;
    top:auto!important;
  }
  [data-fcc-psb-magazine-spacer="1"]{
    display:none!important;
    height:0!important;
    min-height:0!important;
  }
}

.fcc-product-story-block-placeholder{
  padding:32px;
  border:1px dashed #cbd8d0;
  border-radius:7px;
  background:#fff;
  color:#00594f;
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
}