challenge-vtex-io-gabriel-ferraz/styles/sass/pages/product/vtex.slider-layout.scss

.sliderLayoutContainer {
  padding: 0 40px 32px;
  margin-bottom: 32px;

  .sliderLeftArrow {
    left: 36px;
    margin: 0;
    padding: 0;
  }

  .sliderRightArrow {
    right: 36px;
    margin: 0;
    padding: 0;
  }

  .sliderTrackContainer {
    margin: 0 auto;
    width: 94%;

    .sliderTrack {
      gap: 16px;

      .slide {
        .slideChildrenContainer {
          :global(.vtex-product-summary-2-x-container) {
            margin: 0;

            :global(.vtex-product-summary-2-x-element) {
              padding: 0;
              :global(.vtex-product-summary-2-x-imageContainer) {
                display: flex;

                :global(.vtex-store-components-3-x-discountContainer) {
                  :global(.vtex-store-components-3-x-discountInsideContainer) {
                    display: none;
                  }
                  :global(.vtex-product-summary-2-x-imageContainer) {
                    :global(.vtex-product-summary-2-x-imageNormal) {
                      width: 100%;
                      height: 100%;
                    }
                  }
                }
              }
              :global(.vtex-product-summary-2-x-nameContainer) {
                display: flex;
                padding: 0;
                justify-content: center;

                :global(.vtex-product-summary-2-x-productBrand) {
                  display: flex;
                  max-width: 282.4px;
                  height: 50px;
                  align-items: center;

                  font-family: 'Open Sans', sans-serif;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 18px;
                  line-height: 25px;
                  text-align: center;
                  color: #000;
                }
              }
              :global(.vtex-product-price-1-x-listPrice) {
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0;

                :global(.vtex-product-price-1-x-listPriceValue) {
                  font-family: 'Open Sans', sans-serif;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 19px;
                  text-align: center;
                  color: #bababa;
                  padding: 0;
                }
                :global(.vtex-product-price-1-x-currencyContainer) {
                  font-family: 'Open Sans', sans-serif;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 19px;
                  text-align: center;
                  color: #bababa;
                  padding: 0;
                }
              }
              // :global(.vtex-product-price-1-x-listPriceValue)::after {
              //   content: 'por';
              //   font-family: 'Open Sans', sans-serif;
              //   font-style: normal;
              //   font-weight: 400;
              //   font-size: 14px;
              //   line-height: 19px;
              //   text-align: center;
              //   color: #bababa;
              // }

              :global(.vtex-product-price-1-x-sellingPrice) {
                display: flex;
                padding: 0;
                justify-content: center;
                :global(.vtex-product-price-1-x-sellingPriceValue) {
                  font-family: 'Open Sans', sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  font-size: 24px;
                  line-height: 33px;
                  text-align: center;
                  color: #000;
                }
              }
            }
          }
        }
      }
    }
  }
  .paginationDotsContainer {
    align-items: center;

    .paginationDot {
      width: 10px;
      height: 10px;
      background-color: #000;
    }

    .paginationDot--isActive {
      background-color: #fff;
      width: 17px !important;
      height: 17px !important;
      border: 0.5px solid #000;
    }
  }
}