react/components/Html/styles.css

@@ -51,3 +51,7 @@
   color: #000000;
   border-bottom: 1px solid #000000;
 }
+
+.html--pdp-productMain :global(.vtex-store-components-3-x-container){
+  max-width: 100%;
+}

store/blocks/pdp/product.jsonc

@@ -41,7 +41,7 @@
   },
   "flex-layout.row#description": {
     "props": {
-      "width": "50%"
+      "width": "66%"
     },
     "children": ["product-images#description","product-description"]
   },
@@ -52,10 +52,19 @@
           "subject": "isProductAvailable"
         }
       ],
-      "Then": "flex-layout.row#product-main",
+      "Then": "html#product-main",
       "Else": "flex-layout.row#product-availability"
     }
   },
+
+  "html#product-main": {
+    "props": {
+      "tag": "div",
+      "testId": "Product-Images",
+      "blockClass": "pdp-productMain"
+    },
+    "children": ["flex-layout.row#product-main"]
+  },
   "flex-layout.row#product-main": {
     "props": {
       "colGap": 7,
@@ -111,7 +120,7 @@
     "children": ["stack-layout"],
     "props": {
       "rowGap": 10,
-      "width":"46%",
+      "width":"50%",
       "blockClass": "StackLayout",
       "htmlId":"teste"
     }