/* 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;
  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;
  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;
  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;
  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__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;
    /* 6.0.376: Bricks owns the stacked mobile row gap between gallery and summary card. */
    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;
  }
}

/* 6.0.379 — Bricks owns all product-gallery image/thumb border radii.
   Do not set border-radius on the generated gallery root, thumbnail button,
   thumbnail image, stage, or main image at any breakpoint. */

/* Fluid right-card protection only when the MLHS gallery exists in the known hero.
   6.0.377: width/max-width are applied only from tablet upward. On mobile,
   Bricks owns the Product Card/Cart Block width, margins, and horizontal padding. */
:is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) {
    width: 100% !important;
    max-width: var(--fcc-product-card-max, 597px) !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;
}


/* 6.0.377 — Mobile Product Card/Cart Block Bricks ownership.
   The plugin no longer expands the card, applies negative side margins, or forces
   15px horizontal padding. Bricks now owns width, max-width, left/right margins,
   and left/right padding at 0–767px. Only structural safeguards remain. */
@media (max-width: 767px) {
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"] :is(#brxe-qshisd, .fcc-product-card) {
    min-width: 0 !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;
    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.862 — Mobile product Ingredients slider audit/fix.
   Scope: Product Card/Cart Block > Product Accordion Block > Ingredients content only.
   Installs a deliberate mobile icon-strip slider matching the reference: one horizontal
   row, visible partial next item, no native scrollbar arrows, smooth touch drag, and
   readable one-line labels. */
@media (max-width: 767.98px) {
  #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;
    inline-size: 100% !important;
    max-width: 100% !important;
    max-inline-size: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet {
    --fcc-ing-rail-h: 3px;
    --fcc-ing-rail-thumb-w: 72px;
    --fcc-ing-rail-min-thumb-w: 34px;
    --fcc-ing-rail-track-color: transparent;
    --fcc-ing-rail-thumb-color: rgba(0, 89, 79, 0.22);
    --fcc-ing-rail-inset-x: 14px;
    overflow: hidden !important;
    min-width: 0 !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: 16px !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 12px 14px 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 14px !important;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg::-webkit-scrollbar,
  #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 {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  #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 clamp(72px, 20vw, 88px) !important;
    width: clamp(72px, 20vw, 88px) !important;
    inline-size: clamp(72px, 20vw, 88px) !important;
    max-width: clamp(72px, 20vw, 88px) !important;
    max-inline-size: clamp(72px, 20vw, 88px) !important;
    min-width: clamp(72px, 20vw, 88px) !important;
    min-inline-size: clamp(72px, 20vw, 88px) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 7px !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg img,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg picture,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg figure,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-kpfpba,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg #brxe-kpfpba img {
    width: 44px !important;
    inline-size: 44px !important;
    max-width: 44px !important;
    max-inline-size: 44px !important;
    height: 44px !important;
    block-size: 44px !important;
    max-height: 44px !important;
    max-block-size: 44px !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,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg .brxe-text-basic,
  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet #brxe-llzvdg .brxe-text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    color: inherit !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

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

  #brxe-qshisd > #brxe-jpwtib #brxe-xqlpet .fcc-ing-rail {
    margin-top: -3px !important;
    margin-right: var(--fcc-ing-rail-inset-x, 14px) !important;
    margin-left: var(--fcc-ing-rail-inset-x, 14px) !important;
  }
}


/* ========================================================================== 
   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;
  }
}
/* FC Ecom Suite 6.0.363 — Product Story responsive scroll boundary.
   Hidden text scrolling is valid only while Bricks keeps the story and image
   side-by-side (1024px+). At 768–1023px Bricks stacks the two blocks, so the
   story returns to natural height and receives a 32px row gap before the image. */
@media (min-width:1024px) and (max-width:1179px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block{
    height:100%;
    min-height:0;
  }
  .fcc-product-story-block .fcc-psb-card{
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .fcc-product-story-block .fcc-psb-flow{
    transform:none !important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block{
    height:auto !important;
    min-height:0 !important;
  }
  .fcc-product-story-block .fcc-psb-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .fcc-product-story-block .fcc-psb-clip{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .fcc-product-story-block .fcc-psb-flow{
    transform:none !important;
  }
  .brxe-container.brx-grid:has(.fcc-product-story-block[data-fcc-product-story-block="1"]),
  .brxe-container.brx-grid:has(.brxe-fcc-product-story-block){
    row-gap:32px !important;
    gap:32px 32px !important;
  }
}
@media (max-width:767px){
  .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.362 — Product Story magazine section pin on tablet + desktop.
   At 768px and above, one invisible spacer creates browser-scrollbar travel and
   the existing Product Story section row remains sticky until the story text has
   fully reached its internal bottom. Mobile below 768px remains normal flow.
   No width, grid-column, image, gallery, cart, or card sizing is changed. */
@media (min-width:1024px){
  [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:1023px){
  [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;
}

/* FC Ecom Suite 6.0.364 — Product Story Bricks gap ownership repair.
   Bricks owns the wrapper gap. The old 6.0.361 shorthand `gap:0 32px`
   unintentionally reset Bricks' tablet row gap to 0 after 6.0.363 restored
   natural stacked flow. Keep only the 32px column gap while side-by-side;
   when Bricks stacks the blocks at 768–1023px, preserve the configured
   40px row gap instead of overriding it. */
@media (min-width:1024px) and (max-width:1179px){
  .brxe-container.brx-grid:has(.fcc-product-story-block[data-fcc-product-story-block="1"]),
  .brxe-container.brx-grid:has(.brxe-fcc-product-story-block){
    column-gap:32px !important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .brxe-container.brx-grid:has(.fcc-product-story-block[data-fcc-product-story-block="1"]),
  .brxe-container.brx-grid:has(.brxe-fcc-product-story-block){
    row-gap:40px !important;
    column-gap:32px !important;
    gap:40px 32px !important;
  }
}

/* FC Ecom Suite 6.0.365 — Product Story stacked-tablet full-content release.
   Audit contract:
   - Only 768–1023px, where Bricks stacks Product Story text above its image.
   - Bricks remains owner of the 40px row gap.
   - The plugin must not preserve the desktop 748px equal-height/clipping contract.
   - Do not change card width, card padding, image size, or desktop/mobile behavior. */
@media (min-width:768px) and (max-width:1023px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block,
  .fcc-product-story-block[data-fcc-product-story-block="1"],
  .fcc-product-story-block[data-fcc-psb-overflow="1"],
  .fcc-product-story-block[data-fcc-psb-magazine-active="1"]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    align-self:auto !important;
    overflow:visible !important;
  }

  .fcc-product-story-block[data-fcc-product-story-block="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-magazine-active="1"] > .fcc-psb-card,
  .fcc-product-story-block > .fcc-psb-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    contain:none !important;
  }

  .fcc-product-story-block[data-fcc-product-story-block="1"] .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-magazine-active="1"] .fcc-psb-clip,
  .fcc-product-story-block .fcc-psb-clip{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    overflow:visible !important;
    overscroll-behavior:auto !important;
  }

  .fcc-product-story-block .fcc-psb-flow,
  .fcc-product-story-block .fcc-psb-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  [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;
    max-height:0 !important;
  }
}


/* FC Ecom Suite 6.0.367 — Product Story tablet progressive scroll dots.
   Scope: 768–1023px only.
   Contract:
   - Keep the stacked Bricks layout and Bricks-owned row gap.
   - Constrain only the Product Story text card to a tablet-friendly viewport.
   - Make the inner clip natively scrollable by touch, trackpad, mouse wheel, and keyboard.
   - Show a pulsing dotted cue on the right only when overflow exists.
   - Do not enable magazine pinning below 1024px and do not touch the image block. */
@media (min-width:768px) and (max-width:1023px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block,
  .fcc-product-story-block[data-fcc-product-story-block="1"],
  .fcc-product-story-block[data-fcc-psb-overflow="1"]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .fcc-product-story-block > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-product-story-block="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] > .fcc-psb-card{
    position:relative !important;
    height:clamp(520px, calc(100svh - 180px), 748px) !important;
    min-height:520px !important;
    max-height:748px !important;
    flex:0 0 auto !important;
    overflow:hidden !important;
    contain:layout paint !important;
  }

  .fcc-product-story-block .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    flex:1 1 auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    scroll-behavior:smooth;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  .fcc-product-story-block .fcc-psb-clip::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }

  .fcc-product-story-block .fcc-psb-flow,
  .fcc-product-story-block .fcc-psb-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  .fcc-psb-tablet-dots{
    position:absolute;
    z-index:5;
    top:50%;
    right:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    width:14px;
    padding:8px 3px;
    transform:translateY(-50%);
    border-radius:999px;
    color:var(--fcc-psb-heading,#00594f);
    pointer-events:none;
    opacity:0;
    transition:opacity .22s ease;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.9));
  }

  .fcc-product-story-block[data-fcc-psb-has-overflow="1"] .fcc-psb-tablet-dots{
    opacity:1;
  }

  .fcc-psb-tablet-dot{
    display:block;
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:currentColor;
    opacity:.18;
    transform:scale(.82);
    transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  }

  .fcc-psb-tablet-dot.is-lit{
    opacity:.95;
    transform:scale(1.08);
    box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent),0 0 7px currentColor;
  }

  .fcc-product-story-block[data-fcc-psb-scroll-active="1"] .fcc-psb-tablet-dot.is-lit{
    animation:fccPsbDotActivePulse .52s ease-in-out infinite alternate;
  }

  .fcc-product-story-block[data-fcc-psb-dots-intro="sequence"] .fcc-psb-tablet-dot{
    animation:fccPsbDotSequence .34s ease-out both;
    animation-delay:calc(var(--fcc-psb-dot-index,0) * 115ms);
  }

  .fcc-product-story-block[data-fcc-psb-dots-intro="flash"] .fcc-psb-tablet-dot{
    animation:fccPsbDotFlash .62s ease-in-out 2;
  }
}

@keyframes fccPsbDotSequence{
  0%{opacity:.12;transform:scale(.72);}
  48%{opacity:1;transform:scale(1.35);box-shadow:0 0 8px currentColor;}
  100%{opacity:.26;transform:scale(.88);box-shadow:none;}
}
@keyframes fccPsbDotFlash{
  0%,100%{opacity:.25;transform:scale(.88);}
  50%{opacity:1;transform:scale(1.2);box-shadow:0 0 8px currentColor;}
}
@keyframes fccPsbDotActivePulse{
  from{opacity:.72;transform:scale(1);}
  to{opacity:1;transform:scale(1.18);}
}

@media (prefers-reduced-motion:reduce){
  .fcc-psb-tablet-dot,
  .fcc-product-story-block[data-fcc-psb-scroll-active="1"] .fcc-psb-tablet-dot.is-lit,
  .fcc-product-story-block[data-fcc-psb-dots-intro] .fcc-psb-tablet-dot{
    animation:none !important;
    transition:none !important;
  }
}

/* FC Ecom Suite 6.0.368 — Product Story mobile bounded scroll + progress dots.
   Scope: 0–767px only.
   Design contract:
   - Mobile must not render a 2000px+ story card.
   - Reuse the tablet native-scroll and progressive-dot interaction.
   - Keep the existing mobile typography and padding variables.
   - Do not enable magazine pinning or page-scroll hijacking below 1024px.
   - Bricks remains owner of spacing between the story block and image block. */
@media (max-width:767px){
  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block,
  .fcc-product-story-block[data-fcc-product-story-block="1"],
  .fcc-product-story-block[data-fcc-psb-overflow="1"]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .fcc-product-story-block > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-product-story-block="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] > .fcc-psb-card{
    position:relative !important;
    height:clamp(460px, calc(100svh - 150px), 640px) !important;
    min-height:460px !important;
    max-height:640px !important;
    flex:0 0 auto !important;
    overflow:hidden !important;
    contain:layout paint !important;
  }

  .fcc-product-story-block .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    flex:1 1 auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    scroll-behavior:smooth;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  .fcc-product-story-block .fcc-psb-clip::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }

  .fcc-product-story-block .fcc-psb-flow,
  .fcc-product-story-block .fcc-psb-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  .fcc-psb-tablet-dots{
    position:absolute;
    z-index:5;
    top:50%;
    right:8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:14px;
    padding:8px 3px;
    transform:translateY(-50%);
    border-radius:999px;
    color:var(--fcc-psb-heading,#00594f);
    pointer-events:none;
    opacity:0;
    transition:opacity .22s ease;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.9));
  }

  .fcc-product-story-block[data-fcc-psb-has-overflow="1"] .fcc-psb-tablet-dots{
    opacity:1;
  }

  .fcc-psb-tablet-dot{
    display:block;
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:currentColor;
    opacity:.18;
    transform:scale(.82);
    transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  }

  .fcc-psb-tablet-dot.is-lit{
    opacity:.95;
    transform:scale(1.08);
    box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent),0 0 7px currentColor;
  }

  .fcc-product-story-block[data-fcc-psb-scroll-active="1"] .fcc-psb-tablet-dot.is-lit{
    animation:fccPsbDotActivePulse .52s ease-in-out infinite alternate;
  }

  .fcc-product-story-block[data-fcc-psb-dots-intro="sequence"] .fcc-psb-tablet-dot{
    animation:fccPsbDotSequence .34s ease-out both;
    animation-delay:calc(var(--fcc-psb-dot-index,0) * 115ms);
  }

  .fcc-product-story-block[data-fcc-psb-dots-intro="flash"] .fcc-psb-tablet-dot{
    animation:fccPsbDotFlash .62s ease-in-out 2;
  }
}

/* FC Ecom Suite 6.0.370 — Product Story mobile scroll viewport fill repair.
   Scope: 0–767px only.
   The bounded card is the height owner. The internal clip must fill the card's
   complete content box; allowing height:auto caused the clip to end early and left
   a large unused white band inside .fcc-psb-card. Do not change Bricks spacing here. */
@media (max-width:767px){
  .fcc-product-story-block > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-product-story-block="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] > .fcc-psb-card{
    display:flex !important;
    flex-direction:column !important;
  }

  .fcc-product-story-block .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    flex:1 1 auto !important;
    padding-bottom:18px !important;
    scroll-padding-bottom:18px !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  .fcc-product-story-block .fcc-psb-flow,
  .fcc-product-story-block .fcc-psb-body{
    height:auto !important;
    min-height:max-content !important;
    max-height:none !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
}

/* FC Ecom Suite 6.0.372 — Product Story mobile outer-wrapper height release.
   Audit proof: the plugin card is 640px, while its immediate Bricks element wrapper
   remained 748px tall. That 108px mismatch creates the empty band below the card.
   Scope is mobile only. Release only the Bricks element wrappers that directly own
   the Product Story widget; do not alter the Bricks grid gap or sibling image. */
@media (max-width:767px){
  .brxe-block:has(> .brxe-fcc-product-story-block),
  .brxe-block:has(> .fcc-product-story-block-element),
  .brxe-block:has(> .fcc-product-story-block[data-fcc-product-story-block="1"]),
  .brxe-div:has(> .brxe-fcc-product-story-block),
  .brxe-div:has(> .fcc-product-story-block-element),
  .brxe-div:has(> .fcc-product-story-block[data-fcc-product-story-block="1"]){
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    align-self:auto !important;
    overflow:visible !important;
  }

  .brxe-fcc-product-story-block,
  .fcc-product-story-block-element,
  .fcc-product-story-block,
  .fcc-product-story-block[data-fcc-product-story-block="1"],
  .fcc-product-story-block[data-fcc-psb-overflow="1"]{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
    align-self:auto !important;
    overflow:visible !important;
  }

  .fcc-product-story-block > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-product-story-block="1"] > .fcc-psb-card,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] > .fcc-psb-card{
    height:clamp(460px,calc(100svh - 150px),640px) !important;
    min-height:460px !important;
    max-height:640px !important;
    flex:0 0 auto !important;
  }
}


/* FC Ecom Suite 6.0.372 — Product Story mobile/tablet scroll handoff.
   Scope: <=1023px bounded Product Story text viewport only.
   Keep native internal scrolling while content remains. At the top or bottom,
   allow the same touch/wheel gesture to chain back to the document so users
   can continue down the page without tapping below the sticky cart bar.
   Do not restore overscroll containment here; it traps page scrolling. */
@media (max-width:1023px){
  .fcc-product-story-block .fcc-psb-clip,
  .fcc-product-story-block[data-fcc-psb-overflow="1"] .fcc-psb-clip{
    overscroll-behavior-y:auto !important;
    overscroll-behavior:auto !important;
  }
}


/* FC Ecom Suite 6.0.374 — Tablet/mobile menu-bar-to-card total gap correction.
   The prior 6.0.373 rule incorrectly added a full 40px inside the hero wrapper even
   though the surrounding Bricks/header layout already contributes part of the visible
   separation. That made the final menu-bar-to-card distance larger than 40px.
   Keep the hero contribution at 20px so the composed visible gap remains 40px.
   Do not alter row/column gaps, card dimensions, gallery dimensions, or section rhythm. */
@media (max-width:1179px){
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"]{
    --fcc-section-card-top-gap:20px;
    padding-top:var(--fcc-section-card-top-gap) !important;
  }
}


/* FC Ecom Suite 6.0.375 — Bricks owns Product Hero height.
   The plugin still supplies the gallery/card grid contract, width math, alignment,
   and responsive columns, but it must not force height or min-height on the parent
   Product Hero / Parent Prod Wrapper. Height now comes from the Bricks element
   settings and its content. Do not reintroduce height:auto or min-height:0 on this
   parent selector in future patches. */

/* FC Ecom Suite 6.0.381 — Product Gallery responsive radius contract.
   The plugin owns the generated gallery internals because Bricks cannot reliably reach
   every stage/image/thumb layer with its normal radius control.

   Contract:
   - Desktop + tablet: 7px radius on the main gallery and thumbnails.
   - Phone portrait: square corners.
   - Phone landscape: square corners, including landscape widths above 767px.
   - Sale badge and pagination dots keep their own shape rules.

   Maintenance directory:
   - Generated wrappers: .fcc-product-gallery-element, .brxe-fcc-product-gallery, .fcc-product-gallery
   - Main image layers: .fcc-product-gallery__stage, .fcc-product-gallery__main
   - Thumb layers: .fcc-product-gallery__thumb, .fcc-product-gallery__thumb img
   Keep the phone-square rule after the 7px rule so it wins the cascade. */
@media (min-width: 768px) {
  .fcc-product-gallery__stage,
  .fcc-product-gallery__main,
  .fcc-product-gallery__thumb,
  .fcc-product-gallery__thumb img {
    border-radius: 7px !important;
  }

  .fcc-product-gallery__stage,
  .fcc-product-gallery__thumb {
    overflow: hidden;
  }
}

/* Phone portrait and narrow phone landscape. */
@media (max-width: 767px),
       (orientation: landscape) and (max-height: 520px) and (max-width: 1023px) {
  .fcc-product-gallery-element,
  .brxe-fcc-product-gallery,
  .fcc-product-gallery,
  .fcc-product-gallery__stage,
  .fcc-product-gallery__main,
  .fcc-product-gallery__thumb,
  .fcc-product-gallery__thumb img {
    border-radius: 0 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .fcc-product-gallery,
  .fcc-product-gallery__stage {
    overflow: hidden !important;
  }
}

/* FC Ecom Suite 6.0.382 — Definitive phone portrait/landscape square gallery.
   Reason: 6.0.381 correctly targeted the generated image layers, but a rounded
   ancestor from the Bricks gallery column/root could still clip the main image.
   This rule deliberately includes the known gallery column and all generated
   gallery wrappers, stage, main image and thumbnails. It is last in the file,
   uses !important, and the asset version is synchronized to 6.0.382 so caches
   cannot keep serving the older radius CSS.

   Contract:
   - Desktop/tablet: 7px radius (existing 6.0.381 rule).
   - Phone portrait <=767px: 0px.
   - Phone landscape <=1023px and <=520px height: 0px.
   Do not remove parent wrappers from the phone selector: ancestor clipping was
   the source of the remaining portrait rounding. */
@media (max-width: 767px),
       (orientation: landscape) and (max-height: 520px) and (max-width: 1023px) {
  :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,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"]
    .fcc-product-gallery__stage > img,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"]
    .fcc-product-gallery__thumb,
  :is(#brxe-rctcci, .fcc-product-hero)[data-fcc-product-gallery-layout="1"]
    .fcc-product-gallery__thumb img {
    border-radius: 0 !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
}
/* FC FAQ + FC Learn — 6.0.383 */
.fcc-faq,.fcc-learn{width:100%;height:100%;min-width:0;box-sizing:border-box}
.fcc-faq__card,.fcc-learn__card{width:100%;height:100%;min-height:var(--fcc-faq-min-h,560px);box-sizing:border-box;border-radius:var(--fcc-faq-radius,7px);background:var(--fcc-faq-bg,#fff);padding:var(--fcc-faq-pad-y,56px) var(--fcc-faq-pad-x,48px)}
.fcc-learn__card{min-height:var(--fcc-learn-min-h,560px);border-radius:var(--fcc-learn-radius,7px);background:var(--fcc-learn-bg,#fff);padding:var(--fcc-learn-pad-y,56px) var(--fcc-learn-pad-x,48px)}
.fcc-faq__heading,.fcc-learn__heading{margin:0 0 28px;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.05;letter-spacing:-.03em}
.fcc-faq__heading{font-size:var(--fcc-faq-heading-size,48px);color:var(--fcc-faq-heading,#00594f)}
.fcc-learn__heading{font-size:var(--fcc-learn-heading-size,48px);color:var(--fcc-learn-heading,#00594f)}
.fcc-faq__item{border-bottom:1px solid var(--fcc-faq-divider,#cfdcda)}
.fcc-faq__question{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;padding:20px 0;text-align:left;color:var(--fcc-faq-question,#00594f);font:700 var(--fcc-faq-question-size,18px)/1.35 Helvetica,Arial,sans-serif;cursor:pointer}
.fcc-faq__icon{position:relative;width:18px;height:18px;flex:0 0 18px;color:var(--fcc-faq-icon,#5d938c)}
.fcc-faq__icon::before,.fcc-faq__icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease}
.fcc-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.fcc-faq__question[aria-expanded="true"] .fcc-faq__icon::after{opacity:0;transform:translate(-50%,-50%) rotate(0)}
.fcc-faq__answer{color:var(--fcc-faq-answer,#00594f);font:400 var(--fcc-faq-answer-size,18px)/var(--fcc-faq-line-height,1.4) Helvetica,Arial,sans-serif;padding:0 34px 22px 0}
.fcc-faq__answer[hidden]{display:none}
.fcc-faq__answer p{margin:0 0 12px}.fcc-faq__answer p:last-child{margin-bottom:0}.fcc-faq__answer a{color:var(--fcc-faq-link,#00594f);text-decoration:underline;text-underline-offset:2px}
.fcc-learn__list{display:flex;flex-direction:column;gap:var(--fcc-learn-gap,16px)}
.fcc-learn__item{display:grid;grid-template-columns:minmax(120px,var(--fcc-learn-image-w,215px)) minmax(0,1fr);gap:14px;align-items:start}
.fcc-learn__image{display:block;width:100%;height:var(--fcc-learn-image-h,120px);overflow:hidden;border-radius:4px;background:#f2f3f2}
.fcc-learn__image img,.fcc-learn__image-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.fcc-learn__content h3{margin:2px 0 6px;font:700 var(--fcc-learn-title-size,18px)/1.25 Helvetica,Arial,sans-serif}.fcc-learn__content h3 a{color:var(--fcc-learn-title,#00594f);text-decoration:none}
.fcc-learn__content p{margin:0 0 8px;color:var(--fcc-learn-text,#00594f);font:400 var(--fcc-learn-text-size,16px)/1.3 Helvetica,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fcc-learn__more{display:inline-block;color:var(--fcc-learn-link,#00594f);font:700 14px/1.2 Helvetica,Arial,sans-serif;letter-spacing:.12em;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){
 .fcc-faq__card,.fcc-learn__card{min-height:0;padding:32px 24px}
 .fcc-faq__heading,.fcc-learn__heading{font-size:36px;margin-bottom:20px}
 .fcc-faq__question{padding:17px 0;font-size:16px}.fcc-faq__answer{font-size:16px;padding-right:26px}
 .fcc-learn__item{grid-template-columns:120px minmax(0,1fr)}.fcc-learn__image{height:88px}
}

/* FC FAQ + FC Learn equal-height scroll cards — 6.0.390 */
.fcc-faq__card,.fcc-learn__card{position:relative;display:flex;flex-direction:column;height:var(--fcc-faq-card-h,590px);min-height:var(--fcc-faq-min-h,590px);max-height:var(--fcc-faq-card-h,590px);overflow:hidden}
.fcc-learn__card{height:var(--fcc-learn-card-h,590px);min-height:var(--fcc-learn-min-h,590px);max-height:var(--fcc-learn-card-h,590px)}
.fcc-faq__heading,.fcc-learn__heading{flex:0 0 auto}
.fcc-card-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:18px;scrollbar-width:none;-ms-overflow-style:none}
.fcc-card-scroll::-webkit-scrollbar{width:0;height:0}
.fcc-card-dots{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:5px;z-index:3;pointer-events:none}
.fcc-card-dots.is-visible{display:flex}
.fcc-card-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--fcc-card-dot-inactive,#b9cfcb);opacity:1;box-shadow:0 0 0 1px rgba(0,31,28,.22)}
.fcc-card-dot.is-lit{background:var(--fcc-card-dot,#006c62);box-shadow:0 0 0 1px rgba(0,31,28,.45),0 0 5px var(--fcc-card-dot,#006c62)}
@media(max-width:767px){.fcc-faq__card,.fcc-learn__card{height:var(--fcc-faq-card-h,590px);max-height:var(--fcc-faq-card-h,590px)}.fcc-learn__card{height:var(--fcc-learn-card-h,590px);max-height:var(--fcc-learn-card-h,590px)}.fcc-card-dots{right:8px}.fcc-card-dot{width:7px;height:7px}}


/* FC FAQ + FC Learn parity and crisp all-viewport dots — 6.0.390 */
.fcc-faq__card{height:var(--fcc-shared-card-h,var(--fcc-faq-card-h,590px));min-height:var(--fcc-shared-card-h,var(--fcc-faq-min-h,590px));max-height:var(--fcc-shared-card-h,var(--fcc-faq-card-h,590px))}
.fcc-learn__card{height:var(--fcc-shared-card-h,var(--fcc-learn-card-h,590px));min-height:var(--fcc-shared-card-h,var(--fcc-learn-min-h,590px));max-height:var(--fcc-shared-card-h,var(--fcc-learn-card-h,590px))}
.fcc-card-dots{right:10px;gap:5px}
.fcc-card-dot{width:7px;height:7px;border:1px solid #376f68;background:var(--fcc-card-dot-inactive,#b9cfcb);opacity:1;box-shadow:none}
.fcc-card-dot.is-lit{background:var(--fcc-card-dot,#006c62);border-color:var(--fcc-card-dot,#006c62);box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fcc-card-dot,#006c62)}
@media(max-width:767px){.fcc-card-dots{right:8px;gap:5px}.fcc-card-dot{width:7px;height:7px}}

/* FC Ecom Suite 6.0.395 — FAQ/Learn spacing and slim scroll-dot correction.
   Recovery baseline: 6.0.390. CSS only; no observer, DOM, PHP, or data changes. */
.fcc-faq__heading {
    font-size: 48px !important;
    margin-bottom: 28px;
}
.fcc-faq__item:first-child .fcc-faq__question {
    padding-top: 0;
}
/* Restore the scrollable height removed from the first row without changing
   the visible title-to-question spacing. */
.fcc-faq__items {
    padding-bottom: 20px;
}
/* Keep the active dot at the same slim 7px geometry as the other dots. */
.fcc-card-dot.is-lit {
    background: var(--fcc-card-dot, #006c62);
    border-color: var(--fcc-card-dot, #006c62);
    box-shadow: none;
}
@media (max-width: 767px) {
    .fcc-faq__heading {
        font-size: 36px !important;
        margin-bottom: 20px;
    }
    .fcc-faq__item:first-child .fcc-faq__question {
        padding-top: 0;
    }
    .fcc-faq__items {
        padding-bottom: 17px;
    }
}


/* FC Ecom Suite 6.0.396 — Product Story dots match FAQ dots on all viewports.
   Reuses the existing seven-dot rail and existing progress logic. CSS only. */
.fcc-product-story-block .fcc-psb-card {
    position: relative;
}
.fcc-product-story-block .fcc-psb-tablet-dots {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
    padding: 0;
    transform: translateY(-50%);
    border-radius: 0;
    color: var(--fcc-psb-heading, #00594f);
    pointer-events: none;
    opacity: 0;
    filter: none;
}
.fcc-product-story-block[data-fcc-psb-has-overflow="1"] .fcc-psb-tablet-dots {
    opacity: 1;
}
.fcc-product-story-block .fcc-psb-tablet-dot {
    display: block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border: 1px solid #376f68;
    border-radius: 50%;
    background: var(--fcc-card-dot-inactive, #b9cfcb);
    opacity: 1;
    transform: none;
    box-shadow: none;
    animation: none !important;
}
.fcc-product-story-block .fcc-psb-tablet-dot.is-lit {
    border-color: var(--fcc-card-dot, #006c62);
    background: var(--fcc-card-dot, #006c62);
    opacity: 1;
    transform: none;
    box-shadow: none;
    animation: none !important;
}
@media (max-width: 767px) {
    .fcc-product-story-block .fcc-psb-tablet-dots {
        right: 8px;
    }
}

/* FC Ecom Suite 6.0.397 — OSEA-style FAQ/Learn tablet geometry.
 * Tablet only: 768px through 1024px. CSS only; desktop/mobile remain unchanged.
 */
@media (min-width: 768px) and (max-width: 1024px) {
    .fcc-faq__card,
    .fcc-learn__card {
        padding:
            clamp(26px, 3.2vw, 33px)
            clamp(18px, 2.4vw, 25px);
    }

    .fcc-faq__heading,
    .fcc-learn__heading {
        font-size: clamp(36px, 3.9vw, 40px) !important;
        margin-bottom: 14px;
    }

    .fcc-card-scroll {
        padding-right: 12px;
    }

    .fcc-faq__question {
        padding: 14px 0;
        font-size: clamp(16px, 1.75vw, 18px);
    }

    .fcc-faq__item:first-child .fcc-faq__question {
        padding-top: 14px;
    }

    .fcc-faq__answer {
        padding-right: 24px;
        font-size: clamp(15px, 1.65vw, 17px);
    }

    .fcc-learn__list {
        gap: 10px;
    }

    .fcc-learn__item {
        grid-template-columns:
            clamp(88px, 11.5vw, 118px)
            minmax(0, 1fr);
        gap: 8px;
        align-items: stretch;
    }

    .fcc-learn__image {
        height: 100%;
        min-height: 96px;
    }

    .fcc-learn__content h3 {
        margin-top: 0;
        font-size: clamp(16px, 1.75vw, 18px);
    }

    .fcc-learn__content p {
        font-size: clamp(14px, 1.55vw, 16px);
    }
}