.mat-collectionCarousel {
  & .collection {
    & .collection__title.title-wrapper {
      padding: 0;
      margin-bottom: 30px;

      & h2.title {
        line-height: 40px;
        font-size: 36px;
        font-weight: 400;
        font-family: "Prata", serif;
        margin-bottom: 20px;
      }
      & .collection__description > p {
        line-height: 27px;
        font-size: 17px;
      }
    }
    & slider-component {
      & .slider {
        & .slider__slide.grid__item {
          &:first-of-type {
            margin-left: 0;
          }
          & .card-wrapper.product-card-wrapper {
            background-color: transparent;

            & .card {
              /* thumbnail */
              & .card__inner {
                & .card__media {
                  padding-bottom: 80%;

                  & .media {
                  }
                }
              }
              /* product info */
              & .card__content {
                padding: 10px 0 0;

                & .card__heading {
                  margin-top: 32px;

                  & > a {
                    line-height: 26px;
                    font-size: 20px;
                  }
                }
                & .card__information {
                  position: relative;

                  & .card-information {
                    margin-bottom: 0;

                    & .price {
                      margin-top: 10px;

                      & .price__container {
                        & .price__sale {
                          & .price-item.price-item--sale {
                            line-height: 26px;
                            font-size: 20px;

                            & span {
                              line-height: 16px;
                              font-size: 13px;
                            }
                          }
                          & span:not([class]) {
                            & .price-item--regular {
                              line-height: 16px;
                              font-size: 13px;
                            }
                          }
                        }
                        & .mat-productCard__discountPercentage {
                          margin: 0;
                          position: absolute;
                          top: 0;
                          left: 0;
                          font-size: 15px;
                          font-weight: 500;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
      /* navigation */
      .slider-buttons {
        justify-content: space-between;
        width: calc(100% + 64px);
        position: absolute;
        top: calc(50% - 30px);
        left: -32px;
        pointer-events: none;
        z-index: 100;
      }
      .slider-buttons .slider-button {
        width: 64px;
        height: 64px;
        background-color: #d5caa5;
        pointer-events: all;
        transition: opacity 0.12s linear;
        opacity: 1;

        & [class*="dor-icon"] {
          display: inline-block;
          width: 20px;
          height: 20px;
          font-size: 20px;
          line-height: 20px;
        }
      }
      .slider-buttons .slider-button[disabled] {
        opacity: 0;
        pointer-events: none;
      }
      .slider-buttons .slider-button.slider-button--prev {
        border-radius: 60px 90px 100px 80px;
      }
      .slider-buttons .slider-button.slider-button--next {
        border-radius: 80px 100px 60px 90px;
      }
      .slider-buttons .slider-counter.caption {
        display: none;
      }
    }
  }
}

@media screen and (max-width: 1100px) {
  .mat-collectionCarousel .collection {
    padding-right: 0;
    padding-left: 0;
  }
  .mat-collectionCarousel .collection .title,
  .mat-collectionCarousel .collection slider-component ul.grid {
    padding-left: 15px;
  }
  .mat-collectionCarousel .collection slider-component ul.product-grid.slider {
    gap: 15px;
  }
  .mat-collectionCarousel
    .collection
    slider-component
    .slider
    .grid__item.slider__slide {
    width: calc(45% - ((20px * 2) / 3)) !important;
  }
  .mat-collectionCarousel
    .collection
    slider-component
    .slider
    .grid__item.slider__slide
    .card-wrapper.product-card-wrapper
    .card__content
    .card__badge {
    display: none;
  }
  .mat-collectionCarousel
    .collection
    slider-component
    .slider
    .grid__item.slider__slide
    .card-wrapper.product-card-wrapper
    .card__content
    .card__information
    .card__heading
    a {
    font-size: 18px;
  }
  .mat-collectionCarousel
    .collection
    slider-component
    .slider
    .grid__item.slider__slide
    .card-wrapper.product-card-wrapper
    .card__content
    .card__information
    .price__container
    #discountSave {
    font-size: 12px;
  }
  .mat-collectionCarousel
    .card-wrapper.product-card-wrapper
    .card__content
    .card__information
    .card-information
    .price.price--on-sale
    .price__container
    .price__sale {
    gap: 3px;
  }
  .mat-collectionCarousel slider-component .slider-buttons {
    display: none;
  }
}