feat: created mores styles and fix in little styles

styles/css/vtex.flex-layout.css

@@ -172,7 +172,7 @@
   width: 100%;
 }
 .flexRowContent--productActions :global(.vtex-button) :global(.vtex-add-to-cart-button-0-x-buttonText) {
-  width: 99%;
+  width: 96%;
 }
 
 .flexRow--productSpecifications {
@@ -199,6 +199,11 @@
     border: none;
   }
 }
+@media screen and (min-width: 1921px) {
+  .flexRowContent--productSpecificationItemContainer {
+    margin-top: 64px;
+  }
+}
 
 .flexRow--productShelf {
   padding: 0 40px;

styles/css/vtex.product-summary.css

@@ -49,6 +49,23 @@
 
 .container {
   text-align: center;
+  max-width: none !important;
+  margin: 0 4px;
+}
+@media screen and (min-width: 769px) {
+  .container {
+    max-width: 291.2px !important;
+  }
+}
+@media screen and (min-width: 1025px) {
+  .container {
+    max-width: 314.4px !important;
+  }
+}
+@media screen and (min-width: 1921px) {
+  .container {
+    max-width: 434.4px !important;
+  }
 }
 
 .priceContainer {

styles/css/vtex.slider-layout.css

@@ -41,6 +41,17 @@
 
 .sliderLayoutContainer--productShelf {
   width: 100%;
+  padding: 0 19.2px;
+}
+@media screen and (min-width: 769px) {
+  .sliderLayoutContainer--productShelf {
+    padding: 23.2px;
+  }
+}
+@media screen and (min-width: 1025px) {
+  .sliderLayoutContainer--productShelf {
+    padding: 0 27.2px;
+  }
 }
 
 .sliderArrows--productShelf {

styles/css/vtex.tab-layout.css

@@ -8,7 +8,7 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .listContainer--ProductSpecificationTabList {
-  justify-content: space-around;
+  justify-content: space-between;
   border-bottom: 1px solid #b9b9b9;
 }
 @media screen and (max-width: 1024px) {
@@ -16,6 +16,11 @@
     border-top: 1px solid #b9b9b9;
   }
 }
+@media screen and (min-width: 1025px) {
+  .listContainer--ProductSpecificationTabList {
+    padding: 0 64px;
+  }
+}
 .listContainer--ProductSpecificationTabList .listItem {
   position: relative;
   padding: 0;

styles/sass/pages/product/vtex.flex-layout.scss

@@ -165,7 +165,7 @@
     }
 
     :global(.vtex-add-to-cart-button-0-x-buttonText) {
-      width: 99%;
+      width: 96%;
     }
   }
 }
@@ -191,6 +191,10 @@
   @media screen and (min-width: 1025px) {
     border: none;
   }
+
+  @media screen and (min-width: 1921px) {
+    margin-top: 64px;
+  }
 }
 
 .flexRow--productShelf {

styles/sass/pages/product/vtex.product-summary.scss

@@ -41,6 +41,22 @@
 
 .container {
   text-align: center;
+
+  max-width: none !important;
+
+  margin: 0 4px;
+
+  @media screen and (min-width: 769px) {
+    max-width: 291.2px !important;
+  }
+
+  @media screen and (min-width: 1025px) {
+    max-width: 314.4px !important;
+  }
+
+  @media screen and (min-width: 1921px) {
+    max-width: 434.4px !important;
+  }
 }
 
 .priceContainer {

styles/sass/pages/product/vtex.slider-layout.scss

@@ -32,6 +32,16 @@
 
 .sliderLayoutContainer--productShelf {
   width: 100%;
+
+  padding: 0 19.2px;
+
+  @media screen and (min-width: 769px) {
+    padding: 23.2px;
+  }
+
+  @media screen and (min-width: 1025px) {
+    padding: 0 27.2px;
+  }
 }
 
 .sliderArrows--productShelf {

styles/sass/pages/product/vtex.tab-layout.scss

@@ -1,11 +1,15 @@
 .listContainer--ProductSpecificationTabList {
-  justify-content: space-around;
+  justify-content: space-between;
   border-bottom: 1px solid #b9b9b9;
 
   @media screen and (max-width: 1024px) {
     border-top: 1px solid #b9b9b9;
   }
 
+  @media screen and (min-width: 1025px) {
+    padding: 0 64px;
+  }
+
   .listItem {
     position: relative;
     padding: 0;