challenge-vtex-io-andrea-matsunaga/styles/sass/pages/product/vtex.store-components.scss

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");

.container {
  margin: 0;
  padding: 0;
}

/* ----- PRODUCT-MAIN ----- */
.productImagesGallerySlide {
  width: 100% !important;
  margin: 0;

  .productImageTag {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
  }
}

.carouselGaleryThumbs {
  margin-top: 16px;
  display: block;

  .productImagesThumb {
    width: 90px !important; // 13.5543% !important (em  1440px);
    height: 100% !important;
    margin-right: 16px;
    margin-bottom: 0;

    &:last-child {
      margin-right: 0;
    }

    .figure {
      width: 100%;
      height: 100%;

      .thumbImg {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 8px;
        object-fit: cover;
      }
    }

    &.productImagesThumbActive {
      .carouselThumbBorder {
        border-radius: 8px;
        background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.33),
          rgba(0, 0, 0, 0.33)
        );
      }
    }
  }
}

/* ----- RIGHT-COL ----- */
.productBrand--quickview {
  // font-family: "Open Sans";
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  color: #575757;
}

.imageElement--pix-logo {
  width: 66px;
  height: 24px ;
  padding-bottom: 5px;
}