styles/css/vtex.store-components.css

@@ -159,6 +159,69 @@
   color: #fff;
 }
 
+.shippingTable {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  border: none;
+  flex-direction: column;
+}
+.shippingTable .shippingTableHead {
+  display: flex;
+}
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryName,
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate,
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice {
+  display: flex;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #202020;
+  text-transform: uppercase;
+}
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate {
+  order: 1;
+  min-width: 145px;
+}
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryName {
+  min-width: 100px;
+}
+.shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice {
+  min-width: 70px;
+}
+.shippingTable .shippingTableRow {
+  display: flex;
+  gap: 32px;
+  margin-bottom: 15px;
+}
+.shippingTable .shippingTableRow .shippingTableCellDeliveryName,
+.shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate,
+.shippingTable .shippingTableRow .shippingTableCellDeliveryPrice {
+  display: flex;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  color: #afafaf;
+  padding: 0;
+}
+.shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate {
+  order: 1;
+  min-width: 145px;
+}
+.shippingTable .shippingTableRow .shippingTableCellDeliveryName {
+  min-width: 100px;
+}
+.shippingTable .shippingTableRow .shippingTableCellDeliveryPrice {
+  min-width: 70px;
+}
+.shippingTable .shippingTableRadioBtn {
+  display: none;
+}
+
 .productDescriptionContainer--descriptioncontent1 {
   margin-bottom: 16px;
 }

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

@@ -178,6 +178,72 @@
         }
     }
 }
+.shippingTable{
+    display: flex;
+    padding: 0;
+    margin: 0;
+    border: none;
+    flex-direction: column;
+
+    .shippingTableHead{
+        display: flex;
+
+        .shippingTableHeadDeliveryName,
+        .shippingTableHeadDeliveryEstimate,
+        .shippingTableHeadDeliveryPrice {
+            display: flex;
+            font-family: 'Open Sans';
+            font-style: normal;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 19px;
+            color: $color-black3;
+            text-transform: uppercase;
+        }
+        .shippingTableHeadDeliveryEstimate{
+            order: 1;
+            min-width: 145px;
+        }
+        .shippingTableHeadDeliveryName{
+            min-width: 100px;
+        }
+        .shippingTableHeadDeliveryPrice{
+            min-width: 70px;
+        }
+    }
+
+    .shippingTableRow{
+        display: flex;
+        gap: 32px;
+        margin-bottom: 15px;
+
+        .shippingTableCellDeliveryName,
+        .shippingTableCellDeliveryEstimate,
+        .shippingTableCellDeliveryPrice {
+            display: flex;
+            font-family: 'Open Sans';
+            font-style: normal;
+            font-weight: 400;
+            font-size: 12px;
+            line-height: 16px;
+            color: $color-gray16;
+            padding: 0;
+        }
+        .shippingTableCellDeliveryEstimate{
+            order: 1;
+            min-width: 145px;
+        }
+        .shippingTableCellDeliveryName{
+            min-width: 100px;
+        }
+        .shippingTableCellDeliveryPrice{
+            min-width: 70px;
+        }
+    }
+    .shippingTableRadioBtn{
+        display: none;
+    }
+}
 
 .productDescriptionContainer--descriptioncontent1{
     margin-bottom: 16px;

styles/sass/utils/_vars.scss

@@ -1,5 +1,6 @@
 $color-black: #292929;
 $color-black2: #000000;
+$color-black3: #202020;
 
 $color-white: #fff;
 
@@ -18,6 +19,7 @@ $color-gray12: #989898;
 $color-gray13: rgba(146, 146, 146, 0.48);
 $color-gray14: #575757;
 $color-gray15: #929292;
+$color-gray16: #afafaf;
 
 $color-blue: #4267b2;