feat: criando o comecando a estilizar o @media

store/blocks/product-summary/product-summary-list.jsonc

@@ -9,14 +9,10 @@
     ]
   },
   "responsive-layout.desktop#productSummaryList": {
-    "children": [
-      "flex-layout.row#summaryListDesktop"
-    ]
+    "children": ["flex-layout.row#summaryListDesktop"]
   },
   "responsive-layout.mobile#productSummaryList": {
-    "children": [
-      "flex-layout.row#summaryListMobile"
-    ]
+    "children": ["flex-layout.row#summaryListMobile"]
   },
   "product-price-savings#summaryPercentage": {
     "props": {
@@ -36,7 +32,7 @@
     ]
   },
   "flex-layout.row#summaryListDesktop": {
-    "props":{
+    "props": {
       "fullWidth": true,
       "colSizing": "auto",
       "blockClass": "summaryListDesktop"
@@ -69,9 +65,7 @@
     ]
   },
   "flex-layout.row#productSpecifications": {
-    "children": [
-      "product-specification-group#summary"
-    ]
+    "children": ["product-specification-group#summary"]
   },
   "product-summary-name#summaryListDesktop": {
     "props": {
@@ -100,18 +94,13 @@
       "colSizing": "auto",
       "colGap": 5
     },
-    "children": [
-      "add-to-cart-button",
-      "flex-layout.row#buyNowButton"
-    ]
+    "children": ["add-to-cart-button", "flex-layout.row#buyNowButton"]
   },
   "flex-layout.row#buyNowButton": {
     "props": {
       "blockClass": "buyNowButton"
     },
-    "children": [
-      "add-to-cart-button#buyNow"
-    ]
+    "children": ["add-to-cart-button#buyNow"]
   },
 
   "add-to-cart-button#buyNow": {
@@ -123,10 +112,7 @@
     }
   },
   "flex-layout.col#priceSummaryListDesktop": {
-    "children": [
-      "product-selling-price#summary",
-      "product-list-price#summary"
-    ]
+    "children": ["product-selling-price#summary", "product-list-price#summary"]
   },
   "stack-layout#summaryListDesktop": {
     "children": [
@@ -144,7 +130,7 @@
     }
   },
   "flex-layout.row#summaryListMobile": {
-    "props":{
+    "props": {
       "preserveLayoutOnMobile": true,
       "colSizing": "auto",
       "blockClass": "summaryListMobile",

styles/css/vtex.breadcrumb.css

@@ -11,6 +11,11 @@
   max-width: 1920px;
   margin: 0 auto;
 }
+@media (max-width: 1440px) {
+  .container {
+    padding: 0 40px;
+  }
+}
 .container .link,
 .container .term {
   font-family: "Open Sans", sans-serif;

styles/css/vtex.flex-layout.css

@@ -7,10 +7,21 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+@media (max-width: 1440px) {
+  .flexRow--product-main-container {
+    padding: 0 40px;
+  }
+}
 .flexRow--product-main-container :global(.vtex-store-components-3-x-container) {
   max-width: 1920px;
 }
 
+@media (max-width: 1440px) {
+  .flexRowContent {
+    padding: 0 72px;
+  }
+}
+
 .flexRowContent--button-card-add .stretchChildrenWidth:first-child {
   max-width: 128px;
   padding-right: 10px;

styles/css/vtex.tab-layout.css

@@ -8,7 +8,12 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .container {
-  padding: 0 320px !important;
+  padding: 0 320px;
+}
+@media (max-width: 1440px) {
+  .container {
+    padding: 0 40px;
+  }
 }
 
 .listContainer {

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -2,6 +2,10 @@
   max-width: 1920px;
   margin: 0 auto;
 
+  @media (max-width: 1440px) {
+    padding: 0 40px;
+  }
+
   .link,
   .term {
     font-family: "Open Sans", sans-serif;

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

@@ -1,8 +1,17 @@
 .flexRow--product-main-container {
+  @media (max-width: 1440px) {
+    padding: 0 40px;
+  }
+
   :global(.vtex-store-components-3-x-container) {
     max-width: 1920px;
   }
 }
+.flexRowContent {
+  @media (max-width: 1440px) {
+    padding: 0 72px;
+  }
+}
 
 .flexRowContent--button-card-add {
   .stretchChildrenWidth {

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

@@ -1,5 +1,9 @@
 .container {
-  padding: 0 320px !important;
+  padding: 0 320px;
+
+  @media (max-width: 1440px) {
+    padding: 0 40px;
+  }
 }
 .listContainer {
   display: flex;