store/blocks/pdp/product.jsonc

@@ -121,8 +121,8 @@
       // "product-gifts",
       // "flex-layout.row#buy-button",
       "availability-subscriber",
-      "html#shipping-simulator",
+      "html#shipping-simulator"
-      "share#default"
+      // "share#default"
     ]
   },
 

styles/css/vtex.store-components.css

@@ -290,6 +290,11 @@
   border: 1px solid #CCC;
   border-radius: 0;
 }
+@media (max-width: 360) and (min-width: 280px) {
+  .shippingContainer :global(.vtex-address-form-4-x-input) {
+    width: 100px;
+  }
+}
 .shippingContainer :global(.vtex-input__suffix) {
   display: none;
 }
@@ -350,6 +355,7 @@
 @media (min-width: 280px) and (max-width: 768px) {
   .shippingTable {
     width: 100%;
+    margin: 32px 0 0;
   }
 }
 .shippingTable .shippingTableHead {
@@ -360,6 +366,11 @@
   grid-template-columns: repeat(3, 33.3%);
   grid-template-areas: "entrega frete prazo";
 }
+@media (min-width: 280px) and (max-width: 768px) {
+  .shippingTable .shippingTableHead .shippingTableRow {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
 .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
@@ -401,6 +412,11 @@
   column-gap: 32px;
   margin-top: 15px;
 }
+@media (min-width: 280px) and (max-width: 768px) {
+  .shippingTable .shippingTableBody .shippingTableRow {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
 .shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
   grid-area: entrega;
 }

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

@@ -315,6 +315,10 @@
     padding: 16px;
     border: 1px solid #CCC;
     border-radius: 0;
+
+    @media (max-width:360) and (min-width: 280px) {
+      width: 100px;
+    }
   }
 
   :global(.vtex-input__suffix) {
@@ -383,6 +387,7 @@
 
   @media #{$mq-mobile}{
     width: 100%;
+    margin: 32px 0 0;
   }
 
   .shippingTableHead {
@@ -392,6 +397,10 @@
       grid-template-columns: repeat(3, 33.3%);
       grid-template-areas: "entrega frete prazo";
 
+      @media #{$mq-mobile}{
+        grid-template-columns: repeat(3, 1fr);
+      }
+
       .shippingTableHeadDeliveryName,
       .shippingTableHeadDeliveryEstimate,
       .shippingTableHeadDeliveryPrice {
@@ -436,6 +445,11 @@
       grid-template-areas: "entrega valor prazo";
       column-gap: 32px;
       margin-top: 15px;
+
+      @media #{$mq-mobile}{
+        grid-template-columns: repeat(3, 1fr);
+      }
+
       .shippingTableCellDeliveryName {
         grid-area: entrega;
       }