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

:global(.vtex-store-components-3-x-container) {
  padding: 0 40px;

  :global(.vtex-flex-layout-0-x-flexRowContent) {
    @media (max-width: 1024px) {
      display: flex;
      flex-direction: column;
    }
  }

  :global(.vtex-store-components-3-x-carouselContainer) {
    margin-bottom: 32px;
  }

  :global(.vtex-store-components-3-x-productImageTag) {
    max-height: none;
  }
}

.flexColChild {
  :global(.vtex-store-components-3-x-productDescriptionTitle) {
    margin-left: 32px;
  }

  :global(.vtex-store-components-3-x-container) {
    padding: 0 32px;
  }

  .agenciamagma-store-theme-5-x-html--Quantity-Button {
    display: flex;
  }
}

.flexColChild--image-description {
  :global(.vtex-store-components-3-x-imageElement) {
    @media (max-width: 1024px) {
      width: 100%;
    }
  }
}

.flexRowContent {
  margin-bottom: 0;
  padding-bottom: 0;
}

.stretchChildrenWidth {
  @media (max-width: 1024px) {
    width: 100% !important;
    padding: 0;
  }
}