fix(components): corrige bug do scss components

styles/css/vtex.store-components.css

@@ -78,6 +78,7 @@
 .skuSelectorSelectorImageValue {
   font-size: 0;
 }
+
 .skuSelectorSubcontainer--tamanho .skuSelectorName::after {
   content: "OUTROS TAMANHOS:";
   font-size: 14px;
@@ -137,4 +138,4 @@
   left: 19px;
   top: 1px;
   transform: rotate(45deg);
-}
+}

styles/sass/pages/product/vtex.store-components.scss

@@ -1,3 +1,144 @@
 .newsletter {
   background: red;
 }
+
+.carouselContainer {
+  flex-direction: column-reverse;
+}
+
+.container {
+  padding: 0 40px;
+}
+
+.productNameContainer {
+  font-weight: 300;
+  font-size: 20px;
+  line-height: 34px;
+  color: #575757;
+  text-align: right;
+}
+
+.carouselGaleryCursor {
+  margin: 0;
+  margin-bottom: 16px;
+  padding: 0;
+}
+
+.carouselGaleryThumbs {
+  position: relative;
+  margin-top: 16px;
+}
+
+.productImageTag {
+  max-height: 664px;
+}
+
+.productImagesThumb {
+  margin: 0;
+  margin-right: 16px;
+  width: 90px !important;
+  height: 90px !important;
+}
+
+.skuSelectorContainer {
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.skuSelectorSubcontainer--tamanho {
+  margin-top: 16px;
+  margin-bottom: 10px;
+}
+
+.skuSelectorSubcontainer--cor {
+  margin-bottom: 16px;
+}
+
+.skuSelectorNameContainer {
+  margin: 0;
+}
+
+.skuSelectorTextContainer {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+
+.skuSelectorName,
+.skuSelectorSelectorImageValue {
+  font-size: 0;
+}
+
+.skuSelectorSubcontainer--tamanho {
+  .skuSelectorName {
+    &::after {
+      content: "OUTROS TAMANHOS:";
+      font-size: 14px;
+    }
+  }
+}
+
+.skuSelectorSubcontainer--cor {
+  .skuSelectorName {
+    &::after {
+      content: "OUTRAS CORES";
+      font-size: 14px;
+    }
+  }
+}
+
+.skuSelectorItem {
+  height: 40px;
+  margin: 0;
+}
+
+.skuSelectorOptionsList {
+  margin: 0;
+  display: flex;
+  gap: 16px;
+}
+
+.skuSelectorInternalBox {
+  width: 40px;
+  height: 40px;
+  border: 1px solid #989898;
+  border-radius: 50%;
+}
+
+.skuSelectorItem--selected {
+  .frameAround {
+    border: 2px solid #000000;
+    border-radius: 50%;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 40px;
+    height: 40px;
+    z-index: 50;
+  }
+}
+
+.valueWrapper {
+  font-size: 14px;
+  line-height: 19px;
+  color: rgba(185, 185, 185, 0.6);
+  padding: 0;
+  text-align: center;
+}
+
+.skuSelectorItem--selected {
+  .valueWrapper {
+    color: #000000;
+  }
+}
+
+.diagonalCross {
+  background: #d5d5d5;
+  width: 1px;
+  height: 38.18px;
+  left: 19px;
+  top: 1px;
+  transform: rotate(45deg);
+}