challenge-vtex-io-ueber-james/styles/sass/pages/product/vtex.store-components.scss

.container{
  margin: 0;
  padding: 0;
  max-width: 100%;

  .productImagesGallerySlide{
    width: 100% !important;
  }


  .productImageTag--main{
    max-height: 100% !important;
    max-width: 100% !important;
  }


  .productNameContainer {
    font-size: 20px;
    line-height: 34px;
    color: #575757;
    display: flex;
    justify-content: flex-end;
  }
}

// sku-selector

.skuSelectorContainer {
  display: flex;
  flex-direction: column;


  .skuSelectorSubcontainer--cor {


    order: 2;
    margin-bottom: 16px;


    .skuSelectorName {

      font-size: 0;

      margin-left: 16px;

      &::after {

        visibility: visible;
        display: block;
        content: "OUTRAS CORES:";
        font-size: 14px;


      }


    }

    .skuSelectorSelectorImageValue,
    .skuSelectorNameSeparator {
      display: none;
    }

    .frameAround {

      border-radius: 30px;

    }

    .skuSelectorItemImageValue,
    .skuSelectorInternalBox {

      border-radius: 21px;


    }

  }

  .skuSelectorSubcontainer--tamanho {

    .skuSelectorName {

      font-size: 0;

      margin-left: 16px;

      &::after {

        visibility: visible;
        display: block;
        content: "OUTROS TAMANHOS:";
        font-size: 14px;


      }

    }

    .frameAround {
      // border:3px solid $color-black2;
      width: 40px;
      height: 40px;
      border-radius: 30px;
      top: 0;
      left: 0;
      right: 0;
    }

    .skuSelectorInternalBox {

      margin: auto;
      padding: 0;
      width: 40px;
      height: 40px;
      border-radius: 30px;
    }

    .skuSelectorItemTextValue {


      padding: 0;
      margin: auto;
    }
  }

  .valueWrapper .skuSelectorItemTextValue {
    margin-right: 5px;
  }

  .frameAround {
    border-color: $color-black2;
    z-index: 2;

  }

  .diagonalCross {
    background-image: linear-gradient(to top left, transparent 44%, rgba(0, 0, 0, 0.3) 48%, currentColor 48%, currentColor 52%, transparent 52%);
    width: 36px;
    height: 17px;
    top: 11px;
  }

  .skuSelectorItem--skus--selected {

    .skuSelectorItemTextValue--skus {
      font-size: 14px;
      line-height: 19px;
      font-weight: 400;
      color: $color-black2;
      font-family: $font-open;

    }
  }

}


// sku-selector-fim

// cep

.shippingContainer {

display: flex;

:global(.vtex-input-prefix__group) {

  height: 49px;


}

:global(.vtex-input__label) {

  font-size: 0;

  &::after {
    content: "CALCULAR FRETE:";
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    font-family: $font-open;
  }

}

:global(.vtex-address-form__postalCode) {
  display: flex;
}

:global(.vtex-button) {
  font-size: 0;
  position: relative;
  right: 164px;
  width: 49px;
  height: 49px;
  margin-top: 27px;
  background-color: $color-black2;
  border: none;
    border-radius: 0;

  &::after {

    content: "OK";
    color: $color-white;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;

  }
}

:global(.vtex-button__label) {
  height: fit-content;
}

:global(.vtex-address-form__postalCode-forgottenURL) {
  position: relative;
  left: 20px;
  margin-top: 31px;

  :last-child {
    color: $color-black2;

  }

}
:global(.vtex__icon-external-link) {
  display: none;
}



}