.productImageTag--main {
  max-height: max-content !important;
}

.carouselGaleryThumbs {
  margin-top: 16px;

  @media screen and (max-width: 1024px) {
    margin-bottom: 32px;
    display: block;
  }

  .productImagesThumbActive,
  .productImagesThumb {
    margin: 0 16px 0 0;

    width: 90px !important;
    height: 90px;
    border-radius: 8px;
    overflow: hidden;
  }
}

.productNameContainer {
  margin-bottom: 8px;

  .productBrand {
    color: $gray-700;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 34px;
  }
}

.skuSelectorContainer {
  display: flex;
  flex-direction: column-reverse;
  .skuSelectorSubcontainer--cor,
  .skuSelectorSubcontainer--tamanho {
    margin-bottom: 16px;
    .skuSelectorNameContainer {
      margin: 0;
      .skuSelectorTextContainer {
        .skuSelectorName,
        .skuSelectorNameSeparator,
        .skuSelectorSelectorImageValue {
          font-size: 0;
        }
      }
    }

    .skuSelectorOptionsList {
      margin: 0;
      gap: 16px;
      .skuSelectorItem {
        margin: 0;

        .skuSelectorInternalBox {
          .diagonalCross {
            background-image: none;

            &::after {
              content: "";
              display: block;
              width: 1px;
              height: 40px;
              background: $gray-300;

              transform: rotate(45deg);
              bottom: 0;
              left: 50%;
              // transform: translate(-50%, -50%);
              position: relative;
            }
          }

          .skuSelectorItem--selected {
            .frameAround {
              display: none;
            }

            .skuSelectorInternalBox {
              border: 2px solid $black;

              .valueWrapper {
                color: $black;
              }

              .diagonalCross {
                &::after {
                  background-color: $black;
                }
              }
            }
          }
        }
      }
    }
  }

  .skuSelectorSubcontainer--cor {
    .skuSelectorName {
      &::after {
        content: "Outras Cores:";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #929292;
        text-transform: uppercase;
      }
    }

    .skuSelectorOptionsList {
      .skuSelectorItem {
        width: 48px;
        height: 48px;

        .skuSelectorInternalBox {
          border: 1px solid $gray-450;
          border-radius: 50%;
          position: absolute;

          .diagonalCross {
            background-image: none;

            &::after {
              content: "";
              height: 48px;
            }
          }
        }
      }

      .skuSelectorItem--selected {
        .frameAround {
          display: none;
        }

        .skuSelectorInternalBox {
          border: 2px solid $black;

          .valueWrapper {
            color: $black;
          }

          .diagonalCross {
            &::after {
              background-color: $black;
            }
          }
        }
      }
    }
  }

  .skuSelectorSubcontainer--tamanho {
    .skuSelectorName {
      &::after {
        content: "OUTROS TAMANHOS:";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #929292;
        text-transform: uppercase;
      }
    }
    .skuSelectorOptionsList {
      .skuSelectorItem {
        width: 40px;
        height: 40px;

        .skuSelectorInternalBox {
          border: 1px solid $gray-600;
          border-radius: 50%;
          position: absolute;
          .valueWrapper {
            padding: 0;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
            color: $gray-450;
          }

          // .diagonalCross {
          //   background-image: none;

          //   &::after {
          //     content: "";
          //     display: block;
          //     width: 1px;
          //     height: 40px;
          //     background: $gray-300;

          //     transform: rotate(45deg);
          //     bottom: 0;
          //     left: 50%;
          //     // transform: translate(-50%, -50%);
          //     position: relative;
          //   }
          // }
        }
      }

      .skuSelectorItem--selected {
        .frameAround {
          display: none;
        }

        .skuSelectorInternalBox {
          border: 2px solid $black;

          .valueWrapper {
            color: $black;
          }

          .diagonalCross {
            &::after {
              background-color: $black;
            }
          }
        }
      }
    }
  }
}

.shippingContainer {
  position: relative;
}
.shippingContainer :global(.vtex-input__label) {
  font-size: 0;

  &::after {
    content: "CALCULAR FRETE:";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: $gray-500;
  }
}

.shippingContainer :global(.vtex-input-prefix__group) {
  width: 280px;
  height: 49px;
  border: 1px solid #cccccc;
  border-radius: 0;

  @media screen and (max-width: 768px) {
    width: 100%;
  }
}

.shippingContainer :global(.vtex-address-form__postalCode) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-bottom: 16px;
}
.shippingContainer :global(.vtex-input) {
  width: auto;

  @media screen and (max-width: 768px) {
    width: 100%;
  }
}
.shippingContainer :global(.vtex-input__suffix) {
  display: none;
}
.shippingContainer :global(.vtex-address-form-4-x-input) {
  padding: 16.5px 16px;
  margin: 0;
  &::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    color: #afafaf;
  }
}
.shippingContainer :global(.vtex__icon-external-link) {
  display: none;
}
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
  padding: 0 0 16.5px 32px;
  color: #000000 !important;

  @media screen and (max-width: 768px) {
    padding: 8px 0 0 0;
    text-align: end;
    width: 100%;
  }

  :last-child {
    color: #000000 !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;

    @media screen and (max-width: 768px) {
      margin: 0;
    }
  }
}

.shippingContainer :global(.vtex-button) {
  width: auto;
  border: none;
  top: 27px;
  left: 234px;
  position: absolute;

  @media screen and (max-width: 768px) {
    right: 0;
    left: auto;
  }
}
.shippingContainer :global(.vtex-button__label) {
  font-size: 0;
  background-color: #000000;
  width: 49px;
  height: 49px;
  &::after {
    content: "OK";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #ffffff;
  }
}

.shippingTable {
  margin: 0;
  padding: 0 0 16px 0;
  border: none;
  width: 326px;

  @media screen and (max-width: 768px) {
    width: 100%;
  }
}

.shippingTableRadioBtn {
  display: none;
}

.shippingTableHead {
  display: block;
}

.shippingTableLabel,
.shippingTableCell,
.currencyContainer {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #afafaf;
}

.shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #202020;
  text-transform: uppercase;
  text-align: start;
}

.shippingTableRow {
  display: flex;
  gap: 32px;
}

.shippingTableCell {
  padding: 0;
}

.shippingTableHeadDeliveryName,
.shippingTableCellDeliveryName {
  width: 23.92638036%;
}

.shippingTableHeadDeliveryEstimate,
.shippingTableCellDeliveryEstimate {
  order: 3;
  width: 41.71779%;
}

.shippingTableCellDeliveryPrice,
.shippingTableHeadDeliveryPrice {
  width: 14.723926%;
}

.discountInsideContainer {
  display: none;
}

.newsletter--product-newsletter {
  max-width: 774px;
  margin: 0 auto;
  width: 100%;

  @media screen and (max-width: 768px) {
    max-width: none;
  }
  .container--product-newsletter {
    padding: 0;
    .form--product-newsletter {
      margin: 0;
      width: 100%;
      max-width: none;
      .label--product-newsletter {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #929292;

        @media screen and (max-width: 768px) {
          font-size: 16px;
          line-height: 22px;
        }
      }

      .inputGroup--product-newsletter {
        width: 100%;
        border-bottom: 1px solid #929292;

        display: flex;

        .buttonContainer {
          width: 10.852713178%;
          padding: 0;
        }

        .buttonContainer :global(.vtex-button) {
          width: 100%;
          border: none;
          border-radius: 0;
          background: transparent;
          border-bottom: 3px solid #bfbfbf;
          min-height: auto;
        }
        .buttonContainer :global(.vtex-button__label) {
          width: 100%;
          padding: 0 !important;

          padding-bottom: 10px !important;

          font-style: normal;
          font-weight: 700;
          font-size: 14px;
          line-height: 19px;
          color: #ffffff;
        }
      }

      .inputGroup--product-newsletter :global(.vtex-input) {
        flex: 1;
      }
      .inputGroup--product-newsletter :global(.vtex-input-prefix__group) {
        border: none;
        height: 29px;
      }

      .inputGroup--product-newsletter :global(.vtex-styleguide-9-x-input) {
        background: transparent;
        padding: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        color: #929292;

        @media screen and (max-width: 768px) {
          font-size: 12px;
          line-height: 16px;
        }

        &::placeholder {
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 25px;
          color: #929292;

          @media screen and (max-width: 768px) {
            font-size: 12px;
            line-height: 16px;
          }
        }
      }
    }
  }
}