/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./app_storefront_elezaby/cartridge/client/default/scss/experience/components/elezabyLayouts/promotionalCarousel.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ez-promo-carousel.carousel .carousel-control-prev,
.ez-promo-carousel.carousel .carousel-control-next {
  display: none !important;
}

.ez-promo-carousel {
  --ez-promo-tile-width: 280px; /* keep in sync: .ez-promo-content-tile */
}
.ez-promo-carousel .carousel-item {
  max-width: var(--ez-promo-tile-width);
  padding-inline-end: 0;
}

@media (max-width: 1023.98px) {
  .ez-promo-carousel.carousel .ez-promo-content-tile {
    --ez-promo-tile-radius: 16px;
  }
  .ez-promo-carousel.carousel .carousel-inner.row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    gap: 12px;
    padding-block: 0 12px;
    padding-inline: 0 12px;
    margin-inline: 0;
    width: 100%;
    max-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .ez-promo-carousel.carousel .carousel-inner.row::-webkit-scrollbar {
    display: none;
  }
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item {
    display: block;
    flex: 0 0 var(--ez-promo-tile-width);
    width: var(--ez-promo-tile-width);
    max-width: var(--ez-promo-tile-width);
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    position: relative;
    float: none;
    transform: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    padding-inline: 0;
    padding-bottom: 0;
    margin-inline-end: 0;
  }
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item:not(.active) {
    display: block;
  }
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item.active,
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item.carousel-item-next,
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item.carousel-item-prev,
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item.carousel-item-left,
  .ez-promo-carousel.carousel .carousel-inner.row > .carousel-item.carousel-item-right {
    display: block;
    opacity: 1;
    transform: none;
    visibility: visible;
  }
  .ez-promo-carousel.carousel .pd-carousel-indicators {
    position: relative;
    bottom: auto;
    inset-inline: auto;
    margin: 8px 0 0;
    margin-inline: 0;
    padding-inline-start: 0;
  }
}
@media (min-width: 1024px) {
  .ez-promo-carousel .carousel-inner.row {
    gap: 12px;
  }
}
.ez-promo-carousel__header-row {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .ez-promo-carousel__header-row {
    margin-bottom: 1.25rem;
  }
}

.ez-promo-carousel__header {
  text-align: start;
}

.ez-promo-carousel__title {
  margin: 0;
  color: #22272e;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.ez-promo-carousel__description {
  color: #7B8189;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}

/*# sourceMappingURL=promotionalCarousel.css.map*/