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

// INICIO PRODUCT
.flexRowContent--product-main {
  padding: 0 40px;
  margin: 0;
  column-gap: 32px;

  @media (max-width:1024px) {
    flex-direction: column;
  }

  :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
    min-width: 296px;
    max-width: 664px;
    padding: 0;
    border-radius: 0;

    @media (max-width:1024px) {
      width: 100% !important;
      max-width: 944px;
    }
  }
}

// FIM PRODUCT

// INICIO INDISPONIVEL
.flexRow--indisponivel {
  :global(.vtex-store-components-3-x-productImagesGallerySlide) {
    width: 100%;
  }

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

    .flexRowContent--indisponivel {
      padding: 0 40px;
      margin: 0;
      gap: 32px;

      @media (max-width:1024px) {
        // padding: 0 40px;
        flex-direction: column;
      }

      // padding: 0 40px;
      :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
        min-width: 296px;
        max-width: 664px;
        padding: 0;
        border-radius: 0;

        @media (max-width:1024px) {
          width: 100% !important;
          max-width: 944px;
        }

        :global(.vtex-store-components-3-x-productNameContainer--quickview) {
          font-family: 'Open Sans';
          font-style: normal;
          font-weight: 300;
          font-size: 20px;
          line-height: 34px;
          // max-width: 90%;
          text-align: end;

          @media (max-width:1024px) {
            max-width: none;
          }
        }

        @media (max-width:1024px) {
          // width: 100% !important;
          // max-width: none;
        }

        .flexColChild--info-availability {
          height: 68px;
          margin-bottom: 8px;

          :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
            justify-content: initial;

          }

        }
      }
    }
  }
}

.flexRowContent {
  margin-bottom: 0;
}

.flexRowContent--identifieAndName {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: center;

  @media (max-width:1024px) {
    text-align: start;
    align-items: initial;
  }
}

// FIM INDISPONIVEL


// INICIO DESCRIÇÃO
.flexRow--description {
  :global(.vtex-store-components17-x-container) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 94.444444444444444444444444444444% !important;
  }

  :global(.vtex-store-components-3-x-container) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.flexRowContent--description {
  width: auto;
  gap: 32px;



  @media (min-width:1920px) {
    .stretchChildrenWidth {
      width: unset !important;
    }
  }

  @media (max-width:1024px) {

    display: flex;
    flex-direction: column;



    .stretchChildrenWidth {
      width: unset !important;
    }
  }
}


// FIM DESCRIÇÃO