From e10940fcd17bad0aae8222129860bb59b4e18a63 Mon Sep 17 00:00:00 2001
From: Leonardo <rochaleo879@gmail.com>
Date: Thu, 2 Feb 2023 22:08:47 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20estiliza=20a=20se=C3=A7=C3=A3o=20de=20f?=
 =?UTF-8?q?rete?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react/components/Html/styles.css | 72 +++++++++++++++++++++++++++++++-
 store/blocks/pdp/product.jsonc   | 60 +++++++++++++++++++++++---
 2 files changed, 126 insertions(+), 6 deletions(-)

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 7a2437b..eae8c3a 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -43,7 +43,7 @@
   border-radius: 24px;
   position: relative;
   width: 40px;
-  height: 40px;
+  height: 46px;
 }
 
 [class*="frameAround"] {
@@ -59,3 +59,73 @@
   left: 50%;
   transform: translate(-50%, -50%);
 }
+
+[class*="installments--m3-custom-installments"] {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+
+[class*="productNameContainer"] {
+  text-align: end;
+}
+
+[class*="shippingContainer"] :global(.vtex-button) {
+  background-color: black;
+  color: white;
+  font-size: 0;
+  width: 49px;
+  height: 49px;
+  background-color: black;
+  color: white;
+  font-size: 0;
+  position: relative;
+  width: 49px;
+  height: 49px;
+  left: 45.5%;
+  bottom: 110px;
+}
+
+[class*="shippingContainer"] :global(.vtex-button::after) {
+  content: "OK";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 19px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 30%;
+  left: 23%;
+}
+
+[class*="shippingContainer"] :global(.vtex-input-prefix__group) {
+  width: 45.532%;
+  height: 49px;
+}
+
+[class*="vtex-address-form__postalCode-forgottenURL"] {
+  position: relative;
+  color: black;
+  bottom: 44px;
+  left: 52%;
+  margin-left: 32px;
+}
+
+[class*="productDescriptionTitle"] {
+  font-size: 0;
+}
+
+[class*="productDescriptionTitle"]::after {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 24px;
+  line-height: 38px;
+  content: "Descrição";
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 82851b9..24f09e2 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -3,7 +3,7 @@
     "children": [
       "html#breadcrumb",
       "condition-layout.product#availability",
-      "flex-layout.row#description",
+      "tab-layout#home",
       "flex-layout.row#specifications-title",
       "product-specification-group#table",
       "shelf.relatedProducts",
@@ -123,21 +123,71 @@
       "flex-layout.row#selling-price",
       "product-installments#m3-academy",
       "sku-selector",
-      "product-assembly-options",
       "product-gifts",
       "flex-layout.row#buy-button",
       "availability-subscriber",
-      "shipping-simulator",
-      "share#default"
+      "shipping-simulator"
     ]
   },
 
+  "tab-layout#home": {
+    "children": ["tab-list#home", "tab-content#home"],
+    "props": {
+      "blockClass": "home",
+      "defaultActiveTabId": "home1"
+    }
+  },
+  "tab-list#home": {
+    "children": ["tab-list.item#home1", "tab-list.item#home2"]
+  },
+  "tab-list.item#home1": {
+    "props": {
+      "tabId": "home1",
+      "label": "Descrição",
+      "defaultActiveTab": true
+    }
+  },
+  "tab-list.item#home2": {
+    "props": {
+      "tabId": "home2",
+      "label": "Descrição"
+    }
+  },
+  "tab-list.item#home3": {
+    "props": {
+      "tabId": "home3",
+      "label": "Descrição"
+    }
+  },
+  "tab-content#home": {
+    "children": ["tab-content.item#home1", "tab-content.item#home2"]
+  },
+  "tab-content.item#home1": {
+    "children": ["flex-layout.row#description"],
+    "props": {
+      "tabId": "home1"
+    }
+  },
+  "tab-content.item#home2": {
+    "children": ["flex-layout.row#description"],
+    "props": {
+      "tabId": "home2"
+    }
+  },
+
+  "tab-content.item#home3": {
+    "children": ["flex-layout.row#description"],
+    "props": {
+      "tabId": "home3"
+    }
+  },
+
   "product-installments#m3-academy": {
     "props": {
       "installmentsCriteria": "max-quantity-without-interest",
       "markers": ["discount", "vezes"],
       "blockClass": "m3-custom-installments",
-      "message": "ou {installmentsNumber}<vezes>x</vezes> de {installmentValue} <discount>sem juros</discount>"
+      "message": "{installmentsNumber}<vezes>x</vezes> de {installmentValue} <discount>sem juros</discount>"
     }
   },