/* Header for the featured products shop block */
.block-featured-products .js-featured-products-carousel.slick-initialized {
  /* Slick owns the layout now: drop the Bootstrap row flexbox, which
     otherwise stops the slick-list's negative margins widening it,
     and replace the row/col gutters with a 20px gap between cards */
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}
.block-featured-products .js-featured-products-carousel.slick-initialized .slick-list {
  /* Bootstrap's `.row > *` gutter rule pads direct children of the row;
     slick measures the list's content width, so the padding skews it */
  margin: 0;
  padding: 0;
}
.block-featured-products .js-featured-products-carousel.slick-initialized {
  /* Equal-height slides: flex the track and stretch each card to fill */
}
.block-featured-products .js-featured-products-carousel.slick-initialized .slick-track {
  display: flex;
}
.block-featured-products .js-featured-products-carousel.slick-initialized .slick-slide {
  height: auto;
  display: flex;
  float: none;
  padding: 0 10px;
  /* Logged-in rendering wraps each row in an extra unclassed div */
}
.block-featured-products .js-featured-products-carousel.slick-initialized .slick-slide > div {
  display: flex;
  width: 100%;
}
.block-featured-products .js-featured-products-carousel.slick-initialized .slick-slide [class*=col-] {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.block-featured-products .block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.block-featured-products .block-header .eyebrow-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--brand-contrast);
  margin-bottom: 6px;
  text-decoration: none;
}
.block-featured-products .block-header .eyebrow-link .fa-arrow-right {
  font-size: 14px;
}
.block-featured-products .block-header .eyebrow-link:hover, .block-featured-products .block-header .eyebrow-link:focus {
  text-decoration: none;
}
.block-featured-products .block-header .eyebrow-link:hover span, .block-featured-products .block-header .eyebrow-link:focus span {
  text-decoration: underline;
}
.block-featured-products {
  /* Slick prev/next arrows are appended here from featured-products-carousel.js */
}
.block-featured-products .block-header__nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.block-featured-products .block-header__nav .carousel-arrow {
  /* Reset the absolute positioning, dark background and font arrows
     forced (with !important) on slick arrows by slick-theme.scss */
  position: static;
  transform: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--grey);
  background: var(--white) !important;
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-featured-products .block-header__nav .carousel-arrow:before {
  content: none;
}
.block-featured-products .block-header__nav .carousel-arrow svg {
  position: static;
  transform: none;
}
.block-featured-products .block-header__nav .carousel-arrow.slick-prev svg {
  /* slick-theme rotates the prev svg; ours already points left */
  transform: none;
}
.block-featured-products .block-header__nav .carousel-arrow:hover, .block-featured-products .block-header__nav .carousel-arrow:focus {
  background: var(--white) !important;
  color: var(--brand);
}
.block-featured-products .block-header__nav .carousel-arrow.slick-next, .block-featured-products .block-header__nav .carousel-arrow.slick-next:hover, .block-featured-products .block-header__nav .carousel-arrow.slick-next:focus {
  background: var(--brand) !important;
  border-color: var(--brand);
  color: var(--white);
}
.block-featured-products .block-header__nav .carousel-arrow.slick-disabled {
  opacity: 0.4;
  cursor: default;
}

/*# sourceMappingURL=block-featured-products.css.map */