/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.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]!./cartridges/app_custom_bbw/cartridge/client/default/scss/experience/components/bbw_components/topOffersGrid.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.top-offers-grid-item {
  border-color: #D5D5D5;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  gap: 1rem;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .top-offers-grid-item {
    width: 100%;
  }
}
.top-offers-grid-item .top-offers-carousel-item {
  margin-right: 0 !important;
}

.top-offers-grid-header {
  padding: 0.8125rem 0.875rem 0.5rem;
}

.top-offers-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
  place-items: center;
}
@media screen and (min-width: 600px) {
  .top-offers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 900px) {
  .top-offers-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1300px) {
  .top-offers-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

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