challenge-vtex-io-Filipe-Quintanilha/styles/sass/pages/product/vtex.flex-layout.scss

.flexRowContent {
  position: relative;
  padding: 0;
  margin: 0;
  gap: 32px;
}

.flexRowContent--container-compra {
  margin: 0;

  .stretchChildrenWidth {
    height: 49px;

    :global(.vtex-button) {
      height: 49px;
    }
  }
}
.flexRowContent--preco {
  margin: 0;
}

.stretchChildrenWidth {
  padding: 0;
}

.flexColChild--productRating {
  display: none;
}

.flexRowContent--shelf-product-row {
  padding-bottom: 70px;
}
// .flexCol--conteudo-imagens {
//   width: 98.35% !important;
// }

@media screen and (max-width: 768px) {
  .stretchChildrenWidth {
    flex-direction: column;
    align-items: flex-start;
  }

  .flexRowContent--container-compra {
    .stretchChildrenWidth {
      height: 74px;

      :global(.vtex-button) {
        height: 74px;
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  .flexRowContent--conteudo-principal {
    flex-direction: column;

    .stretchChildrenWidth {
      width: 100% !important;
      padding: 0;
    }
  }

  .flexCol {
    position: relative;
  }
}