/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./cartridges/app_isoladeitesori/cartridge/client/default/scss/homePage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/comment-no-loud */
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-disable scss/comment-no-loud */
/* stylelint-disable selector-max-compound-selectors */
/* stylelint-disable scss/selector-nest-combinators */
/* stylelint-disable scss/selector-no-redundant-nesting-selector */
#component-service .slider .splide__arrow, #component-brand .slider .splide__arrow, #component-fidelity .slider .splide__arrow, #component-promo .slider .splide__arrow {
  transition: opacity 0.3s ease;
}
#component-service .slider .splide__arrow[disabled], #component-brand .slider .splide__arrow[disabled], #component-fidelity .slider .splide__arrow[disabled], #component-promo .slider .splide__arrow[disabled] {
  opacity: 0;
  cursor: default;
}
#component-brand, #component-promo {
  overflow: hidden;
}
#component-promo {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  #component-promo, #component-product {
    padding-bottom: 15px;
  }
}
@media (max-width: 991.98px) {
  #component-offert {
    padding-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  #component-offert > .container {
    padding-right: 0;
  }
}
#component-brand {
  margin-bottom: 30px;
}
@media (max-width: 991.98px) {
  #component-brand > .container {
    padding-right: 0;
  }
}
#component-service, #component-fidelity {
  margin-bottom: 0;
}
#component-service .slider .splide__arrow, #component-fidelity .slider .splide__arrow {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: 2px solid #356d39;
  border-radius: 50%;
}
#component-service .slider .splide__arrow--next, #component-fidelity .slider .splide__arrow--next {
  right: -12px;
}
#component-service .slider .splide__arrow--prev, #component-fidelity .slider .splide__arrow--prev {
  left: -12px;
}

.carousel-md-visibility .text {
  font-size: 13px;
  text-align: center;
  line-height: 1.25;
}

@media (min-width: 992px) {
  .mobile-1r-1c1c .experience-commerce_assets-simpleTextWithButton {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mobile-1r-1c1c .experience-commerce_assets-simpleTextWithButton > .block {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mobile-1r-1c1c .experience-commerce_assets-simpleTextWithButton .button {
    margin-top: auto;
    padding-bottom: 20px;
  }
}

#homepage #hero #hero-track {
  height: 249px;
}
@media (min-width: 992px) {
  #homepage #hero #hero-track {
    height: 369px;
  }
}
#homepage #hero #hero-track #hero-list {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide > div {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide > div div:not(.content),
#homepage #hero #hero-track .splide__slide > div a.link-photo-tile {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide figure {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide figure picture {
  height: inherit;
}
#homepage #hero #hero-track .splide__slide figure picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#homepage #hero .splide__arrow--next {
  transform: translateY(calc(-50% - 30px));
}
#homepage #hero .splide__arrow--prev {
  transform: translateY(calc(-50% - 30px)) rotate(180deg);
}

.mobile-1r-4c {
  margin-top: 20px;
}

.inline-icon-with-text .cta {
  font-weight: bold;
  color: inherit;
}
.inline-icon-with-text .text {
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .inline-icon-with-text .text {
    font-size: 12px;
  }
}

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