/* FC Ecom Suite 7.0.432 — Suite-owned FluentCart mini-cart UI. */
.fccs-mini-cart-button {
  --fccs-mini-cart-base-bottom: var(--fccs-mini-cart-mobile-bottom, 20px);
  --fccs-mini-cart-base-right: var(--fccs-mini-cart-mobile-tablet-right-edge, 3px);
  --fccs-mini-cart-size: var(--fccs-mini-cart-mobile-size, 56px);
  position: fixed !important;
  left: auto !important;
  right: var(--fccs-mini-cart-base-right) !important;
  bottom: var(--fccs-mini-cart-runtime-bottom, var(--fccs-mini-cart-base-bottom)) !important;
  z-index: var(--fccs-mini-cart-z-index, 99940) !important;
  width: var(--fccs-mini-cart-size) !important;
  height: var(--fccs-mini-cart-size) !important;
  min-width: var(--fccs-mini-cart-size) !important;
  min-height: var(--fccs-mini-cart-size) !important;
  max-width: var(--fccs-mini-cart-size) !important;
  max-height: var(--fccs-mini-cart-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: var(--fccs-mini-cart-border-width, 1px) solid var(--fccs-mini-cart-border-color, #d6e8e5) !important;
  border-radius: var(--fccs-mini-cart-radius, 8px) !important;
  background: var(--fccs-mini-cart-bg, #fff) !important;
  color: var(--fccs-mini-cart-icon-color, #00594f) !important;
  box-shadow: var(--fccs-mini-cart-shadow, 0 16px 32px -4px rgba(27,37,51,.12)) !important;
  cursor: pointer !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  isolation: isolate !important;
  transform: none !important;
  transition:
    bottom var(--fccs-mini-cart-motion, 120ms) cubic-bezier(.2,.8,.2,1),
    background-color 100ms ease,
    border-color 100ms ease,
    opacity 100ms ease;
  will-change: bottom;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* When Popup Cart activates, pre-lift the Mini Cart in the same render cycle.
   This intentionally suppresses only the bottom transition for the upward handoff,
   preventing the brief visual collision seen at tablet/mobile breakpoints. */
.fccs-mini-cart-button.fccs-mini-cart--instant-lift {
  transition:
    background-color 100ms ease,
    border-color 100ms ease,
    opacity 100ms ease !important;
}

.fccs-mini-cart-button[hidden] {
  display: none !important;
  pointer-events: none !important;
}

/* FluentCart adds .is-hidden only to its own expand buttons when the cart empties.
   Our semantic fallback uses only the Fluent class hook, but this guard prevents
   unrelated theme/plugin CSS from visually erasing a confirmed Suite button. */
.fccs-mini-cart-button.is-hidden:not([hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.fccs-mini-cart-button:hover,
.fccs-mini-cart-button:focus-visible {
  background: var(--fccs-mini-cart-bg-hover, #f7faf9) !important;
}

.fccs-mini-cart-button:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 3px !important;
}

.fccs-mini-cart__icon,
.fccs-mini-cart__custom-icon,
.fccs-mini-cart__dashicon {
  display: block !important;
  width: var(--fccs-mini-cart-icon-size, 28px) !important;
  height: var(--fccs-mini-cart-icon-size, 28px) !important;
  min-width: var(--fccs-mini-cart-icon-size, 28px) !important;
  max-width: var(--fccs-mini-cart-icon-size, 28px) !important;
  max-height: var(--fccs-mini-cart-icon-size, 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.fccs-mini-cart__icon {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.fccs-mini-cart__custom-icon {
  object-fit: contain !important;
}

.fccs-mini-cart__dashicon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: var(--fccs-mini-cart-icon-size, 28px) !important;
  line-height: 1 !important;
  color: currentColor !important;
  pointer-events: none !important;
}

.fccs-mini-cart__badge {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  width: var(--fccs-mini-cart-badge-size, 20px) !important;
  height: var(--fccs-mini-cart-badge-size, 20px) !important;
  min-width: var(--fccs-mini-cart-badge-size, 20px) !important;
  min-height: var(--fccs-mini-cart-badge-size, 20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--fccs-mini-cart-badge-bg, #000) !important;
  color: var(--fccs-mini-cart-badge-text, #fff) !important;
  font-family: var(--fccs-mini-cart-font, Roboto), Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  pointer-events: none !important;
}

/* Hide only FluentCart's body-level floating trigger. Menu/header cart triggers remain untouched. */
body.fccs-mini-cart-replaces-native [data-fluent-cart-cart-drawer-container] > [data-fluent-cart-cart-expand-button] {
  display: none !important;
}

@media (max-width: 991px) {
  .fccs-mini-cart-button {
    left: auto !important;
    right: var(--fccs-mini-cart-mobile-tablet-right-edge, 3px) !important;
    transform: none !important;
  }

  .fccs-mini-cart__badge {
    right: -1px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fccs-mini-cart-button {
    --fccs-mini-cart-base-bottom: var(--fccs-mini-cart-tablet-bottom, 20px);
    --fccs-mini-cart-base-right: var(--fccs-mini-cart-mobile-tablet-right-edge, 3px);
    --fccs-mini-cart-size: var(--fccs-mini-cart-tablet-size, 56px);
  }
}

@media (min-width: 992px) {
  .fccs-mini-cart-button {
    --fccs-mini-cart-base-bottom: var(--fccs-mini-cart-desktop-bottom, 20px);
    --fccs-mini-cart-base-right: var(--fccs-mini-cart-desktop-right, 20px);
    --fccs-mini-cart-size: var(--fccs-mini-cart-desktop-size, 56px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fccs-mini-cart-button {
    transition: none !important;
  }
}


/* 7.0.387 Suite-owned flyout feature slots; keep hidden state authoritative over component display rules. */
[data-fccs-suite-flyout] .fc-cart-rewards-progress[hidden],
[data-fccs-suite-flyout] .fc-cart-visit-note[hidden],
[data-fccs-suite-flyout] .fc-cart-extension[hidden],
[data-fccs-suite-flyout] .fc-cart-best-sellers-rail[hidden] {
  display: none !important;
}


/* 7.0.389 — FCACR My Account Privacy Policy close-button parity. */
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fct-cart-drawer-close-button {
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, #005447 24%, #b7d0c8) !important;
  border-radius: 2px !important;
  background: color-mix(in srgb, #005447 4%, #ffffff) !important;
  color: #005447 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fct-cart-drawer-close-button > span {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  background: transparent !important;
  transform: rotate(0deg) !important;
  transform-origin: 50% 50% !important;
  transition: transform .24s ease !important;
  animation: none !important;
  pointer-events: none !important;
  overflow: visible !important;
  will-change: transform !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-js::before,
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-js::after {
  content: none !important;
  display: none !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-spin-target::before,
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-spin-target::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform-origin: 50% 50% !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-spin-target::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-spin-target::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fccs-mini-cart-close-js.is-pressed > .fccs-mini-cart-close-spin-target {
  transform: rotate(180deg) !important;
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  [data-fccs-suite-flyout="1"] .fct-cart-drawer-header .fct-cart-drawer-close-button {
    border-color: #c8ddd7 !important;
    background: #ffffff !important;
  }
}

/* FC Ecom Suite 7.0.411 — stable flyout stage.
   FluentCart still owns cart state and item actions. Only the presentation
   shell moves; the drawer and recommendation rail are stable shell siblings,
   outside the inner drawer subtree replaced during cart AJAX refreshes. */
[data-fccs-suite-flyout="1"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

[data-fccs-suite-flyout="1"] > .fct-cart-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 320ms cubic-bezier(.16, 1, .3, 1), visibility 0s linear 320ms !important;
}
[data-fccs-suite-flyout="1"] > .fct-cart-drawer-overlay.active,
[data-fccs-suite-flyout="1"].is-open > .fct-cart-drawer-overlay,
[data-fccs-suite-flyout="1"]:has(.fct-cart-drawer.open) > .fct-cart-drawer-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

[data-fccs-suite-flyout="1"] > .fccs-flyout-shell {
  --fccs-flyout-side-width: 0px;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  width: min(500px, 100vw) !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(calc(100% + var(--fccs-flyout-side-width)), 0, 0) !important;
  transition: transform 360ms cubic-bezier(.16, 1, .3, 1), visibility 0s linear 360ms !important;
  will-change: transform !important;
  isolation: isolate !important;
}
[data-fccs-suite-flyout="1"] > .fccs-flyout-shell::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: calc(-1 * var(--fccs-flyout-side-width)) !important;
  width: calc(100% + var(--fccs-flyout-side-width)) !important;
  background: var(--fct-cart-drawer-bg, #fff) !important;
  box-shadow: -12px 0 32px -10px rgb(0 0 0 / .18) !important;
  pointer-events: none !important;
  transition: left 180ms ease, width 180ms ease !important;
}
[data-fccs-suite-flyout="1"] > .fccs-flyout-shell.has-side-rail {
  --fccs-flyout-side-width: 126px;
}
[data-fccs-suite-flyout="1"].is-open > .fccs-flyout-shell,
[data-fccs-suite-flyout="1"] > .fccs-flyout-shell.is-open,
[data-fccs-suite-flyout="1"]:has(.fct-cart-drawer.open) > .fccs-flyout-shell {
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

[data-fccs-suite-flyout="1"] > .fccs-flyout-shell > .fct-cart-drawer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  width: min(500px, 100vw) !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
[data-fccs-suite-flyout="1"] > .fccs-flyout-shell > .fct-cart-drawer.open {
  left: auto !important;
}
[data-fccs-suite-flyout="1"] > .fccs-flyout-shell > .fct-cart-drawer.fc-cart-has-side-rail:not(.open) {
  left: auto !important;
  right: 0 !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
}
/* The Suite flyout keeps its cart and reward regions mounted during native
   FluentCart mutations. Do not let FluentCart's drawer-wide veil cover those
   stable regions while only their values are changing. */
[data-fccs-suite-flyout="1"] .fct-cart-drawer [data-fluent-cart-cart-drawer-loader] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-rewards__status {
  min-height: 2.5em !important;
  box-sizing: border-box !important;
}
[data-fccs-suite-flyout="1"] .fccs-cart-content-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
[data-fccs-suite-flyout="1"] .fccs-cart-content-stack::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
[data-fccs-suite-flyout="1"] .fccs-cart-content-stack > * {
  flex: 0 0 auto !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-content-wrapper {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overscroll-behavior: auto !important;
  scrollbar-gutter: auto !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-list,
[data-fccs-suite-flyout="1"] .fct-cart-drawer-list-content {
  min-width: 0 !important;
  max-width: 100% !important;
}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-footer {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side {
  left: auto !important;
  right: 100% !important;
  z-index: 1 !important;
  height: 100% !important;
  max-height: none !important;
}

@media (min-width: 900px) {
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell.has-side-rail {
    --fccs-flyout-side-width: 126px;
  }
}
@media (max-width: 899px) {
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell {
    --fccs-flyout-side-width: 0px !important;
  }
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell > .fct-cart-drawer {
    width: min(500px, 100vw) !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-inline {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 769px) {
  [data-fccs-suite-flyout="1"]:has(> .fccs-flyout-shell > .fct-cart-drawer.admin_bar_enabled) > .fccs-flyout-shell {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
    height: calc(100dvh - 32px) !important;
  }
}
@media (max-width: 768px) {
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell > .fct-cart-drawer.admin_bar_enabled {
    height: 100% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell,
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell::before,
  [data-fccs-suite-flyout="1"] > .fct-cart-drawer-overlay {
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }
}

/* 7.0.423 — compact, transparent quantity controls in the Suite flyout only. */
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] {
  display: inline-grid !important;
  grid-template-columns: 25px 30px 25px !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #6e958b !important;
  border-radius: 5px !important;
  background: #fff !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > :is(.decrease-btn, .increase-btn, .qty-value) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1d4d41 !important;
  box-shadow: none !important;
  line-height: 24px !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > :is(.decrease-btn, .increase-btn) {
  border: 1px solid transparent !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > :is(.decrease-btn, .increase-btn) svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: currentColor !important;
  stroke: currentColor !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > .qty-value {
  font-size: 14px !important;
  text-align: center !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}
@media (max-width: 767px) {
  /* Safari does not zoom the page when the quantity field receives focus. */
  [data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > .qty-value {
    font-size: 16px !important;
  }
}

/* The outer border stays visible. Only the hovered or keyboard-focused button gains an outline. */
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > .qty-value {
  background: #fff !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > :is(.decrease-btn, .increase-btn):is(:hover, :focus-visible) {
  border-color: #1d4d41 !important;
  border-radius: 0 !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-item-quantity[data-fluent-cart-cart-list-item-quantity-wrapper] > :is(.decrease-btn, .increase-btn):is(:hover, :focus-visible) {
  background: #e8f3f0 !important;
  box-shadow: none !important;
}

/* 7.0.423 — the two always-visible footer containers are white. The
 * subtotal row ends 4px above the checkout action. */
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer {
  border-top: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer > .fct-cart-total-wrapper {
  padding: 12px 20px 0 !important;
  background: #fff !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer > .fct-cart-total-wrapper > span {
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-list .fct-cart-item .fct-cart-item-total,
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-list .fct-cart-item .fct-cart-item-total > span {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer > .fct-cart-drawer-footer-actions {
  padding: 4px 20px 20px !important;
  gap: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer [data-fluent-cart-cart-checkout-button-wrap] {
  background: #fff !important;
}

/* A real heading and close-fitting cards identify recommendations in both
 * the side rail and its compact horizontal arrangement. */
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail .fc-cart-rail__heading {
  display: block !important;
  margin: 0 !important;
  padding: 9px 5px 5px !important;
  color: var(--fc-cart-rail-heading, #005447) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-inline .fc-cart-rail__heading {
  text-align: left !important;
  padding-inline: 12px !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail .fc-cart-card--rail {
  box-sizing: border-box !important;
  grid-template-rows: 72px 24px 22px 26px !important;
  row-gap: 2px !important;
  margin: 3px 3px 6px !important;
  padding: 4px 3px 5px !important;
  border: 1px solid #95b3ab !important;
  border-radius: 6px !important;
  background: #fff !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail .fc-cart-card--rail:not(.fc-cart-card--has-variants) .fc-cart-card__name {
  grid-row: 3 !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail .fc-cart-card--rail .fc-cart-add {
  grid-row: 4 !important;
}
[data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-inline .fc-cart-card--rail {
  margin: 0 0 3px !important;
}
@media (min-width: 900px) {
  [data-fccs-suite-flyout="1"] > .fccs-flyout-shell.has-side-rail {
    --fccs-flyout-side-width: 160px !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side {
    width: 160px !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail {
    width: 120px !important;
    max-width: 120px !important;
    margin-inline: auto !important;
  }
  /* Use 3px of the title row's empty top area for the image viewport while
     keeping the card tracks, title baseline and outer dimensions fixed. */
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail .fc-cart-card__image-wrap {
    height: 75px !important;
    overflow: hidden !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail img.fc-cart-card__image {
    flex: 0 0 auto !important;
    width: 88px !important;
    height: 88px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-rail__heading {
    white-space: nowrap !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail .fc-cart-card__name,
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail .fc-cart-card__name > span {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail .fc-cart-card__variants {
    justify-content: flex-start !important;
  }
  [data-fccs-suite-flyout="1"] .fc-cart-best-sellers-rail.is-side .fc-cart-card--rail:not(.fc-cart-card--has-variants) .fc-cart-card__name {
    align-self: end !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 24px !important;
    margin-bottom: 1px !important;
  }
}

/* 7.0.505: expansion must not anchor the viewport to the checkout footer. */
[data-fccs-suite-flyout="1"] .fccs-cart-content-stack{overflow-anchor:none!important;}
.fccs-mobile-scroll-cue{display:none!important;}
@media(max-width:767px){
.fccs-mobile-scroll-cue:not([hidden]){display:grid!important;place-items:center;position:fixed!important;z-index:1000010!important;width:32px;height:32px;padding:0;border:1px solid #b85c0a!important;border-radius:50%;background:#ffe0b2!important;color:#b85c0a!important;opacity:.45;pointer-events:none;animation:fccs-scroll-cue-blink 3s steps(1,end) infinite!important;}
.fccs-mobile-scroll-cue svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
}
@keyframes fccs-scroll-cue-blink{0%,100%{opacity:.45}50%{opacity:0}}


/* Uniform action dimensions across all viewports. */
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer .fct-cart-drawer-footer-actions .checkout-button.fct-primary-btn{box-sizing:border-box!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}

/* Match the checkout action border to its existing green background. */
[data-fccs-suite-flyout="1"] [data-fluent-cart-cart-drawer] .fct-cart-drawer-footer .fct-cart-drawer-footer-actions .checkout-button.fct-primary-btn {
    border:1px solid var(--fc-cart-checkout-btn-border,var(--fc-cart-checkout-btn-bg,#014D41))!important;
    border-radius:7px!important;
}

/* Suite 7.0.559: flyout product details match the cart page. */
#fccs-mini-cart-drawer .fct-cart-item .fct-cart-item-details {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  min-width: 0 !important;
}
#fccs-mini-cart-drawer .fct-cart-item-details > :is(.fct-cart-item-title, .fct-cart-item-price, .fct-cart-item-variant) {
  margin: 0 !important;
  position: static !important;
  max-width: 100% !important;
}
#fccs-mini-cart-drawer .fct-cart-item-details .fct-cart-item-price,
#fccs-mini-cart-drawer .fct-cart-item-details [data-fluent-cart-cart-list-item-price],
#fccs-mini-cart-drawer .fct-cart-item-details .fct-cart-item-variant {
  color: var(--fc-cart-page-heading, var(--fccs-mini-cart-icon-color, #00594f)) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
#fccs-mini-cart-drawer .fct-cart-item-details > .fct-cart-item-price {
  display: block !important;
}
#fccs-mini-cart-drawer .fct-cart-item-details > .fct-cart-item-variant.variant-title-hidden {
  display: none !important;
}

/* 7.0.800: explicit grid tracks keep the footer inside the visible drawer. */
[data-fccs-suite-flyout="1"] .fct-cart-drawer-header{grid-row:1!important;}
[data-fccs-suite-flyout="1"] .fccs-cart-content-stack{grid-row:2!important;height:auto!important;max-height:none!important;align-self:stretch!important;}
[data-fccs-suite-flyout="1"] .fct-cart-drawer-footer{grid-row:3!important;min-height:0!important;align-self:end!important;}
/* An item row outranks stale empty-state presentation during AJAX recovery. */
[data-fccs-suite-flyout="1"] .fct-cart-drawer.fc-cart-empty-active:has(.fct-cart-item) .fct-cart-drawer-footer,
[data-fccs-suite-flyout="1"] .fct-cart-drawer.fc-cart-empty-active:has(.fct-cart-item) .fct-cart-drawer-footer-actions{display:block!important;}
[data-fccs-suite-flyout="1"] .fct-cart-drawer.fc-cart-empty-active:has(.fct-cart-item) [data-fluent-cart-cart-total-wrapper]{display:flex!important;}

/* Drawer text uses the configured interface family before and after AJAX updates. */
[data-fccs-suite-flyout="1"] {font-family:var(--fccs-mini-cart-font,"Roboto","FCC Roboto Fallback",Arial,sans-serif);}
[data-fccs-suite-flyout="1"] :is(h1,h2,h3,p,a,button,input,label,small,strong) {font-family:var(--fccs-mini-cart-font,"Roboto","FCC Roboto Fallback",Arial,sans-serif)!important;}