/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./dependencies/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./dependencies/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./dependencies/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_orchardbrands/cartridge/client/default/scss/experience/components/customAssets/orchardCarousel.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel-container {
  margin-left: 0rem;
  margin-right: 0rem; }
  @media (min-width: 992px) {
    .carousel-container {
      max-width: 61.9375rem; } }
  @media (min-width: 1200px) {
    .carousel-container {
      max-width: 80rem; } }
  .carousel-container .category-tile-container {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding-bottom: 2.3125rem; }

.carousel-custom {
  width: 100%;
  margin: 0 10px;
  background-color: var(--carousel-background-color); }

.slick-arrow-next {
  margin-right: 0.625rem; }
  .slick-arrow-next #arrow-prev {
    max-width: 50px; }

.slick-arrow-prev {
  margin-left: 0.625rem; }
  .slick-arrow-prev #arrow-prev {
    max-width: 50px; }

@media (max-width: 544px) {
  .slick-arrow-next,
  .slick-arrow-prev {
    display: none !important;
    /* Hide the arrow on small screens */ } }

.slick-arrow-next,
.slick-arrow-prev {
  margin-bottom: 4.375rem; }

.mobile-slider {
  width: 100%;
  margin: 0;
  overflow-x: scroll; }
  @media (max-width: 991.98px) {
    .mobile-slider .category-tile-container:first-of-type {
      margin-left: 0.625rem; } }
  .mobile-slider .category-tile-image-mobile {
    width: 8.75rem;
    max-width: 8.75rem;
    margin-right: 0.625rem; }
  @media (max-width: 991.98px) {
    .mobile-slider .category-tile-container {
      padding-bottom: 3.34375rem; } }

.non-slick {
  margin-bottom: 1.78125rem;
  gap: 0.9375rem; }
  .non-slick .product-tile-component-figure.product_centered-text.product-tile-figure {
    width: 21.875rem; }


/*# sourceMappingURL=default\css\experience\components\customAssets\orchardCarousel.css.map*/