/* FC Best Sellers Slider — FC Ecom Suite 6.0.220.
   Dedicated product-widget stylesheet. The customer review stylesheet is not used
   for product card rules; this file only scopes to .fcc-best-sellers-slider. */
.fcc-best-sellers-slider,
.fcc-best-sellers-slider *{
  box-sizing:border-box;
}
.fcc-best-sellers-slider{
  --fcc-rs-card-width:302px;
  --fcc-rs-gap:14px;
  --fcc-rs-card-height:454px;
  color:var(--fcc-rs-text,#00594f);
}
.fcc-best-sellers-slider > .fcc-review-slider__inner{
  background:var(--fcc-rs-bg,#fff)!important;
  border-color:var(--fcc-rs-border,#dddedf)!important;
  border-radius:var(--fcc-rs-radius,7px)!important;
  padding-top:clamp(34px,5vw,54px)!important;
}
.fcc-best-sellers-slider .fcc-review-slider__topline{
  margin-top:0!important;
  margin-bottom:28px!important;
}
.fcc-best-sellers-slider .fcc-review-slider__heading{
  color:var(--fcc-rs-heading,#004f49)!important;
  padding-left:0!important;
  padding-right:0!important;
}
.fcc-best-sellers-slider .fcc-review-slider__track{
  gap:var(--fcc-rs-gap,14px)!important;
  align-items:stretch!important;
  min-height:0!important;
  padding:2px 2px 24px!important;
}
.fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
  position:relative!important;
  flex:0 0 var(--fcc-rs-card-width,302px)!important;
  width:var(--fcc-rs-card-width,302px)!important;
  max-width:var(--fcc-rs-card-width,302px)!important;
  height:var(--fcc-rs-card-height,454px)!important;
  min-height:var(--fcc-rs-card-height,454px)!important;
  background:var(--fcc-rs-bg,#fff)!important;
  border:1px solid var(--fcc-rs-card-border,#D6E8E5)!important;
  border-radius:8px!important;
  color:var(--fcc-rs-text,#00594f)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  scroll-snap-align:start!important;
}
.fcc-best-sellers-slider .fcc-best-card__media{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  overflow:hidden!important;
  background:#fff!important;
}
.fcc-best-sellers-slider .fcc-best-card__image-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:300px!important;
  min-height:300px!important;
  padding:18px 22px 6px!important;
  background:#fff!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}
.fcc-best-sellers-slider .fcc-best-card__image--placeholder{
  width:72%!important;
  height:72%!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#f1f7f4,#ffffff)!important;
  border:1px dashed rgba(0,89,79,.16)!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview{
  position:absolute!important;
  top:var(--fcc-bs-qv-top,3px)!important;
  left:var(--fcc-bs-qv-left,3px)!important;
  right:var(--fcc-bs-qv-right,auto)!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--fcc-bs-qv-size,38px)!important;
  height:var(--fcc-bs-qv-size,38px)!important;
  min-width:var(--fcc-bs-qv-size,38px)!important;
  min-height:var(--fcc-bs-qv-size,38px)!important;
  border-radius:var(--fcc-bs-qv-radius,999px)!important;
  border:1px solid var(--fcc-bs-qv-border,rgba(0,0,0,.14))!important;
  background:var(--fcc-bs-qv-bg,rgba(255,255,255,.94))!important;
  color:var(--fcc-bs-qv-color,#223326)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview:hover,
.fcc-best-sellers-slider .fcc-best-card__quickview:focus-visible{
  background:var(--fcc-bs-qv-hover-bg,var(--fcc-bs-qv-bg,rgba(255,255,255,.94)))!important;
  color:var(--fcc-bs-qv-hover-color,var(--fcc-bs-qv-color,#223326))!important;
  border-color:var(--fcc-bs-qv-hover-border,var(--fcc-bs-qv-border,rgba(0,0,0,.14)))!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview-icon{
  display:block!important;
  width:var(--fcc-bs-qv-icon-size,20px)!important;
  height:var(--fcc-bs-qv-icon-size,20px)!important;
  max-width:var(--fcc-bs-qv-icon-size,20px)!important;
  max-height:var(--fcc-bs-qv-icon-size,20px)!important;
  pointer-events:none!important;
  color:currentColor!important;
  fill:currentColor!important;
  line-height:1!important;
  object-fit:contain!important;
  object-position:center!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview-icon svg,
.fcc-best-sellers-slider .fcc-best-card__quickview-icon i{
  display:block!important;
  width:100%!important;
  height:100%!important;
  color:currentColor!important;
  fill:currentColor!important;
  line-height:1!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview-icon--image{
  display:block!important;
  object-fit:contain!important;
}
.fcc-best-sellers-slider .fcc-best-card__badge{
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:26px!important;
  min-width:48px!important;
  padding:0 10px!important;
  border:1px solid var(--fcc-bs-badge-border,#D6E8E5)!important;
  border-radius:7px!important;
  background:var(--fcc-bs-badge-bg,#E5F1EF)!important;
  color:var(--fcc-bs-badge-text,#002E25)!important;
  font:500 12px/1 Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__body{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  flex:1 1 auto!important;
  min-height:86px!important;
  max-height:none!important;
  padding:0 3px 0!important;
  overflow:visible!important;
}
.fcc-best-sellers-slider .fcc-best-card__title{
  margin:0!important;
  padding:0!important;
  color:#002E25!important;
  font:700 17px/1.12 Helvetica,Arial,sans-serif!important;
  letter-spacing:-.01em!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.fcc-best-sellers-slider .fcc-best-card__title a{
  color:inherit!important;
  text-decoration:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__meta{
  margin:0!important;
  color:#4f6d67!important;
  font:500 13.5px/1.2 Helvetica,Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.fcc-best-sellers-slider .fcc-best-card__stars{
  margin:0 0 6px!important;
  color:var(--fcc-bs-rating,#00584f)!important;
  font:700 14px/1 Helvetica,Arial,sans-serif!important;
  letter-spacing:.08em!important;
}
.fcc-best-sellers-slider .fcc-best-card__variants{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__variant,
.fcc-best-sellers-slider .fcc-best-card__variant:hover,
.fcc-best-sellers-slider .fcc-best-card__variant:focus,
.fcc-best-sellers-slider .fcc-best-card__variant:active{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:46px!important;
  max-width:none!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  padding:1px 8px!important;
  margin:0!important;
  border:1px solid #D6E8E5!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#002E25!important;
  font:700 12px/1 Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
  outline:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__variant.selected,
.fcc-best-sellers-slider .fcc-best-card__variant.is-selected,
.fcc-best-sellers-slider .fcc-best-card__variant[aria-checked="true"]{
  background:#E5F1EF!important;
  border-color:#002E25!important;
}
.fcc-best-sellers-slider .fcc-best-card__button{
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:calc(100% - 6px)!important;
  min-height:42px!important;
  height:42px!important;
  margin:5px 3px 8px!important;
  padding:0 20px!important;
  border:1px solid var(--fcc-bs-button-border,#D6E8E5)!important;
  border-radius:6px!important;
  background:var(--fcc-bs-button-bg,#E5F1EF)!important;
  color:var(--fcc-bs-button-text,#002E25)!important;
  font:800 14px/1 Helvetica,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__button:hover,
.fcc-best-sellers-slider .fcc-best-card__button:focus-visible{
  border-color:#014D41!important;
  outline:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__button-price{
  margin-left:auto!important;
  white-space:nowrap!important;
}

.fcc-best-sellers-slider .fcc-best-card__button--missing-cart{
  opacity:1!important;
  cursor:not-allowed!important;
}
@media(max-width:1199px){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex-basis:var(--fcc-rs-card-width,302px)!important;
    width:var(--fcc-rs-card-width,302px)!important;
    max-width:var(--fcc-rs-card-width,302px)!important;
    scroll-snap-align:start!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:300px!important;
    min-height:300px!important;
  }
}
@media(max-width:767px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    padding-top:var(--fcc-rs-mobile-heading-top,39.05px)!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__topline{
    margin-bottom:18px!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__track{
    gap:14px!important;
    row-gap:14px!important;
    column-gap:14px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex-basis:clamp(262px,84vw,var(--fcc-rs-card-width,302px))!important;
    width:clamp(262px,84vw,var(--fcc-rs-card-width,302px))!important;
    max-width:var(--fcc-rs-card-width,302px)!important;
    height:454px!important;
    min-height:454px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:300px!important;
    min-height:300px!important;
    padding:18px 22px 6px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__quickview{
    width:var(--fcc-bs-qv-size,38px)!important;
    height:var(--fcc-bs-qv-size,38px)!important;
    min-width:var(--fcc-bs-qv-size,38px)!important;
    min-height:var(--fcc-bs-qv-size,38px)!important;
    max-width:var(--fcc-bs-qv-size,38px)!important;
    max-height:var(--fcc-bs-qv-size,38px)!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__quickview-icon{
    width:var(--fcc-bs-qv-icon-size,20px)!important;
    height:var(--fcc-bs-qv-icon-size,20px)!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__title{
    font-size:16px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__meta{
    font-size:13px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__stars{
    font-size:14px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__body{
    min-height:86px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__button{
    height:42px!important;
    min-height:42px!important;
    padding:0 20px!important;
    font-size:14px!important;
    margin-top:8px!important;
  }
}
@media(max-width:390px){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex-basis:min(302px,86vw)!important;
    width:min(302px,86vw)!important;
    max-width:min(302px,86vw)!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:min(300px,86vw)!important;
    min-height:min(300px,86vw)!important;
  }
}

/* v6.0.211: Best Sellers shell width lock.
   The shell must remain viewport/review-shell width even if only one product card renders.
   This prevents a one-card data issue from collapsing the white bordered widget. */
@media (min-width:768px){
  .fcc-best-sellers-slider{
    position:relative!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    translate:none!important;
    width:min(var(--fcc-rs-max-width,1538px),calc(100vw - 48px))!important;
    inline-size:min(var(--fcc-rs-max-width,1538px),calc(100vw - 48px))!important;
    min-width:min(var(--fcc-rs-max-width,1538px),calc(100vw - 48px))!important;
    min-inline-size:min(var(--fcc-rs-max-width,1538px),calc(100vw - 48px))!important;
    max-width:none!important;
    max-inline-size:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
    max-inline-size:100%!important;
  }
}
@media (max-width:767px){
  .fcc-best-sellers-slider{
    left:auto!important;
    transform: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;
  }
}


/* v6.0.217 surgical card-width correction.
   Scope: FC Best Sellers Slider only. Do not share this with Review or the native
   FluentCart Best Sellers element. Existing Review paths and native FluentCart
   card/button code remain untouched.

   Target requested:
   - Product card width: 228px across all viewports.
   - Image stage ratio: height = width × 1.1 = 251px.
   - Cart button height stays on the existing 42px rule above; no button rule here.
   - Title/meta/rating/pills remain one-line/compact to prevent title-height drift.
   - Section background, title shell, border, viewport, and scrollbar stay on the
     existing review-shell contract above.
*/
.fcc-best-sellers-slider{
  --fcc-rs-card-width:228px!important;
  --fcc-rs-card-height:405px!important;
  --fcc-bs-card-image-height:251px!important;
}
.fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
  flex:0 0 228px!important;
  flex-basis:228px!important;
  width:228px!important;
  min-width:228px!important;
  max-width:228px!important;
  height:405px!important;
  min-height:405px!important;
  max-height:405px!important;
}
.fcc-best-sellers-slider .fcc-best-card__image-wrap{
  height:251px!important;
  min-height:251px!important;
  max-height:251px!important;
  padding:18px 18px 6px!important;
}
.fcc-best-sellers-slider .fcc-best-card__title,
.fcc-best-sellers-slider .fcc-best-card__meta{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1199px){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex:0 0 228px!important;
    flex-basis:228px!important;
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
    height:405px!important;
    min-height:405px!important;
    max-height:405px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:251px!important;
    min-height:251px!important;
    max-height:251px!important;
  }
}
@media(max-width:767px){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex:0 0 228px!important;
    flex-basis:228px!important;
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
    height:405px!important;
    min-height:405px!important;
    max-height:405px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:251px!important;
    min-height:251px!important;
    max-height:251px!important;
    padding:18px 18px 6px!important;
  }
}
@media(max-width:390px){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
    flex:0 0 228px!important;
    flex-basis:228px!important;
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__image-wrap{
    height:251px!important;
    min-height:251px!important;
    max-height:251px!important;
  }
}

/* FC Ecom Suite 6.0.219 — Best Sellers 228px card rhythm + live-description wrap.
   Scope: FC Best Sellers Slider only. This does not touch Customer Reviews,
   the native FluentCart Best Sellers element, shop cards, or cart button height.
   Contract:
   - card width stays 228px;
   - image stage stays 228 × 1.1 = 251px;
   - description wraps in a fixed two-line slot;
   - stars stay on the same baseline across cards;
   - variation-to-cart-button visual gap is exactly 5px;
   - cart button height remains the earlier 42px rule. */
.fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
  height:405px!important;
  min-height:405px!important;
  max-height:405px!important;
  justify-content:flex-start!important;
}
.fcc-best-sellers-slider .fcc-best-card__body{
  display:grid!important;
  grid-template-rows:20px 32px 14px 20px!important;
  row-gap:2px!important;
  flex:0 0 92px!important;
  width:100%!important;
  min-height:92px!important;
  height:92px!important;
  max-height:92px!important;
  padding:0 3px!important;
  overflow:visible!important;
  align-items:start!important;
}
.fcc-best-sellers-slider .fcc-best-card__title{
  grid-row:1!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  line-height:20px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.fcc-best-sellers-slider .fcc-best-card__meta{
  grid-row:2!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
  margin:0!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  line-height:16px!important;
}
.fcc-best-sellers-slider .fcc-best-card__stars{
  grid-row:3!important;
  min-height:14px!important;
  height:14px!important;
  max-height:14px!important;
  margin:0!important;
  line-height:14px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.fcc-best-sellers-slider .fcc-best-card__variants{
  grid-row:4!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  margin:0!important;
}
.fcc-best-sellers-slider .fcc-best-card__variants--placeholder{
  visibility:hidden!important;
  pointer-events:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__button{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:5px 3px 8px!important;
  flex:0 0 42px!important;
}
@media(max-width:1199px){
  .fcc-best-sellers-slider .fcc-best-card__body{
    grid-template-rows:20px 32px 14px 20px!important;
    row-gap:2px!important;
    flex-basis:92px!important;
    min-height:92px!important;
    height:92px!important;
    max-height:92px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__button{
    margin:5px 3px 8px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}
@media(max-width:767px){
  .fcc-best-sellers-slider .fcc-best-card__body{
    grid-template-rows:20px 32px 14px 20px!important;
    row-gap:2px!important;
    flex-basis:92px!important;
    min-height:92px!important;
    height:92px!important;
    max-height:92px!important;
  }
  .fcc-best-sellers-slider .fcc-best-card__button{
    margin:5px 3px 8px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}


/* FC Ecom Suite 6.0.219 — Best Sellers live meta + first-card border recovery.
   Scope is ONLY .fcc-best-sellers-slider. Review slider CSS/JS, native FluentCart
   Best Sellers, shop cards, product query, image resolver, and cart button height are untouched.

   Audit notes:
   - Descriptions now come from backend card-meta fields only. The CSS preserves a
     fixed two-line slot so stars remain aligned when live text wraps.
   - The first card could visually sit too tight against the scroll viewport, making
     the left card border feel hidden until the row was nudged. The track now gets a
     small 10px inset with matching scroll-padding so the first border is visible at
     rest without changing card width, shell width, title height, background, or rail. */
.fcc-best-sellers-slider .fcc-review-slider__track{
  padding-left:10px!important;
  padding-right:10px!important;
  margin-left:0!important;
  margin-right:0!important;
  scroll-padding-left:10px!important;
  scroll-padding-right:10px!important;
}
.fcc-best-sellers-slider .fcc-best-card__body{
  grid-template-rows:20px 32px 14px 20px!important;
  row-gap:2px!important;
}
.fcc-best-sellers-slider .fcc-best-card__meta{
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  line-height:16px!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
}
.fcc-best-sellers-slider .fcc-best-card__stars{
  min-height:14px!important;
  height:14px!important;
  max-height:14px!important;
  line-height:14px!important;
  margin:0!important;
}
.fcc-best-sellers-slider .fcc-best-card__variants{
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
}
.fcc-best-sellers-slider .fcc-best-card__button{
  margin-top:5px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
}
@media(max-width:767px){
  .fcc-best-sellers-slider .fcc-review-slider__track{
    padding-left:10px!important;
    padding-right:10px!important;
    margin-left:0!important;
    margin-right:0!important;
    scroll-padding-left:10px!important;
    scroll-padding-right:10px!important;
  }
}


/* FC Ecom Suite 6.0.220 — Best Sellers rail vertical recovery.
   Scope: FC Best Sellers Slider only. Customer Reviews, native FluentCart
   Best Sellers, product query, image resolver, card width, title height, section
   background, and cart button height are untouched.

   Audit notes:
   - The shared review-shell viewport is flex: 1 1 auto, which is correct for
     the original Review widget but wrong for this shorter 228px product card row.
   - With the 405px Best Sellers cards, the flexible viewport absorbed the empty
     section height and pushed the custom rail to the bottom of the white panel.
   - Locking only this widget's viewport to the real track height keeps the rail
     directly under the card row while preserving the existing rail, scrollbar
     colors, title position, shell width, and background. */
.fcc-best-sellers-slider .fcc-review-slider__viewport{
  flex:0 0 auto!important;
  height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
  min-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
  max-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
  overflow:hidden!important;
  position:relative!important;
}
.fcc-best-sellers-slider .fcc-review-slider__track{
  min-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
  height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
  max-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
}
@media(max-width:767px){
  .fcc-best-sellers-slider .fcc-review-slider__viewport,
  .fcc-best-sellers-slider .fcc-review-slider__track{
    height:calc(var(--fcc-rs-card-height,405px) + 28px)!important;
    min-height:calc(var(--fcc-rs-card-height,405px) + 28px)!important;
    max-height:calc(var(--fcc-rs-card-height,405px) + 28px)!important;
  }
}

/* FC Ecom Suite 6.0.236 — Best Sellers bottom-space parity with Customer Review.
   Scope: FC Best Sellers Slider only. Desktop/tablet viewports must use the same
   below-card spacing contract as the Customer Review slider:
   - card/cart bottom border to track/container bottom: 30px;
   - track/container bottom to outer white shell inner border: 56px;
   - total card/cart bottom to outer shell inner border: 86px.
   This does not change card width, product data, image logic, price logic,
   cart button height, Customer Review, Scent Profile, or native FluentCart Best Sellers. */
@media (min-width:768px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    padding-bottom:56px!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__viewport{
    flex:0 0 auto!important;
    height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    min-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    max-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    overflow:hidden!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__track,
  .fcc-best-sellers-slider [data-fcc-review-slider-track]{
    height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    min-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    max-height:calc(var(--fcc-rs-card-height,405px) + 32px)!important;
    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;
    box-sizing:border-box!important;
  }
}


/* FC Ecom Suite 6.0.237 — Best Sellers desktop/tablet bottom-space actual fix.
   Scope: FC Best Sellers Slider only.

   Audit reason:
   - 6.0.236 fixed the track padding math but left the white shell/root at the
     old fixed section height/min-height. That parent height kept roughly 80px of
     extra empty white space below the product cards on desktop/tablet.
   - The review spacing contract is controlled by natural content height:
       card/cart bottom -> track bottom = 30px
       track bottom -> white shell inner border = the shell bottom padding
     So the Best Sellers shell must not keep a fixed/min-height taller than its
     title + 437px viewport + padding.

   Verified arithmetic after this rule at >=768px:
   - Best Sellers card height = 405px.
   - Track/viewport height = 405px + 2px top + 30px bottom = 437px.
   - Card/cart bottom to track bottom = 30px.
   - Track bottom to white shell inner border = inherited review-shell bottom
     padding: 56px on desktop; clamp(34px,5vw,54px) on tablet.
   - No card, cart button, product, image, price, review, scent profile, or
     native FluentCart Best Sellers paths are touched. */
@media (min-width:768px){
  .fcc-best-sellers-slider-element,
  .fcc-best-sellers-slider{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}
@media (min-width:1200px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    padding-bottom:56px!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    padding-bottom:clamp(34px,5vw,54px)!important;
  }
}


/* FC Ecom Suite 6.0.251 — card hover shell-only fix for FC Best Sellers Slider.
   Audit outcome: v6.0.250 correctly added the card lift/shadow, but it also
   tinted the inner media pane on hover. That exposed grey bands inside transparent
   product images. The hover effect is now shell-only: card lifts, shadow/border
   changes, and the product image subtly scales, while the media pane remains
   white. Product query, image resolver, cart buttons, prices, variant pills, rail
   math, Review Slider, and Scent Profile logic are not touched. */
.fcc-best-sellers-slider .fcc-best-card.fcc-review-card{
  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-best-sellers-slider .fcc-best-card__image-wrap,
.fcc-best-sellers-slider .fcc-best-card__image{
  transition:transform 220ms ease,filter 220ms ease,background-color 160ms ease!important;
  transform-origin:center center!important;
}
@media (hover:hover) and (pointer:fine){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:hover,
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:focus-within{
    transform:translateY(-3px)!important;
    box-shadow:var(--fcc-bs-card-hover-shadow,0 12px 28px rgba(0,46,37,.14))!important;
    border-color:var(--fcc-bs-card-hover-border,#D6E8E5)!important;
    z-index:4!important;
  }
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:hover .fcc-best-card__image-wrap,
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:focus-within .fcc-best-card__image-wrap{
    background:#fff!important;
    background-color:#fff!important;
  }
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:hover .fcc-best-card__image,
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card:focus-within .fcc-best-card__image{
    transform:scale(var(--fcc-bs-card-hover-image-scale,1.025))!important;
    filter:brightness(var(--fcc-bs-card-hover-brightness,1.03))!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .fcc-best-sellers-slider .fcc-best-card.fcc-review-card,
  .fcc-best-sellers-slider .fcc-best-card__image-wrap,
  .fcc-best-sellers-slider .fcc-best-card__image{
    transition:none!important;
    transform:none!important;
  }
}

/* FC Ecom Suite 6.0.352 — Best Sellers visible-edge parity with Customer Reviews.
   MAINTENANCE DIRECTORY:
   - Horizontal shell/edge spacing: ecom/assets/fc-best-sellers-slider.css (this block).
   - Initial horizontal position guard: ecom/assets/fc-best-sellers-slider.js.
   - Do not change card width, product image sizing, query data, quick view, pricing,
     variation pills, Add To Bag, review slider, or the native FluentCart widget here.

   Root cause:
   - The Best Sellers track used only a 10px inline inset while the Customer Review
     widget keeps a much larger visual gutter inside the white shell.
   - On reload/history restore the browser could also retain a non-zero horizontal
     scroll position, making the first card look cut off at the left edge.

   Contract:
   - First and last Best Sellers cards must be fully visible at their respective ends.
   - Left and right whitespace must be equal and visually match the review widget.
   - The horizontal scrollbar/rail remains directly below the cards. */
.fcc-best-sellers-slider{
  --fcc-bs-edge-gutter:clamp(34px,4.2vw,56px);
}
.fcc-best-sellers-slider .fcc-review-slider__viewport{
  width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.fcc-best-sellers-slider .fcc-review-slider__track,
.fcc-best-sellers-slider [data-fcc-review-slider-track]{
  padding-left:var(--fcc-bs-edge-gutter)!important;
  padding-right:var(--fcc-bs-edge-gutter)!important;
  scroll-padding-left:var(--fcc-bs-edge-gutter)!important;
  scroll-padding-right:var(--fcc-bs-edge-gutter)!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:767px){
  .fcc-best-sellers-slider{
    --fcc-bs-edge-gutter:16px;
  }
}

/* FC Ecom Suite 6.0.353 — Best Sellers desktop viewport-gutter parity.
   MAINTENANCE DIRECTORY:
   - Visible left/right desktop spacing: this final override block.
   - Best Sellers markup: ecom/review-slider/class-fccs-best-sellers-slider-renderer.php.
   - Horizontal scroll initialization: ecom/assets/fc-best-sellers-slider.js.
   - Customer Review reference shell: ecom/assets/fluent-review-slider.css.

   Root cause:
   - 6.0.352 placed the gutter inside the scrolling track. Track padding changes the
     scrollable content, but it does not create a fixed visible inset around the
     viewport. As a result the first card could still touch/cross the white shell edge
     and the final card could sit against the opposite edge.

   Contract:
   - On desktop/tablet, the Best Sellers viewport itself owns the permanent equal
     left/right inset, matching the Customer Review card rail.
   - The track remains responsible only for card scrolling and a 2px safety inset.
   - Do not change card widths, card content, product images, query logic, Quick View,
     variations, pricing, Add To Bag, rail height, or Customer Review styles here. */
@media (min-width:768px){
  .fcc-best-sellers-slider{
    --fcc-bs-viewport-gutter:clamp(34px,4.2vw,56px);
  }
  .fcc-best-sellers-slider .fcc-review-slider__viewport,
  .fcc-best-sellers-slider [data-fcc-review-slider-viewport]{
    width:calc(100% - (2 * var(--fcc-bs-viewport-gutter)))!important;
    max-width:calc(100% - (2 * var(--fcc-bs-viewport-gutter)))!important;
    margin-left:var(--fcc-bs-viewport-gutter)!important;
    margin-right:var(--fcc-bs-viewport-gutter)!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__track,
  .fcc-best-sellers-slider [data-fcc-review-slider-track]{
    width:100%!important;
    min-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    scroll-padding-left:2px!important;
    scroll-padding-right:2px!important;
    box-sizing:border-box!important;
  }
}

/* FC Ecom Suite 6.0.354 — Best Sellers shell/viewport parity with Customer Reviews.
   MAINTENANCE DIRECTORY:
   - This final override owns only Best Sellers outer geometry on desktop/tablet.
   - Customer Review geometry reference: ecom/assets/fluent-review-slider.css
     (.fcc-review-slider__inner, .fcc-review-slider__viewport, .fcc-review-slider__track).
   - Best Sellers card width/height/content rules remain earlier in this file and MUST
     NOT be changed as part of shell parity work.

   Root cause:
   - 6.0.353 reduced the Best Sellers viewport with calc(100% - gutters), creating a
     narrower card rail than Customer Reviews. The shell already supplies the correct
     horizontal padding; the viewport must therefore fill that padded content box.

   Contract:
   - Best Sellers and Customer Reviews use the same desktop shell padding, viewport
     width, and track expansion/contraction behavior.
   - Card width, card height, image size, card gap, product data, Quick View, variants,
     pricing, Add To Bag, and Customer Review styles are untouched. */
@media (min-width:1200px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    width:100%!important;
    max-width:100%!important;
    padding-top:56px!important;
    padding-right:64px!important;
    padding-bottom:56px!important;
    padding-left:64px!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:768px) and (max-width:1199px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner{
    width:100%!important;
    max-width:100%!important;
    padding:clamp(34px,5vw,54px)!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:768px){
  .fcc-best-sellers-slider .fcc-review-slider__viewport,
  .fcc-best-sellers-slider [data-fcc-review-slider-viewport]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .fcc-best-sellers-slider .fcc-review-slider__track,
  .fcc-best-sellers-slider [data-fcc-review-slider-track]{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    margin-left:-2px!important;
    margin-right:-2px!important;
    padding-left:2px!important;
    padding-right:2px!important;
    scroll-padding-left:2px!important;
    scroll-padding-right:2px!important;
    box-sizing:border-box!important;
  }
}


/* FC Ecom Suite 6.0.355 — Best Sellers continuous viewport-resize geometry.
   MAINTENANCE DIRECTORY:
   - Source of truth for Best Sellers responsive shell geometry: this final block.
   - Customer Review reference geometry: ecom/assets/fluent-review-slider.css.
   - Best Sellers markup: ecom/review-slider/class-fccs-best-sellers-slider-renderer.php.
   - Card dimensions/content are intentionally owned by earlier card rules and MUST
     NOT be changed in this block.

   Audit finding (2026-08-04):
   - At 1200px the prior CSS switched abruptly from fixed 64px desktop padding to a
     separate tablet clamp. The track also retained legacy negative margins and a
     separate mobile inline-padding system. During live resize these competing rules
     changed the content boundary and could visually crop the first card.
   - The Best Sellers shell and viewport themselves remained width-safe. The repair is
     therefore geometry-only: one continuous padding formula, zero negative track
     margins, and explicit min-width:0 containment on every carousel layer.

   Contract:
   - Shell expands/contracts continuously with no desktop/tablet jump.
   - Viewport and track stay inside the shell content box.
   - First card begins at the viewport edge; horizontal spacing is owned by the shell.
   - Card width, card height, card gap, images, product query, Quick View, variants,
     price, Add To Bag, and Customer Reviews are not modified. */
.fcc-best-sellers-slider-element,
.brxe-fcc-best-sellers-slider,
.fcc-best-sellers-slider{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (min-width:768px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner,
  .fcc-best-sellers-slider > .fcc-best-sellers-slider__inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-top:clamp(34px,3.7vw,56px)!important;
    padding-right:clamp(20px,4vw,64px)!important;
    padding-bottom:clamp(34px,3.7vw,56px)!important;
    padding-left:clamp(20px,4vw,64px)!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .fcc-best-sellers-slider .fcc-review-slider__viewport,
  .fcc-best-sellers-slider .fcc-best-sellers-slider__viewport,
  .fcc-best-sellers-slider [data-fcc-review-slider-viewport]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .fcc-best-sellers-slider .fcc-review-slider__track,
  .fcc-best-sellers-slider .fcc-best-sellers-slider__track,
  .fcc-best-sellers-slider [data-fcc-review-slider-track]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    scroll-padding-left:2px!important;
    scroll-padding-right:2px!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:767px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner,
  .fcc-best-sellers-slider > .fcc-best-sellers-slider__inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .fcc-best-sellers-slider .fcc-review-slider__viewport,
  .fcc-best-sellers-slider .fcc-best-sellers-slider__viewport,
  .fcc-best-sellers-slider [data-fcc-review-slider-viewport]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
}

/* FC Ecom Suite 6.0.358 — Best Sellers mobile track edge parity.
   Scope: Best Sellers track horizontal edge inset only at <=767px.

   Live FC Container Comparison audit at a 735px viewport proved both widgets
   had identical outer, inner, and viewport widths (721px shell / 679px track),
   but the Best Sellers track retained 16px left/right padding while Customer
   Reviews used 2px. This pushed the first Best Sellers card 14px farther inward
   on each side even though the containers were otherwise aligned.

   Repair contract:
   - Match the Customer Reviews 2px track edge inset on mobile.
   - Keep card width, card height, 14px gap, shell padding, viewport width,
     product content, Quick View, variations, price, and Add To Bag untouched.
   - Use the FC Container Comparison DevTools parent-chain audit before changing
     any other carousel geometry.

   Maintenance directory:
   - Best Sellers track geometry: ecom/assets/fc-best-sellers-slider.css
   - Customer Reviews reference: ecom/assets/fluent-review-slider.css
   - Widget renderer: ecom/review-slider/class-fccs-best-sellers-slider-renderer.php */
@media (max-width:767px){
  .fcc-best-sellers-slider .fcc-review-slider__track,
  .fcc-best-sellers-slider .fcc-best-sellers-slider__track,
  .fcc-best-sellers-slider [data-fcc-review-slider-track]{
    padding-left:2px!important;
    padding-right:2px!important;
    scroll-padding-left:2px!important;
    scroll-padding-right:2px!important;
  }
}


/* FC Ecom Suite 6.0.359 — Best Sellers small-mobile inner-shell parity.
   FC Container Comparison audit at 363px showed both widget roots were 349px wide,
   but Customer Reviews used 16px inner padding while Best Sellers used 20px.
   That narrowed Best Sellers by 8px and moved the viewport 4px inward on each side.

   Scope: <=767px Best Sellers inner horizontal padding only.
   Protected: card dimensions, 14px card gap, track 2px inset, viewport behavior,
   product content, Quick View, variation pills, pricing, and Add To Bag.

   Maintenance directory:
   - Best Sellers responsive shell: ecom/assets/fc-best-sellers-slider.css
   - Customer Reviews reference: ecom/assets/fluent-review-slider.css
   - Renderer: ecom/review-slider/class-fccs-best-sellers-slider-renderer.php
   - Audit workflow: FC Container Comparison click-to-compare parent-chain tool. */
@media (max-width:767px){
  .fcc-best-sellers-slider > .fcc-review-slider__inner,
  .fcc-best-sellers-slider > .fcc-best-sellers-slider__inner{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* 6.0.914 — Best Sellers Quick View icon controls.
   The round eye button now uses Bricks controls for icon source, colours,
   size, radius, and position. Scope is only FC Best Sellers Slider cards. */

/* 6.0.914 — Best Sellers quick-view size matched to FC Shop Grid.
   Audited FC Shop Grid reference: .fcepb-grid-qv-eye = 38px circle,
   20px icon, top-left 3px, classic white circle + soft shadow. */
.fcc-best-sellers-slider .fcc-best-card__quickview{
  max-width:var(--fcc-bs-qv-size,38px)!important;
  max-height:var(--fcc-bs-qv-size,38px)!important;
  padding:0!important;
  margin:0!important;
  opacity:.96!important;
  box-sizing:border-box!important;
  transform:translateY(0) translateZ(0)!important;
  transition:transform 140ms ease,opacity 140ms ease,box-shadow 140ms ease!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview:hover,
.fcc-best-sellers-slider .fcc-best-card__quickview:focus-visible{
  opacity:1!important;
  transform:translateY(-1px) translateZ(0)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  outline:none!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview-icon,
.fcc-best-sellers-slider .fcc-best-card__quickview-icon svg,
.fcc-best-sellers-slider .fcc-best-card__quickview-icon img,
.fcc-best-sellers-slider .fcc-best-card__quickview-icon i{
  min-width:var(--fcc-bs-qv-icon-size,20px)!important;
  min-height:var(--fcc-bs-qv-icon-size,20px)!important;
  font-size:var(--fcc-bs-qv-icon-size,20px)!important;
  line-height:var(--fcc-bs-qv-icon-size,20px)!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* 6.0.914 — Authoritative FC Shop Grid Quick View parity for Best Sellers.
   Audited source of truth: FC Shop Grid .fcepb-grid-qv-eye.
   Circle: 38px. Inner icon: 20px. Position: top-left 3px. */
.fcc-best-sellers-slider .fcc-best-card__quickview{
  position:absolute!important;
  top:var(--fcc-bs-qv-top,3px)!important;
  left:var(--fcc-bs-qv-left,3px)!important;
  right:var(--fcc-bs-qv-right,auto)!important;
  bottom:auto!important;
  z-index:20!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--fcc-bs-qv-size,38px)!important;
  height:var(--fcc-bs-qv-size,38px)!important;
  min-width:var(--fcc-bs-qv-size,38px)!important;
  min-height:var(--fcc-bs-qv-size,38px)!important;
  max-width:var(--fcc-bs-qv-size,38px)!important;
  max-height:var(--fcc-bs-qv-size,38px)!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--fcc-bs-qv-border,rgba(0,0,0,.14))!important;
  border-radius:var(--fcc-bs-qv-radius,999px)!important;
  background:var(--fcc-bs-qv-bg,rgba(255,255,255,.94))!important;
  color:var(--fcc-bs-qv-color,#223326)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  cursor:pointer!important;
  line-height:1!important;
  opacity:.96!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  transform:translateY(0) translateZ(0)!important;
  transition:transform 140ms ease,opacity 140ms ease,box-shadow 140ms ease!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview:hover,
.fcc-best-sellers-slider .fcc-best-card__quickview:focus-visible{
  opacity:1!important;
  transform:translateY(-1px) translateZ(0)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  outline:none!important;
  background:var(--fcc-bs-qv-hover-bg,var(--fcc-bs-qv-bg,rgba(255,255,255,.94)))!important;
  color:var(--fcc-bs-qv-hover-color,var(--fcc-bs-qv-color,#223326))!important;
  border-color:var(--fcc-bs-qv-hover-border,var(--fcc-bs-qv-border,rgba(0,0,0,.14)))!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview svg,
.fcc-best-sellers-slider .fcc-best-card__quickview img,
.fcc-best-sellers-slider .fcc-best-card__quickview .fcc-best-card__quickview-icon,
.fcc-best-sellers-slider .fcc-best-card__quickview .fcc-best-card__quickview-icon svg,
.fcc-best-sellers-slider .fcc-best-card__quickview .fcc-best-card__quickview-icon img,
.fcc-best-sellers-slider .fcc-best-card__quickview .fcc-best-card__quickview-icon i{
  display:inline-flex!important;
  width:var(--fcc-bs-qv-icon-size,20px)!important;
  height:var(--fcc-bs-qv-icon-size,20px)!important;
  min-width:var(--fcc-bs-qv-icon-size,20px)!important;
  min-height:var(--fcc-bs-qv-icon-size,20px)!important;
  max-width:var(--fcc-bs-qv-icon-size,20px)!important;
  max-height:var(--fcc-bs-qv-icon-size,20px)!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  fill:currentColor!important;
  line-height:var(--fcc-bs-qv-icon-size,20px)!important;
  font-size:var(--fcc-bs-qv-icon-size,20px)!important;
  align-items:center!important;
  justify-content:center!important;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
.fcc-best-sellers-slider .fcc-best-card__quickview img,
.fcc-best-sellers-slider .fcc-best-card__quickview .fcc-best-card__quickview-icon--image{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}


/* 6.0.927 — Best Sellers typography controls.
   These final variable-backed rules let Bricks/WordPress font controls override
   the older hard-coded Helvetica locks without changing card geometry. */
.fcc-best-sellers-slider .fcc-review-slider__heading,
.fcc-best-sellers-slider .fcc-best-sellers-slider__heading{
  font-family:var(--fcc-bs-heading-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-heading-font-size,40px)!important;
  font-weight:var(--fcc-bs-heading-font-weight,700)!important;
  line-height:var(--fcc-bs-heading-line-height,1.1)!important;
  letter-spacing:var(--fcc-bs-heading-letter-spacing,0px)!important;
}
.fcc-best-sellers-slider .fcc-best-card__title,
.fcc-best-sellers-slider .fcc-best-card__title a{
  font-family:var(--fcc-bs-title-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-title-font-size,17px)!important;
  font-weight:var(--fcc-bs-title-font-weight,700)!important;
  line-height:var(--fcc-bs-title-line-height,20px)!important;
  letter-spacing:var(--fcc-bs-title-letter-spacing,-.01em)!important;
}
.fcc-best-sellers-slider .fcc-best-card__meta{
  font-family:var(--fcc-bs-desc-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-desc-font-size,13.5px)!important;
  font-weight:var(--fcc-bs-desc-font-weight,500)!important;
  line-height:var(--fcc-bs-desc-line-height,16px)!important;
  letter-spacing:var(--fcc-bs-desc-letter-spacing,0px)!important;
}
.fcc-best-sellers-slider .fcc-best-card__badge{
  font-family:var(--fcc-bs-badge-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-badge-font-size,12px)!important;
  font-weight:var(--fcc-bs-badge-font-weight,500)!important;
  line-height:var(--fcc-bs-badge-line-height,1)!important;
  letter-spacing:var(--fcc-bs-badge-letter-spacing,0px)!important;
  text-transform:var(--fcc-bs-badge-text-transform,none)!important;
}
.fcc-best-sellers-slider .fcc-best-card__stars{
  font-family:var(--fcc-bs-stars-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-stars-font-size,14px)!important;
  font-weight:var(--fcc-bs-stars-font-weight,700)!important;
  line-height:var(--fcc-bs-stars-line-height,14px)!important;
  letter-spacing:var(--fcc-bs-stars-letter-spacing,.08em)!important;
}
.fcc-best-sellers-slider .fcc-best-card__variant,
.fcc-best-sellers-slider .fcc-best-card__variant span{
  font-family:var(--fcc-bs-pill-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-pill-font-size,12px)!important;
  font-weight:var(--fcc-bs-pill-font-weight,700)!important;
  line-height:var(--fcc-bs-pill-line-height,1)!important;
  letter-spacing:var(--fcc-bs-pill-letter-spacing,0px)!important;
  text-transform:var(--fcc-bs-pill-text-transform,uppercase)!important;
}
.fcc-best-sellers-slider .fcc-best-card__button,
.fcc-best-sellers-slider .fcc-best-card__button-label,
.fcc-best-sellers-slider .fcc-best-card__button-price{
  font-family:var(--fcc-bs-button-font-family,Helvetica,Arial,sans-serif)!important;
  font-size:var(--fcc-bs-button-font-size,14px)!important;
  font-weight:var(--fcc-bs-button-font-weight,800)!important;
  line-height:var(--fcc-bs-button-line-height,1)!important;
  letter-spacing:var(--fcc-bs-button-letter-spacing,0px)!important;
  text-transform:var(--fcc-bs-button-text-transform,uppercase)!important;
}