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

.flexRowContent--product-main {
  gap: 32px;
  padding: 0;
  margin: 0;


  .stretchChildrenWidth {
    padding: 0;
  }


  @include mq (md, max) {
    display: block;
    padding-left: 40px;
  padding-right: 40px;
    .stretchChildrenWidth {
     width: 100% !important;

    }
  }


}

// quantity
.flexRow--size-buy-button{


  @include mq (cstm, max) {
margin-left: 0;
margin-bottom: 16px;
 .stretchChildrenWidth{
      height: 74px;
    }
    }
  width: 100%;
height: 49px;
margin: 0;
margin-left: 10px;
  .flexRowContent--size-buy-button {
    height: 49px;
    width: 100%;
    margin: 0;
  }


}


.flexRowContent--size-buy-button :global(.vtex-button) {
  background: $color-black2;
  border: none;
  border-radius: 0;
  width: 100%;
  // @include mq (md, max) {
  //   width: 780px;
  // }
}

.flexRowContent--description{
  @include mq (md, max) {
    display: flex;
    flex-direction: column;
    .stretchChildrenWidth{
      width: 100% !important;
    }
    }
}

.flexRowContent--indisponivel{

  @include mq (md, max) {
    padding: 0 40px 0 40px;
  flex-direction: column;
  .stretchChildrenWidth{
    width: 100% !important;

   }
   :global(.vtex-store-components-3-x-content){
    width: 100%;
    max-width: 100%;
    justify-content: initial;
    gap: 10px;
   }

   .inputName{
    margin-bottom: 0;
   }
}
}

.flexRowContent--description {
   border-bottom: 1px solid rgba(0,0,0,0.1);
   @include mq (md, max) {
    margin-bottom: 0px;}
}


.html--size-buy-button{
  width: 100%;}