From 6bf3066779213a9183fc60c3e10b1832656044c9 Mon Sep 17 00:00:00 2001
From: carloswinter <caduwinteer@gmail.com>
Date: Fri, 10 Feb 2023 15:55:38 -0300
Subject: [PATCH] fix(product): corrige estilos em scss para mobile 375px e
 corrige estrutura para obter sucesso na execucao do script de testId

---
 Example.tsx                                   |   3 +
 assets/images/pix-106 1.png                   | Bin 0 -> 1422 bytes
 html.ts                                       |   1 +
 index.d.ts                                    |  11 +
 manifest.json                                 |   3 +-
 react/Placeholder.tsx                         |   3 +
 react/Prices.tsx                              |   1 +
 react/components/Html/styles.css              |   8 -
 react/components/Pix/Pix.tsx                  |  32 +-
 react/components/Placeholder/Placeholder.tsx  |   8 +
 react/components/Prices/Prices.tsx            |  58 +++
 react/components/Prices/styles.css            |  65 +++
 store/blocks/pdp/product.jsonc                | 148 +++++-
 store/interfaces.json                         |   3 +
 styles/configs/font-faces.css                 | 460 +++++++++++++++++-
 styles/css/agenciamagma.store-theme.css       |  39 +-
 styles/css/store-components.css               |   2 +-
 styles/css/vtex.add-to-cart-button.css        |  12 +
 styles/css/vtex.breadcrumb.css                |  28 +-
 styles/css/vtex.flex-layout.css               |  82 ++++
 styles/css/vtex.flex-layoutbreadcrumb.css     |  16 +
 styles/css/vtex.product-identifier.css        |   7 +
 styles/css/vtex.product-price.css             |  54 ++
 styles/css/vtex.rich-text.css                 |  25 +-
 styles/css/vtex.shipping-simulator.css        |  22 +
 styles/css/vtex.slider-layout.css             | 114 ++++-
 styles/css/vtex.store-components.css          | 396 ++++++++++++++-
 styles/css/vtex.tab-layout.css                |  48 ++
 .../product/agenciamagma.store-theme.scss     |  33 ++
 .../sass/pages/product/vtex.breadcrumb.scss   |  23 +-
 .../sass/pages/product/vtex.flex-layout.scss  |  94 ++++
 .../product/vtex.product-identifier.scss      |   8 +-
 .../pages/product/vtex.product-price.scss     |  58 +++
 styles/sass/pages/product/vtex.rich-text.scss |  22 +
 .../pages/product/vtex.slider-layout.scss     | 130 ++++-
 .../pages/product/vtex.store-components.scss  | 424 +++++++++++++++-
 .../sass/pages/product/vtex.tab-layout.scss   |  49 ++
 .../sass/pages/vtex.add-to-cart-button.scss   |   3 +
 38 files changed, 2398 insertions(+), 95 deletions(-)
 create mode 100644 Example.tsx
 create mode 100644 assets/images/pix-106 1.png
 create mode 100644 html.ts
 create mode 100644 index.d.ts
 create mode 100644 react/Placeholder.tsx
 create mode 100644 react/Prices.tsx
 create mode 100644 react/components/Placeholder/Placeholder.tsx
 create mode 100644 react/components/Prices/Prices.tsx
 create mode 100644 react/components/Prices/styles.css
 create mode 100644 styles/css/vtex.add-to-cart-button.css
 create mode 100644 styles/css/vtex.flex-layoutbreadcrumb.css
 create mode 100644 styles/css/vtex.shipping-simulator.css
 create mode 100644 styles/sass/pages/vtex.add-to-cart-button.scss

diff --git a/Example.tsx b/Example.tsx
new file mode 100644
index 0000000..fe63560
--- /dev/null
+++ b/Example.tsx
@@ -0,0 +1,3 @@
+import Example from "./components/Example/Example";
+
+export default Example;
diff --git a/assets/images/pix-106 1.png b/assets/images/pix-106 1.png
new file mode 100644
index 0000000000000000000000000000000000000000..103bca5e43cb0bfeabe0b798fbb072ff4c4f75f0
GIT binary patch
literal 1422
zcmV;91#$X`P)<h;3K|Lk000e1NJLTq002S&000>X1^@s6g&p|Z00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1tUpBK~#7F<(S=W
z8b=hz&&)1_R7$*k0+Tnuk$PRzv=_ay9i<n&in(d(uMnO9`w57R9O5g?Ri#QT_En{-
z5%>iX`~+S<L2+y)z|PL;IhZAw{Qz9l#LZtq!0gQI%x}(|b7lnGAf;+m%W$!Z=pMcP
z?uSj7qU5+0zxwmn6o24j%5fGEa2|!srfOvirYJG00<A(yYODfc^0I}nwG`<_ddY^5
zpwz2sUI?te`R3sfOi_^_dJt*^;VS(p!6=nV$>Fk<l@&XzULuibW-^)PxX&gTLnsJ>
zkR%9id=NZc6GpjQwl3baAEOXSf#4fB3a})-(~!93K`HL;<-5;-tP=I{)AiNo{J&5r
zTV}kI9c*t(T?v9Ytm5uVYA5=03k1=FQ0s4pFkJ%%4WOzzn9Jp&2g?JM;2y25tu?Ne
z@8wk|zMaeYSHDmwCC#`fm=beQFt&F~o4TV9a=8zE`<&(25Li@)>v9_yLpv|_o{a;6
zwXyc|HiD7$z0%dEu{-WeP#f-7b#7&p7UiIA$10Zg^1~2VJ`lXRuOB?Tr?s0w02?Bt
z1#IfKXLA!+#Oyc_JfRkc#bRk5CJ<W+!Ol2Z6nN_lKI<+-OC1hFVD&-ps@{L~`^o*k
zena~HThbmzr;{f84|G5p#IkhZRNkHO+MJBCj3A#7C1vV{5ONkK6vKAO@{D-9?7?6N
zZd=uZAh5b1eA|H?q>y=On#)=XAB-*pO>Rv>x$jK-+hn@&{kj^2v9tTK90h?TBYgtH
z5NdG{#uW&|qCSLs=aYgVw5X7E*8#q;qv}ejbw1KD4#3c^S_*~WRR=-2$K5P^0xD8;
z5C+URZGAMjO@bsTI4_Uvkzp7*OIzjZC<uLx)8`n9Yl8-k6DLWmE(9S@)>ofY2DV8d
ztiB9$hQrbnK{TR0PJP7d4c^y}z{ie*$1tG=A$Vmy7+YR)HY@^x2P69Z5FscX404{}
zn*i*?zZB;I1k|1++_Hioc)H9pbR`IesSTMEuAZk9Ga1zJuyd54wzM|WQbLWU?Avpc
zTkJO;Jlck9>M{jyJyTlZ#@dsuiQ2U~SqjmC5Iivq%0Md=P74OAikG>XlngaffBce$
zSiCk2BQQd+zW@b6FlYrEjc*@iV1$Cs2%au3+D$Z!+SApa0#BEwX`HmrjkDo?xSdkB
z0#ol07~5dTd9sd$?zFsz1S2V8u_~P(tlp%an~29+$XZ};2sw?iE~H!Twjndd^Yf*~
zQusjFBqv$r|5B#+qw)QZHhs<UEl{EbR>#!KT1vi$2yQ8$K(Tk<aCOFs#cZ}LxWO`g
zC9Rg#_O?kF1Wyzum5?cDHq&s!<v(<hW$+ne)Pak|J^?Sz(^1=DS{hD<*g1xsFh|wn
zvf=;X7c*U-;dh{(7!;nrotp%L=OesH-M-zPr99zFrNA~#nW8H=lu}r2$^=alk|-hR
zb`l2$)uUvtiSM0z8yhS2-o3*DU#yVhKGf1&paC6&OXHH-5*lpkE45A+I6FI~W!Fs{
zuu~Q2o*^1GNSr0Vb}A?_B2$=06wT1f+bGNELZD}pS_0oCbblmTRy_VL*#V9MV8`Ry
zl2X}@bL)sQ6^a&#CYQ$~)VZGf9?uNN5nNV$vA4)xpD%4Fbaf+(aIqm#*-9w_Ae-d7
zn%xQWGr^EsDXz<Rol5BjUH&$})lE*;&=u4V9FM-d?L`wlLtH|@Iyz3K=UhKOrK)9%
cKkz@*Kb{^zRKVSisQ>@~07*qoM6N<$f-{PZumAu6

literal 0
HcmV?d00001

diff --git a/html.ts b/html.ts
new file mode 100644
index 0000000..e6e935c
--- /dev/null
+++ b/html.ts
@@ -0,0 +1 @@
+export { Html as default } from "./components/Html"
diff --git a/index.d.ts b/index.d.ts
new file mode 100644
index 0000000..5b93fa5
--- /dev/null
+++ b/index.d.ts
@@ -0,0 +1,11 @@
+declare module "*.css" {
+  interface IClassNames {
+    [className: string]: string;
+  }
+  const classNames: IClassNames;
+  export = classNames;
+}
+declare module "*.svg" {
+  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  export default content;
+}
diff --git a/manifest.json b/manifest.json
index 9ee3cc5..66bf94e 100644
--- a/manifest.json
+++ b/manifest.json
@@ -66,7 +66,8 @@
     "vtex.tab-layout": "0.x",
     "vtex.condition-layout": "2.x",
     "vtex.css-handles": "1.x",
-    "vtex.product-context": "0.x"
+    "vtex.product-context": "0.x",
+    "vtex.store-newsletter": "1.x"
   },
   "$schema": "https://raw.githubusercontent.com/vtex/node-vtex-api/master/gen/manifest.schema"
 }
diff --git a/react/Placeholder.tsx b/react/Placeholder.tsx
new file mode 100644
index 0000000..29393ed
--- /dev/null
+++ b/react/Placeholder.tsx
@@ -0,0 +1,3 @@
+import Placeholder from "./components/Placeholder/Placeholder";
+
+export default Placeholder;
diff --git a/react/Prices.tsx b/react/Prices.tsx
new file mode 100644
index 0000000..2ce884d
--- /dev/null
+++ b/react/Prices.tsx
@@ -0,0 +1 @@
+export { default } from "./components/Prices/Prices";
diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 6c28f66..c2b8bc9 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -1,11 +1,3 @@
-/* :global(.agenciamagma-store-theme-5-x-html--cart-content) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 10px;
-  margin-top: 8px;
-  margin-bottom: 16px;
-} */
 [class*="html--cart-content"] {
   display: flex;
   gap: 10px;
diff --git a/react/components/Pix/Pix.tsx b/react/components/Pix/Pix.tsx
index 91b958e..fdbe05d 100644
--- a/react/components/Pix/Pix.tsx
+++ b/react/components/Pix/Pix.tsx
@@ -4,7 +4,6 @@ import styles from "./styles.css";
 
 const Pix = () => {
   const product = useProduct();
-  console.log(product);
 
   const pix = {
     pixValue: Number(
@@ -13,37 +12,36 @@ const Pix = () => {
     ),
   };
 
-  const priceTimes =
-    product?.selectedItem?.sellers[0].commertialOffer.Installments[3]
-      .NumberOfInstallments;
-  const valueTotal = product?.selectedItem?.sellers[0].commertialOffer.Installments[3].Value.toFixed(
-    2
-  )
-    .toString()
-    .replace(".", ",");
+  // const priceTimes =
+  //   product?.selectedItem?.sellers[0].commertialOffer.Installments[3]
+  //     .NumberOfInstallments;
+  // const valueTotal = product?.selectedItem?.sellers[0].commertialOffer.Installments[3].Value.toFixed(
+  //   2
+  // )
+  //   .toString()
+  //   .replace(".", ",");
 
   const pixPrice = (pix.pixValue = pix.pixValue * 0.9)
     .toFixed(2)
     .toString()
     .replace(".", ",");
-
-  return (
-    <>
-      <span className={styles.AllPriceTimesText}>
+  /* <span className={styles.AllPriceTimesText}>
         <span className={styles.PriceTimes}>{priceTimes} x</span> de
         <span className={styles.PriceTimes}> R$ {valueTotal}</span> sem juros
-      </span>
+      </span> */
+  return (
+    <>
       <div className={styles.PricesWrapperRow}>
         <figure>
           <img
-            src="https://agenciamagma.vteximg.com.br/arquivos/logo-pix-carloswinter.svg"
+            src="https://agenciamagma.vteximg.com.br/arquivos/pix-daviklein.svg"
             alt="Imagem Pix"
           />
         </figure>
-        <div className={styles.PricesCol}>
+        <p className={styles.PricesCol}>
           <span className={styles.PixFullValue}>R${pixPrice}</span>
           <span className={styles.PixPercent}>10% de desconto</span>
-        </div>
+        </p>
       </div>
     </>
   );
diff --git a/react/components/Placeholder/Placeholder.tsx b/react/components/Placeholder/Placeholder.tsx
new file mode 100644
index 0000000..fa66632
--- /dev/null
+++ b/react/components/Placeholder/Placeholder.tsx
@@ -0,0 +1,8 @@
+const Placeholder = () => {
+  if (typeof document !== "undefined") {
+    const m3Input = document.querySelector(".vtex-address-form-4-x-input");
+    m3Input?.setAttribute("placeholder", "Digite seu CEP");
+  }
+  return null;
+};
+export default Placeholder;
diff --git a/react/components/Prices/Prices.tsx b/react/components/Prices/Prices.tsx
new file mode 100644
index 0000000..66f084e
--- /dev/null
+++ b/react/components/Prices/Prices.tsx
@@ -0,0 +1,58 @@
+import React from "react";
+import styles from "./styles.css";
+import { useProduct } from "vtex.product-context";
+
+export default function Prices() {
+  const product = useProduct();
+  console.log(product);
+  return (
+    <div>
+      <span className={styles.fullPrice}>
+        R${" "}
+        {product?.selectedItem?.sellers[0].commertialOffer.Installments[3].TotalValuePlusInterestRate.toString().replace(
+          ".",
+          ","
+        )}{" "}
+      </span>
+      <div className={styles.installmentsNumber}>
+        <span className={styles.BiginstallmentsNumberText}>
+          {
+            product?.selectedItem?.sellers[0].commertialOffer.Installments[3]
+              .NumberOfInstallments
+          }{" "}
+          x
+        </span>
+        <span className={styles.installmentsNumberText}> de </span>
+        <span className={styles.BiginstallmentsNumberText}>
+          R${" "}
+          {product?.selectedItem?.sellers[0].commertialOffer.Installments[3].Value.toString().replace(
+            ".",
+            ","
+          )}
+        </span>
+        <span className={styles.installmentsNumberText}> sem juros</span>
+      </div>
+      <div className={styles.pixWrapper}>
+        <img className={styles.pixImage}
+          src="https://agenciamagma.vteximg.com.br/arquivos/pix-daviklein.svg"
+          alt="pix-image"
+        />
+        <div className={styles.PixValues}>
+          <span className={styles.PixValuesPrice}>
+            R${" "}
+            {(
+              Number(
+                product?.selectedItem?.sellers[0].commertialOffer
+                  .Installments[0].TotalValuePlusInterestRate
+              ) * 0.9
+            )
+              .toFixed(2)
+              .toString()
+              .replace(".", ",")}
+          </span>
+          <span className={styles.PixValuesText}>10 % de desconto</span>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/react/components/Prices/styles.css b/react/components/Prices/styles.css
new file mode 100644
index 0000000..f45a118
--- /dev/null
+++ b/react/components/Prices/styles.css
@@ -0,0 +1,65 @@
+.pixWrapper {
+  display: flex;
+}
+
+.fullPrice {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 25px;
+  line-height: 38px;
+  color: #000000;
+}
+
+.installmentsNumberText {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+
+.BiginstallmentsNumberText {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+
+.pixWrapper {
+  display: flex;
+  gap: 26px;
+  margin-top: 8px;
+}
+
+.pixImage {
+  width: 66px;
+  height: 24px;
+  align-self: center;
+}
+
+.PixValues {
+  display: flex;
+  flex-direction: column;
+}
+
+.PixValuesPrice {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 25px;
+  color: rgba(0, 0, 0, 0.58);
+}
+
+.PixValuesText {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-size: 13px;
+  line-height: 18px;
+  color: #929292;
+}
diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc
index 698200c..c0ee556 100644
--- a/store/blocks/pdp/product.jsonc
+++ b/store/blocks/pdp/product.jsonc
@@ -15,18 +15,40 @@
   },
   "list-context.product-list#demo1": {
     "blocks": ["product-summary.shelf#demo1"],
-    "children": ["slider-layout#demo-products"]
+    "children": ["html#slider-layout"]
   },
+
   "product-summary.shelf#demo1": {
     "children": [
-      "product-summary-name",
-      "product-summary-description",
-      "product-summary-image",
-      "product-summary-price",
-      "product-summary-sku-selector",
-      "product-summary-buy-button"
+      "html#sliderPrateleira"
+      // "product-summary-name",
+      // "product-summary-description",
+      // "product-summary-image",
+      // "product-summary-price",
+      // "product-summary-sku-selector",
+      // "product-summary-buy-button"
     ]
   },
+  "html#sliderPrateleira": {
+    "props": {
+      "testId": "vtex-product-summary",
+      "blockClass": "prateleira-flexcol"
+    },
+    "children": [
+      "product-summary-image",
+      "product-summary-name",
+      "product-list-price",
+      "product-selling-price"
+    ]
+  },
+  "html#slider-layout": {
+    "props": {
+      "testId": "product-summary-list",
+      "blockClass": "slider-layout-wrapper"
+    },
+    "children": ["slider-layout#demo-products"]
+  },
+
   "slider-layout#demo-products": {
     "props": {
       "itemsPerPage": {
@@ -35,7 +57,7 @@
         "phone": 2
       },
       "infinite": true,
-      "showNavigationArrows": "desktopOnly",
+      "showNavigationArrows": "always",
       "blockClass": "carousel"
     }
   },
@@ -49,17 +71,32 @@
     "children": ["breadcrumb"]
   },
   "flex-layout.row#specifications-title": {
+    "props": {
+      "props": {
+        "marginBottom": 7,
+        "marginTop": 7
+      }
+    },
     "children": ["rich-text#specifications"]
   },
   "rich-text#specifications": {
     "props": {
-      "text": "##### Product Specifications"
+      "text": "##### Você também pode gostar:",
+      "textPosition": "CENTER",
+      "textAlignment": "CENTER",
+      "blockClass": "specifications-texto"
     }
   },
   "flex-layout.row#description": {
     "props": {
       "marginBottom": 7
     },
+    "children": ["html#product-description"]
+  },
+  "html#product-description": {
+    "props": {
+      "testId": "product-description"
+    },
     "children": ["tab-layout#description"]
   },
   "tab-layout#description": {
@@ -174,12 +211,19 @@
     }
   },
   "flex-layout.row#product-image": {
+    "children": ["html#product-images"]
+  },
+  "html#product-images": {
+    "props": {
+      "testId": "product-images"
+    },
     "children": ["product-images"]
   },
   "product-images": {
     "props": {
       "aspectRatio": {
         "desktop": "auto",
+        "testId": "",
         "phone": "16:9"
       },
       "displayThumbnailsArrows": false,
@@ -194,31 +238,93 @@
       "rowGap": 0
     },
     "children": [
-      "flex-layout.row#product-name",
-      "product-identifier.product",
+      "html#product-name",
+      "html#codigo",
       "product-rating-summary",
-      "flex-layout.row#selling-price",
+      "html#selling-price",
+      // "flex-layout.row#selling-price",
+      "html#product-installments",
       "html#pix-component",
-      "sku-selector",
+      "html#sku-selector",
+      // "html#product-quantity",
+      // "html#add-to-cart-button",
       "html#cart-content",
+      "Placeholder",
       "product-assembly-options",
       "product-gifts",
       "availability-subscriber",
-      "shipping-simulator",
-      "share#default"
+      "html#shipping-simulator"
     ]
   },
+  "html#product-name": {
+    "props": {
+      "marginBottom": 3,
+      "testId": "product-name",
+      "blockClass": "productName"
+    },
+    "children": ["vtex.store-components:product-name"]
+  },
+  "html#codigo": {
+    "props": {
+      "blockClass": "codigo",
+      "testId": "product-code"
+    },
+    "children": ["product-identifier.product"]
+  },
+
+  "html#product-installments": {
+    "props": {
+      "testId": "product-installments"
+    },
+    "children": ["product-installments"]
+  },
+
+  "html#selling-price": {
+    "props": {
+      "testId": "product-price"
+    },
+    "children": ["flex-layout.row#selling-price"]
+  },
+
   "html#pix-component": {
     "props": {
-      "testId": "pix-price"
+      "testId": "pix-price",
+      "blockClass": "pix"
     },
     "children": ["pix-component"]
   },
+  "html#add-to-cart-button": {
+    "props": {
+      "testId": "add-to-cart-button",
+      "blockClass": "addButton"
+    },
+    "children": ["flex-layout.row#buy-button"]
+  },
+
+  "html#product-quantity": {
+    "props": {
+      "testId": "product-quantity"
+    },
+    "children": ["product-quantity"]
+  },
   "html#cart-content": {
     "props": {
       "blockClass": "cart-content"
     },
-    "children": ["product-quantity", "flex-layout.row#buy-button"]
+    "children": ["html#product-quantity", "html#add-to-cart-button"]
+  },
+  "html#sku-selector": {
+    "props": {
+      "testId": "sku-selector"
+    },
+    "children": ["sku-selector"]
+  },
+  "html#shipping-simulator": {
+    "props": {
+      "testId": "shipping-simulator",
+      "blockClass": "shippingSimulator"
+    },
+    "children": ["shipping-simulator"]
   },
 
   "flex-layout.row#product-name": {
@@ -264,10 +370,10 @@
       "blockClass": "info-availability"
     },
     "children": [
-      "flex-layout.row#product-name",
-      "product-identifier.product",
-      "sku-selector",
-      "flex-layout.row#availability"
+      "html#product-name",
+      "html#codigo",
+      "flex-layout.row#availability",
+      "html#sku-selector"
     ]
   },
   "flex-layout.row#availability": {
diff --git a/store/interfaces.json b/store/interfaces.json
index c55366c..9f8761b 100644
--- a/store/interfaces.json
+++ b/store/interfaces.json
@@ -8,5 +8,8 @@
   "html": {
     "component": "html",
     "composition": "children"
+  },
+  "Placeholder": {
+    "component": "Placeholder"
   }
 }
diff --git a/styles/configs/font-faces.css b/styles/configs/font-faces.css
index c5c00b9..05db6ff 100644
--- a/styles/configs/font-faces.css
+++ b/styles/configs/font-faces.css
@@ -1,35 +1,465 @@
+/* cyrillic-ext */
 @font-face {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 300;
-  src: local("Open Sans Light"), local("OpenSans-Light"),
-    url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff)
-      format("woff");
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4taVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
 }
-
+/* cyrillic */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4kaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4saVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4jaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4iaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4vaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
 @font-face {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 400;
-  src: local("Open Sans"), local("OpenSans"),
-    url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
-      format("woff");
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
 }
-
+/* cyrillic */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4taVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4kaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4saVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4jaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4iaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4vaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4uaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
 @font-face {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 600;
-  src: local("Open Sans Semibold"), local("OpenSans-Semibold"),
-    url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff)
-      format("woff");
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4taVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
 }
-
+/* cyrillic */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4kaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4saVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4jaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4iaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4vaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4uaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
 @font-face {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: 700;
-  src: local("Open Sans Bold"), local("OpenSans-Bold"),
-    url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff)
-      format("woff");
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4taVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4saVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4jaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4iaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4vaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVIGxA.woff2)
+    format("woff2");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2)
+    format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css
index 1e14a9b..c847b6e 100644
--- a/styles/css/agenciamagma.store-theme.css
+++ b/styles/css/agenciamagma.store-theme.css
@@ -13,4 +13,41 @@
 
 .html--pdp-breadcrumb {
   background-color: transparent;
-}
\ No newline at end of file
+}
+
+.html--addButton {
+  width: 100%;
+}
+
+:global(.vtex-store-components-3-x-discountInsideContainer) {
+  display: none !important;
+}
+
+.html--prateleira-flexcol {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+@media screen and (max-width: 1024px) {
+  .html--prateleira-flexcol {
+    gap: 8px;
+  }
+}
+@media (min-width: 2560px) {
+  .html--prateleira-flexcol {
+    min-width: 434.4px;
+    min-height: 568.4px;
+  }
+}
+
+@media (min-width: 2560px) {
+  .html--slider-layout-wrapper {
+    margin: 0 350px !important;
+  }
+}
+
+.html--cart-content {
+  @media (max-width: 1024px) {
+    flex-direction: column;
+  }
+}
diff --git a/styles/css/store-components.css b/styles/css/store-components.css
index f3fd9be..e31a7db 100644
--- a/styles/css/store-components.css
+++ b/styles/css/store-components.css
@@ -72,4 +72,4 @@
   font-weight: 700;
   font-size: 14px;
   line-height: 19px;
-}
\ No newline at end of file
+}
diff --git a/styles/css/vtex.add-to-cart-button.css b/styles/css/vtex.add-to-cart-button.css
new file mode 100644
index 0000000..c0b0c03
--- /dev/null
+++ b/styles/css/vtex.add-to-cart-button.css
@@ -0,0 +1,12 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.addButton {
+  width: 100%;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
index dd4d7c7..95f7efd 100644
--- a/styles/css/vtex.breadcrumb.css
+++ b/styles/css/vtex.breadcrumb.css
@@ -8,20 +8,42 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .container {
-  display: flex;
   align-items: center;
 }
+@media (min-width: 2560px) {
+  .container {
+    margin: 0 320px;
+  }
+}
+.container .homeLink {
+  padding: 0;
+}
 .container .homeLink .homeIcon {
   display: none;
 }
 .container .homeLink::before {
   content: "Home";
-  font-size: 16px;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+@media (min-width: 2560px) {
+  .container .homeLink::before {
+    vertical-align: super;
+  }
 }
 .container .arrow--1 .link {
   font-size: 0;
 }
 .container .arrow--1 .link::before {
   content: "Sapatos";
-  font-size: 16px;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 8f1fd90..d5fdff1 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -8,6 +8,69 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+:global(.vtex-breadcrumb-1-x-container) {
+  padding: 0 40px;
+}
+:global(.vtex-breadcrumb-1-x-container) :nth-child(n) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+:global(.vtex-breadcrumb-1-x-container) :global(.vtex-breadcrumb-1-x-term) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+
+:global(.vtex-telemarketing-2-x-wrapper) :global(.vtex-store-components-3-x-container) {
+  margin: auto;
+}
+
+:global(.vtex-store-components-3-x-container) {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+@media (min-width: 2560px) {
+  :global(.vtex-store-components-3-x-container) {
+    max-width: 100%;
+    margin: 0 320px;
+  }
+}
+:global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
+  padding-right: 0 !important;
+  overflow: hidden;
+}
+:global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 0px 40px;
+  gap: 32px;
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+@media (max-width: 1024px) {
+  :global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) {
+    flex-direction: column;
+  }
+}
+:global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) :global(.vtex-flex-layout-0-x-flexRow) :global(.vtex-flex-layout-0-x-flexRowContent) {
+  display: block;
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.addButton {
+  width: 100%;
+}
+
 .flexRow--buyButton {
   width: 100%;
 }
@@ -18,6 +81,7 @@
   background-color: black;
   height: 49px;
   border: none;
+  border-radius: unset;
 }
 .flexRow--buyButton .flexRowContent--buyButton :global(.vtex-add-to-cart-button-0-x-buttonText) {
   font-size: 0;
@@ -30,4 +94,22 @@
   font-size: 18px;
   line-height: 25px;
   color: #ffffff;
+}
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-flex-layout-0-x-flexRowContent) {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .flexColChild {
+    width: 100%;
+  }
+}
+@media screen and (max-width: 376px) {
+  :global(.vtex-add-to-cart-button-0-x-buttonText) {
+    max-width: 168px;
+  }
+  .flexRow--buyButton .flexRowContent--buyButton :global(.vtex-button) {
+    height: 74px !important;
+  }
 }
\ No newline at end of file
diff --git a/styles/css/vtex.flex-layoutbreadcrumb.css b/styles/css/vtex.flex-layoutbreadcrumb.css
new file mode 100644
index 0000000..a5569af
--- /dev/null
+++ b/styles/css/vtex.flex-layoutbreadcrumb.css
@@ -0,0 +1,16 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.vtex-breadcrumb-1-x-container {
+  background-color: red;
+}
+
+.vtex-breadcrumb-1-x-container {
+  padding: 0 !important;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.product-identifier.css b/styles/css/vtex.product-identifier.css
index 0af7a55..0feb2a3 100644
--- a/styles/css/vtex.product-identifier.css
+++ b/styles/css/vtex.product-identifier.css
@@ -19,5 +19,12 @@
   font-size: 14px;
   line-height: 19px;
   float: right;
+  margin-bottom: 24px;
   color: rgba(146, 146, 146, 0.48);
+}
+
+@media screen and (max-width: 1024px) {
+  .product-identifier__value {
+    float: left;
+  }
 }
\ No newline at end of file
diff --git a/styles/css/vtex.product-price.css b/styles/css/vtex.product-price.css
index 8b81f8f..57faf03 100644
--- a/styles/css/vtex.product-price.css
+++ b/styles/css/vtex.product-price.css
@@ -17,4 +17,58 @@
 
 .flexRowContent {
   margin: 0 !important;
+}
+
+.listPriceValue {
+  text-decoration-line: line-through;
+  text-decoration-color: #bababa;
+}
+.listPriceValue::before {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  color: #bababa;
+  line-height: 19px;
+  content: "de";
+  margin-right: 6px;
+}
+.listPriceValue::after {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  color: #bababa;
+  line-height: 19px;
+  content: "por";
+  margin-left: 5px;
+}
+.listPriceValue .currencyCode,
+.listPriceValue .currencyLiteral,
+.listPriceValue .currencyInteger {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #bababa;
+}
+
+@media screen and (max-width: 1024px) {
+  .listPrice {
+    height: 19px;
+  }
+  .listPriceValue .currencyCode,
+  .listPriceValue .currencyLiteral,
+  .listPriceValue .currencyInteger {
+    font-size: 12px;
+    line-height: 16px;
+  }
+  .sellingPrice {
+    font-size: 18px;
+    line-height: 25px;
+  }
+}
+.currencyGroup {
+  color: #bababa;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css
index 34c4328..cad7f7f 100644
--- a/styles/css/vtex.rich-text.css
+++ b/styles/css/vtex.rich-text.css
@@ -6,4 +6,27 @@
 1800px + : Big desktop
 */
 /* Media Query M3 */
-/* Grid breakpoints */
\ No newline at end of file
+/* Grid breakpoints */
+.heading--specifications-texto {
+  margin: 0 0 16px;
+}
+@media (min-width: 2560px) {
+  .heading--specifications-texto {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 38px;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .heading--specifications-texto {
+    font-size: 24px;
+    line-height: 38px;
+    margin: 0;
+  }
+}
+@media screen and (max-width: 376px) {
+  .heading--specifications-texto {
+    font-size: 20px;
+  }
+}
\ No newline at end of file
diff --git a/styles/css/vtex.shipping-simulator.css b/styles/css/vtex.shipping-simulator.css
new file mode 100644
index 0000000..c360e75
--- /dev/null
+++ b/styles/css/vtex.shipping-simulator.css
@@ -0,0 +1,22 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.shippingContainer {
+  display: none !important;
+}
+.shippingContainer :global(.vtex-button__label) {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 0px;
+  width: 49px;
+  height: 49px;
+  background: #000000;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index ce6049d..270105e 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -9,6 +9,12 @@
 /* Grid breakpoints */
 .sliderLayoutContainer {
   padding: 16px 40px 113px;
+  margin-bottom: -49px;
+}
+@media (min-width: 2560px) {
+  .sliderLayoutContainer {
+    width: 100%;
+  }
 }
 .sliderLayoutContainer .sliderTrackContainer {
   padding: 0 24px 36px;
@@ -20,24 +26,36 @@
   margin: 0;
   width: 100%;
 }
+@media (min-width: 2560px) {
+  .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) {
+    align-items: center;
+    max-width: 434.4px !important;
+    min-height: 543.4px !important;
+  }
+}
 .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) {
   display: flex;
-  order: 1;
   width: 100%;
 }
 .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-product-summary-2-x-imageNormal) {
   height: 314px;
+  background-color: #ededed;
+}
+@media (min-width: 2560px) {
+  .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-product-summary-2-x-imageNormal) {
+    min-width: 434.4px;
+    min-height: 434.4px;
+  }
 }
 .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) {
   display: flex;
-  order: 2;
   padding: 0;
   justify-content: center;
 }
 .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) :global(.vtex-product-summary-2-x-productBrand) {
   display: flex;
   max-width: 282.4px;
-  height: 50px;
+  height: auto;
   align-items: center;
   font-family: "Open Sans", sans-serif;
   font-style: normal;
@@ -104,6 +122,15 @@
   text-align: center;
   color: #000;
 }
+.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-priceContainer) :global(.vtex-store-components-3-x-sellingPrice) :global(.vtex-product-summary-2-x-currencyContainer) :nth-child(n) {
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 33px;
+  text-align: center;
+  color: #000;
+}
 .sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-priceContainer) :global(.vtex-store-components-3-x-sellingPrice) :global(.vtex-store-components-3-x-sellingPriceLabel) {
   display: none;
 }
@@ -121,6 +148,7 @@
 }
 .sliderLayoutContainer .paginationDotsContainer {
   bottom: 113px;
+  align-items: center;
 }
 .sliderLayoutContainer .paginationDotsContainer .paginationDot {
   width: 10px;
@@ -130,4 +158,84 @@
 }
 .sliderLayoutContainer .paginationDotsContainer .paginationDot--isActive {
   background-color: #fff;
+  height: 17px !important;
+  width: 17px !important;
+}
+
+.slide .slideChildrenContainer :global(.vtex-product-summary-2-x-clearLink) :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) .html--prateleira-flexcol {
+  display: flex;
+}
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-product-summary-2-x-productBrand) {
+    font-size: 14px !important;
+    line-height: 19px !important;
+    height: auto !important;
+  }
+  :global(.vtex-product-summary-2-x-imageContainer) {
+    margin-bottom: 4px;
+  }
+  .sliderTrackContainer {
+    padding: 0 24px 24px !important;
+  }
+  .sliderTrack {
+    gap: 12px !important;
+  }
+  .sliderLayoutContainer {
+    margin-bottom: -49px;
+  }
+}
+@media screen and (max-width: 376px) {
+  .sliderLayoutContainer {
+    margin-bottom: -81px;
+  }
+  .sliderTrack {
+    gap: 8px !important;
+  }
+  :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-product-summary-2-x-imageNormal) {
+    height: 124.8px !important;
+  }
+  .sliderTrackContainer {
+    padding-bottom: 16px !important;
+  }
+}
+:global(.vtex-product-price-1-x-interestRate)::after {
+  content: "sem juros";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+
+:global(.vtex-product-price-1-x-installments) {
+  font-size: 0;
+}
+
+:global(.vtex-product-price-1-x-installmentValue) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+:global(.vtex-product-price-1-x-installmentValue)::before {
+  content: " de ";
+}
+:global(.vtex-product-price-1-x-installmentValue)::after {
+  content: " ";
+}
+
+:global(.vtex-product-price-1-x-installmentsNumber) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+}
+:global(.vtex-product-price-1-x-installmentsNumber)::after {
+  content: " x ";
 }
\ No newline at end of file
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 863e33f..c81ff86 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*
 0 - 600PX: Phone
 600 - 900px: Table portrait
@@ -14,7 +15,7 @@
   font-size: 0;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 8px;
 }
 .newsletter .container .form .label::before {
   content: "Assine nossa newsletter";
@@ -35,10 +36,23 @@
   line-height: 25px;
   color: #929292;
 }
+@media (max-width: 350px) {
+  .newsletter .container .form .label::after {
+    white-space: unset;
+  }
+}
 .newsletter .container .form .inputGroup {
   display: flex;
   justify-content: center;
 }
+.newsletter .container .form .inputGroup :global(.vtex-input) {
+  width: 686px;
+}
+@media (max-width: 1024px) {
+  .newsletter .container .form .inputGroup :global(.vtex-input) {
+    width: 100%;
+  }
+}
 .newsletter .container .form .inputGroup :global(.vtex-input) :global(.vtex-input-prefix__group) {
   border: none;
   border-bottom: 1px #929292 solid;
@@ -63,6 +77,7 @@
   padding: 0;
 }
 .newsletter .container .form .inputGroup :global(.vtex-store-components-3-x-buttonContainer) :global(.vtex-button) {
+  width: 88px;
   background: black;
   border: none;
   border-bottom: 3px gray solid;
@@ -79,14 +94,28 @@
   font-weight: 300;
   font-size: 20px;
   line-height: 34px;
+  margin-bottom: 8px;
   float: right;
   color: #575757;
 }
 
+.productImageTag {
+  object-fit: unset !important;
+  max-height: 100% !important;
+  width: 100%;
+}
+
+:global(.vtex-store-components-3-x-productImageTag--zoom) {
+  display: none;
+}
+
+:global(.vtex-stack-layout-0-x-stackItem) {
+  min-height: unset;
+}
+
 .skuSelectorContainer {
   display: flex;
   flex-direction: column-reverse;
-  margin-top: 16px;
 }
 
 .skuSelectorSubcontainer--tamanho {
@@ -216,6 +245,11 @@
   line-height: 32px;
   color: #575757;
 }
+@media (min-width: 2560px) {
+  :global(.vtex-tab-layout-0-x-contentContainer) .productDescriptionContainer .productDescriptionTitle {
+    font-size: 32px;
+  }
+}
 :global(.vtex-tab-layout-0-x-contentContainer) .productDescriptionContainer .productDescriptionText {
   font-family: "Open Sans";
   font-style: normal;
@@ -223,4 +257,362 @@
   font-size: 16px;
   line-height: 22px;
   color: #929292;
+}
+@media (min-width: 2560px) {
+  :global(.vtex-tab-layout-0-x-contentContainer) .productDescriptionContainer .productDescriptionText {
+    font-size: 18px;
+    line-height: 25px;
+  }
+}
+@media (min-width: 2560px) {
+  :global(.vtex-tab-layout-0-x-contentContainer) .productDescriptionContainer .productDescriptionText :first-child {
+    margin: 0;
+  }
+}
+
+.carouselGaleryThumbs {
+  margin-top: 16px;
+}
+@media (max-width: 639px) {
+  .carouselGaleryThumbs {
+    display: block;
+  }
+}
+.carouselGaleryThumbs :first-child {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 0px;
+  gap: 16px;
+}
+.carouselGaleryThumbs :first-child :first-child .productImagesThumb {
+  height: 90px !important;
+  width: 90px !important;
+  margin-bottom: 0;
+}
+.carouselGaleryThumbs :first-child :first-child .productImagesThumb .figure {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 0px;
+  gap: 16px;
+}
+.carouselGaleryThumbs :first-child :first-child .productImagesThumb .figure .thumbImg {
+  height: 90px;
+  width: 90px;
+  border-radius: 8px;
+}
+
+.shippingContainer {
+  display: flex;
+  margin: 0;
+  align-items: center;
+  position: relative;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) {
+  display: flex;
+  padding-bottom: 0;
+}
+@media (max-width: 540px) {
+  .shippingContainer :global(.vtex-address-form__postalCode) {
+    width: calc(100% - 47px);
+    flex-direction: column;
+  }
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) {
+  display: flex;
+  flex-direction: column;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input__label) {
+  font-size: 0;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input__label)::before {
+  content: "CALCULAR FRETE:";
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) {
+  width: 231px;
+  height: 49px;
+  margin: 0;
+  padding: 16.5px 0 16.5px 16px;
+  border: 1px solid #cccccc;
+  border-radius: 0;
+}
+@media (max-width: 540px) {
+  .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) {
+    width: 100%;
+  }
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  padding: 8px 0;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-input) :global(.vtex-input__error) {
+  position: absolute;
+  bottom: 0;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) {
+  display: flex;
+  position: absolute;
+  padding: 0;
+  left: 312px;
+  top: 41.5px;
+}
+@media (max-width: 540px) {
+  .shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) {
+    margin-top: 8px;
+    margin-right: -49px;
+    justify-content: right;
+    position: static;
+  }
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :last-child {
+  color: #000;
+  line-height: normal;
+}
+.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :last-child :last-child {
+  display: none;
+}
+.shippingContainer :global(.vtex-button) {
+  display: flex;
+  width: 49px;
+  height: 49px;
+  align-self: end;
+  background: #000;
+  border: 1px solid #000;
+  border-radius: 0;
+  cursor: pointer;
+}
+@media (max-width: 540px) {
+  .shippingContainer :global(.vtex-button) {
+    align-self: center;
+    bottom: 0;
+  }
+}
+.shippingContainer :global(.vtex-button) :global(.vtex-button__label) {
+  padding: 0;
+  font-size: 0;
+}
+.shippingContainer :global(.vtex-button) :global(.vtex-button__label)::before {
+  content: "OK";
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 19px;
+  display: flex;
+  align-items: center;
+  color: #fff;
+}
+
+.shippingTable {
+  border: 0;
+  width: auto;
+}
+.shippingTable .shippingTableHead {
+  display: block;
+}
+.shippingTable .shippingTableHead .shippingTableRow {
+  display: grid;
+  grid-template-columns: 103px 56px 136px;
+  grid-template-areas: "A B C";
+  column-gap: 32px;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #202020;
+  text-transform: uppercase;
+  padding: 0;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName {
+  text-align: left;
+  grid-area: A;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate {
+  grid-area: C;
+  text-align: left;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
+  text-align: left;
+  grid-area: B;
+  font-size: 0;
+}
+.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice::after {
+  content: "Valor";
+  font-size: 14px;
+}
+.shippingTable .shippingTableBody .shippingTableRow {
+  display: grid;
+  grid-template-columns: 103px 56px 136px;
+  grid-template-areas: "A B C";
+  column-gap: 32px;
+  margin-top: 15px;
+}
+.shippingTable .shippingTableBody .shippingTableRow :nth-child(n) {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  color: #afafaf;
+}
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell {
+  padding: 0;
+}
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableRadioBtn {
+  display: none;
+}
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
+  grid-area: A;
+  text-transform: capitalize;
+}
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate {
+  white-space: nowrap;
+  grid-area: C;
+}
+.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice {
+  grid-area: B;
+}
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
+    width: 100% !important;
+  }
+  .productBrand {
+    float: left;
+  }
+  .productDescriptionTitle {
+    font-size: 20px !important;
+    line-height: 32px !important;
+  }
+  .productDescriptionText {
+    font-size: 14px !important;
+    line-height: 19px !important;
+  }
+  .container .form {
+    margin: 0 16px;
+    max-width: 992px;
+  }
+  .container .form .label {
+    width: 100%;
+  }
+  .container .form .label::after {
+    font-size: 16px !important;
+    line-height: 22px !important;
+  }
+  .container .form .inputGroup {
+    width: 100%;
+  }
+  .container .form .inputGroup :global(.vtex-styleguide-9-x-input) {
+    font-size: 12px !important;
+    line-height: 16px !important;
+    width: 100% !important;
+  }
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-title) {
+  font-size: 0;
+  margin: 0;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-title)::after {
+  content: "Produto indisponível";
+  font-family: "Open Sans", "sans-serif";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 19px;
+  display: flex;
+  align-items: center;
+  color: #868686;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-subscribeLabel) {
+  font-size: 0;
+  margin: 0;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-subscribeLabel)::before {
+  content: "Deseja saber quando estiver disponível?";
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  display: flex;
+  align-items: center;
+  color: #868686;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) {
+  margin: 0;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-column-gap: 8px;
+  grid-row-gap: 13px;
+}
+@media (min-width: 2560px) {
+  :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) {
+    min-width: 765px;
+  }
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) {
+  grid-area: 1/1/2/2;
+  margin: 0 !important;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  color: #989898;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) {
+  grid-area: 1/2/2/3;
+  margin: 0 !important;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  color: #989898;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-submit) {
+  grid-area: 2/1/3/3;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-submit) :global(.vtex-button) {
+  font-size: 0;
+  width: 100%;
+}
+:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-submit) :global(.vtex-button)::before {
+  content: "AVISE-ME";
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  height: 49px;
+  background: #000000;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 25px;
+  color: #ffffff;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css
index 92b105c..ce029c9 100644
--- a/styles/css/vtex.tab-layout.css
+++ b/styles/css/vtex.tab-layout.css
@@ -46,6 +46,11 @@
   padding-right: 0 !important;
   text-transform: capitalize;
 }
+@media (min-width: 2560px) {
+  .listContainer--listaDescricao .listItem :global(.vtex-button) :global(.vtex-button__label) {
+    font-size: 24px;
+  }
+}
 .listContainer--listaDescricao .listItemActive :global(.vtex-button) {
   border-radius: 0;
   border: none;
@@ -65,4 +70,47 @@
   padding-left: 0 !important;
   padding-right: 0 !important;
   text-transform: capitalize;
+}
+@media (min-width: 2560px) {
+  .listContainer--listaDescricao .listItemActive :global(.vtex-button) :global(.vtex-button__label) {
+    font-size: 24px;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .listContainer--listaDescricao {
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px 0;
+    border-top: 1px solid #b9b9b9;
+    margin-top: 16px;
+  }
+  .listItem :global(.vtex-button) {
+    padding: 0 !important;
+  }
+  .listItemActive :global(.vtex-button) {
+    padding: 0 !important;
+    border: none !important;
+  }
+  .contentContainer {
+    flex-direction: column;
+    padding: 0;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #b9b9b9;
+    margin-bottom: 16px;
+  }
+  :global(.vtex-store-components-3-x-productImagesContainer) {
+    width: 100% !important;
+  }
+  :global(.vtex-store-components-3-x-productDescriptionContainer) {
+    width: 100% !important;
+  }
+}
+@media screen and (max-width: 376px) {
+  .listContainer--listaDescricao {
+    margin-bottom: 16px;
+  }
+  .contentContainer {
+    gap: 16px;
+  }
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss
index 25facb9..1ebf8da 100644
--- a/styles/sass/pages/product/agenciamagma.store-theme.scss
+++ b/styles/sass/pages/product/agenciamagma.store-theme.scss
@@ -5,3 +5,36 @@
 .html--pdp-breadcrumb {
   background-color: transparent;
 }
+
+.html--addButton {
+  width: 100%;
+}
+
+:global(.vtex-store-components-3-x-discountInsideContainer) {
+  display: none !important;
+}
+
+.html--prateleira-flexcol {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  @media screen and (max-width: 1024px) {
+    gap: 8px;
+  }
+
+  @media (min-width: 2560px) {
+    min-width: 434.4px;
+    min-height: 568.4px;
+  }
+}
+
+.html--slider-layout-wrapper {
+  @media (min-width: 2560px) {
+    margin: 0 350px !important;
+  }
+}
+
+.html--cart-content {
+  flex-direction: column;
+}
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
index f5fdb5f..7572ab7 100644
--- a/styles/sass/pages/product/vtex.breadcrumb.scss
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -1,15 +1,27 @@
 .container {
-  display: flex;
   align-items: center;
+  @media (min-width: 2560px) {
+    margin: 0 320px;
+  }
 
   .homeLink {
+    padding: 0;
+
     .homeIcon {
       display: none;
     }
   }
   .homeLink::before {
     content: "Home";
-    font-size: 16px;
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #929292;
+    @media (min-width: 2560px) {
+      vertical-align: super;
+    }
   }
   .arrow--1 {
     .link {
@@ -17,7 +29,12 @@
     }
     .link::before {
       content: "Sapatos";
-      font-size: 16px;
+      font-family: "Open Sans";
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+      color: #929292;
     }
   }
 }
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 5127fa2..e28ea8f 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -2,6 +2,75 @@
 //   width: auto;
 //   padding: 0 40px;
 // }
+:global(.vtex-breadcrumb-1-x-container) {
+  padding: 0 40px;
+
+  :nth-child(n) {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #929292;
+  }
+
+  :global(.vtex-breadcrumb-1-x-term) {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #929292;
+  }
+}
+
+:global(.vtex-telemarketing-2-x-wrapper) {
+  :global(.vtex-store-components-3-x-container) {
+    margin: auto;
+  }
+}
+
+:global(.vtex-store-components-3-x-container) {
+  padding-left: 0px;
+  padding-right: 0px;
+  @media (min-width: 2560px) {
+    max-width: 100%;
+    margin: 0 320px;
+  }
+  :global(.vtex-flex-layout-0-x-flexRowContent) {
+    :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
+      padding-right: 0 !important;
+      overflow: hidden;
+    }
+  }
+
+  :global(.vtex-flex-layout-0-x-flexRowContent) {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    padding: 0px 40px;
+    gap: 32px;
+    margin-top: 16px;
+    margin-bottom: 16px;
+
+    @media (max-width: 1024px) {
+      flex-direction: column;
+    }
+    :global(.vtex-flex-layout-0-x-flexRow) {
+      :global(.vtex-flex-layout-0-x-flexRowContent) {
+        display: block;
+        padding: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.addButton {
+  width: 100%;
+}
+
 .flexRow--buyButton {
   width: 100%;
   .flexRowContent--buyButton {
@@ -10,6 +79,7 @@
       background-color: black;
       height: 49px;
       border: none;
+      border-radius: unset;
     }
     :global(.vtex-add-to-cart-button-0-x-buttonText) {
       font-size: 0;
@@ -26,3 +96,27 @@
     }
   }
 }
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-flex-layout-0-x-flexRowContent) {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+  }
+  .flexColChild {
+    width: 100%;
+  }
+}
+
+@media screen and (max-width: 376px) {
+  :global(.vtex-add-to-cart-button-0-x-buttonText) {
+    max-width: 168px;
+  }
+
+  .flexRow--buyButton {
+    .flexRowContent--buyButton {
+      :global(.vtex-button) {
+        height: 74px !important;
+      }
+    }
+  }
+}
diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtex.product-identifier.scss
index 56b4673..358d25a 100644
--- a/styles/sass/pages/product/vtex.product-identifier.scss
+++ b/styles/sass/pages/product/vtex.product-identifier.scss
@@ -9,6 +9,12 @@
   font-size: 14px;
   line-height: 19px;
   float: right;
-
+  margin-bottom: 24px;
   color: rgba(146, 146, 146, 0.48);
 }
+
+@media screen and (max-width: 1024px) {
+  .product-identifier__value {
+    float: left;
+  }
+}
diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtex.product-price.scss
index cd26dd4..61d80b4 100644
--- a/styles/sass/pages/product/vtex.product-price.scss
+++ b/styles/sass/pages/product/vtex.product-price.scss
@@ -9,3 +9,61 @@
 .flexRowContent {
   margin: 0 !important;
 }
+
+.listPriceValue {
+  text-decoration-line: line-through;
+  text-decoration-color: #bababa;
+  &::before {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #bababa;
+    line-height: 19px;
+    content: "de";
+    margin-right: 6px;
+  }
+  &::after {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #bababa;
+    line-height: 19px;
+    content: "por";
+    margin-left: 5px;
+  }
+  .currencyCode,
+  .currencyLiteral,
+  .currencyInteger {
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+    color: #bababa;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .listPrice {
+    height: 19px;
+  }
+  .listPriceValue {
+    .currencyCode,
+    .currencyLiteral,
+    .currencyInteger {
+      font-size: 12px;
+      line-height: 16px;
+    }
+  }
+
+  .sellingPrice {
+    font-size: 18px;
+    line-height: 25px;
+  }
+}
+
+.currencyGroup {
+  color: #bababa;
+}
diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss
index e69de29..1cf92b7 100644
--- a/styles/sass/pages/product/vtex.rich-text.scss
+++ b/styles/sass/pages/product/vtex.rich-text.scss
@@ -0,0 +1,22 @@
+.heading--specifications-texto {
+  margin: 0 0 16px;
+  @media (min-width: 2560px) {
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 38px;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .heading--specifications-texto {
+    font-size: 24px;
+    line-height: 38px;
+    margin: 0;
+  }
+}
+
+@media screen and (max-width: 376px) {
+  .heading--specifications-texto {
+    font-size: 20px;
+  }
+}
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index d11787f..31fea09 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -1,5 +1,14 @@
+// .sliderLayoutContainer--carousel {
+//   @media (min-width: 2560px) {
+//     margin: 0 350px;
+//   }
+// }
 .sliderLayoutContainer {
   padding: 16px 40px 113px;
+  margin-bottom: -49px;
+  @media (min-width: 2560px) {
+    width: 100%;
+  }
 
   .sliderTrackContainer {
     padding: 0 24px 36px;
@@ -12,27 +21,36 @@
           :global(.vtex-product-summary-2-x-container) {
             margin: 0;
             width: 100%;
+            @media (min-width: 2560px) {
+              align-items: center;
+              max-width: 434.4px !important;
+              min-height: 543.4px !important;
+            }
 
             :global(.vtex-product-summary-2-x-element) {
               :global(.vtex-product-summary-2-x-imageContainer) {
                 display: flex;
-                order: 1;
                 width: 100%;
 
                 :global(.vtex-product-summary-2-x-imageNormal) {
                   height: 314px;
+                  background-color: #ededed;
+
+                  @media (min-width: 2560px) {
+                    min-width: 434.4px;
+                    min-height: 434.4px;
+                  }
                 }
               }
               :global(.vtex-product-summary-2-x-nameContainer) {
                 display: flex;
-                order: 2;
                 padding: 0;
                 justify-content: center;
 
                 :global(.vtex-product-summary-2-x-productBrand) {
                   display: flex;
                   max-width: 282.4px;
-                  height: 50px;
+                  height: auto;
                   align-items: center;
 
                   font-family: "Open Sans", sans-serif;
@@ -102,6 +120,15 @@
                     line-height: 33px;
                     text-align: center;
                     color: #000;
+                    :nth-child(n) {
+                      font-family: "Open Sans", sans-serif;
+                      font-style: normal;
+                      font-weight: 700;
+                      font-size: 24px;
+                      line-height: 33px;
+                      text-align: center;
+                      color: #000;
+                    }
                   }
 
                   :global(.vtex-store-components-3-x-sellingPriceLabel) {
@@ -131,6 +158,7 @@
   }
   .paginationDotsContainer {
     bottom: 113px;
+    align-items: center;
 
     .paginationDot {
       width: 10px;
@@ -141,6 +169,102 @@
 
     .paginationDot--isActive {
       background-color: #fff;
+      height: 17px !important;
+      width: 17px !important;
     }
   }
 }
+
+.slide {
+  .slideChildrenContainer {
+    :global(.vtex-product-summary-2-x-clearLink) {
+      :global(.vtex-product-summary-2-x-container) {
+        :global(.vtex-product-summary-2-x-element) {
+          .html--prateleira-flexcol {
+            display: flex;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-product-summary-2-x-productBrand) {
+    font-size: 14px !important;
+    line-height: 19px !important;
+    height: auto !important;
+  }
+  :global(.vtex-product-summary-2-x-imageContainer) {
+    margin-bottom: 4px;
+  }
+  .sliderTrackContainer {
+    padding: 0 24px 24px !important;
+  }
+  .sliderTrack {
+    gap: 12px !important;
+  }
+  .sliderLayoutContainer {
+    margin-bottom: -49px;
+  }
+}
+
+@media screen and (max-width: 376px) {
+  .sliderLayoutContainer {
+    margin-bottom: -81px;
+  }
+  .sliderTrack {
+    gap: 8px !important;
+  }
+  :global(.vtex-product-summary-2-x-imageContainer) {
+    :global(.vtex-product-summary-2-x-imageNormal) {
+      height: 124.8px !important;
+    }
+  }
+  .sliderTrackContainer {
+    padding-bottom: 16px !important;
+  }
+}
+
+:global(.vtex-product-price-1-x-interestRate) {
+  &::after {
+    content: "sem juros";
+    font-family: "Open Sans";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 22px;
+    color: #929292;
+  }
+}
+
+:global(.vtex-product-price-1-x-installments) {
+  font-size: 0;
+}
+
+:global(.vtex-product-price-1-x-installmentValue) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+  &::before {
+    content: " de ";
+  }
+  &::after {
+    content: " ";
+  }
+}
+
+:global(.vtex-product-price-1-x-installmentsNumber) {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: #929292;
+  &::after {
+    content: " x ";
+  }
+}
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index f5dc9e8..2c72770 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -6,7 +6,7 @@
         font-size: 0;
         display: flex;
         flex-direction: column;
-        gap: 16px;
+        gap: 8px;
         &::before {
           content: "Assine nossa newsletter";
           font-size: 24px;
@@ -25,12 +25,19 @@
           font-size: 18px;
           line-height: 25px;
           color: #929292;
+          @media (max-width: 350px) {
+            white-space: unset;
+          }
         }
       }
       .inputGroup {
         display: flex;
         justify-content: center;
         :global(.vtex-input) {
+          width: 686px;
+          @media (max-width: 1024px) {
+            width: 100%;
+          }
           :global(.vtex-input-prefix__group) {
             border: none;
             border-bottom: 1px #929292 solid;
@@ -55,6 +62,7 @@
         :global(.vtex-store-components-3-x-buttonContainer) {
           padding: 0;
           :global(.vtex-button) {
+            width: 88px;
             background: black;
             border: none;
             border-bottom: 3px gray solid;
@@ -75,29 +83,25 @@
   font-weight: 300;
   font-size: 20px;
   line-height: 34px;
-
+  margin-bottom: 8px;
   float: right;
-
   color: #575757;
 }
 .productImageTag {
-  // width: 664px !important;
-  // height: 664px !important;
-  // max-height: none !important;
+  object-fit: unset !important;
+  max-height: 100% !important;
+  width: 100%;
 }
-
-.productImagesThumb,
-.carouselThumbBorder,
-.figure,
-.thumbImg {
-  // width: 90px !important;
-  // height: 90px !important;
+:global(.vtex-store-components-3-x-productImageTag--zoom) {
+  display: none;
+}
+:global(.vtex-stack-layout-0-x-stackItem) {
+  min-height: unset;
 }
 
 .skuSelectorContainer {
   display: flex;
   flex-direction: column-reverse;
-  margin-top: 16px;
 }
 
 .skuSelectorSubcontainer--tamanho {
@@ -236,8 +240,11 @@
       font-weight: 400;
       font-size: 24px;
       line-height: 32px;
-
       color: #575757;
+
+      @media (min-width: 2560px) {
+        font-size: 32px;
+      }
     }
     .productDescriptionText {
       font-family: "Open Sans";
@@ -246,7 +253,394 @@
       font-size: 16px;
       line-height: 22px;
 
+      @media (min-width: 2560px) {
+        font-size: 18px;
+        line-height: 25px;
+      }
+
       color: #929292;
+      :first-child {
+        @media (min-width: 2560px) {
+          margin: 0;
+        }
+      }
+    }
+  }
+}
+// .swiper-container-initialized {
+//   .swiper-wrapper {
+.carouselGaleryThumbs {
+  margin-top: 16px;
+  @media (max-width: 639px) {
+    display: block;
+  }
+  :first-child {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    padding: 0px;
+    gap: 16px;
+    :first-child {
+      .productImagesThumb {
+        height: 90px !important;
+        width: 90px !important;
+        margin-bottom: 0;
+        .figure {
+          display: flex;
+          flex-direction: row;
+          align-items: flex-start;
+          padding: 0px;
+          gap: 16px;
+          .thumbImg {
+            height: 90px;
+            width: 90px;
+            border-radius: 8px;
+          }
+        }
+      }
+    }
+  }
+}
+.shippingContainer {
+  display: flex;
+  margin: 0;
+  align-items: center;
+  position: relative;
+
+  :global(.vtex-address-form__postalCode) {
+    display: flex;
+    padding-bottom: 0;
+
+    @media (max-width: 540px) {
+      width: calc(100% - 47px);
+      flex-direction: column;
+    }
+
+    :global(.vtex-input) {
+      display: flex;
+      flex-direction: column;
+
+      :global(.vtex-input__label) {
+        font-size: 0;
+      }
+
+      :global(.vtex-input__label)::before {
+        content: "CALCULAR FRETE:";
+
+        font-family: "Open Sans", sans-serif;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 19px;
+        color: #929292;
+      }
+
+      :global(.vtex-input-prefix__group) {
+        @media (max-width: 540px) {
+          width: 100%;
+        }
+        width: 231px;
+        height: 49px;
+        margin: 0;
+        padding: 16.5px 0 16.5px 16px;
+
+        border: 1px solid #cccccc;
+        border-radius: 0;
+
+        :global(.vtex-address-form-4-x-input) {
+          font-family: "Open Sans";
+          font-style: normal;
+          font-weight: 400;
+          font-size: 12px;
+          line-height: 16px;
+          display: flex;
+          align-items: center;
+          padding: 8px 0;
+        }
+      }
+      :global(.vtex-input__error) {
+        position: absolute;
+        bottom: 0;
+      }
+    }
+
+    :global(.vtex-address-form__postalCode-forgottenURL) {
+      display: flex;
+      position: absolute;
+      padding: 0;
+      left: 312px;
+      top: 41.5px;
+
+      @media (max-width: 540px) {
+        margin-top: 8px;
+        margin-right: -49px;
+        justify-content: right;
+        position: static;
+      }
+
+      :last-child {
+        color: #000;
+        line-height: normal;
+        :last-child {
+          display: none;
+        }
+      }
+    }
+  }
+
+  :global(.vtex-button) {
+    display: flex;
+    width: 49px;
+    height: 49px;
+    align-self: end;
+    background: #000;
+    border: 1px solid #000;
+    border-radius: 0;
+    cursor: pointer;
+
+    @media (max-width: 540px) {
+      align-self: center;
+      bottom: 0;
+    }
+
+    :global(.vtex-button__label) {
+      padding: 0;
+      font-size: 0;
+    }
+
+    :global(.vtex-button__label)::before {
+      content: "OK";
+      font-family: "Open Sans", sans-serif;
+      font-style: normal;
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 19px;
+
+      display: flex;
+      align-items: center;
+
+      color: #fff;
+    }
+  }
+}
+
+.shippingTable {
+  border: 0;
+  width: auto;
+  .shippingTableHead {
+    display: block;
+    .shippingTableRow {
+      display: grid;
+      grid-template-columns: 103px 56px 136px;
+      grid-template-areas: "A B C";
+      column-gap: 32px;
+      .shippingTableHeadDeliveryName,
+      .shippingTableHeadDeliveryEstimate,
+      .shippingTableHeadDeliveryPrice {
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 19px;
+        color: #202020;
+        text-transform: uppercase;
+        padding: 0;
+      }
+      .shippingTableHeadDeliveryName {
+        text-align: left;
+        grid-area: A;
+      }
+      .shippingTableHeadDeliveryEstimate {
+        grid-area: C;
+        text-align: left;
+      }
+      .shippingTableHeadDeliveryPrice {
+        text-align: left;
+        grid-area: B;
+        font-size: 0;
+        &::after {
+          content: "Valor";
+          font-size: 14px;
+        }
+      }
+    }
+  }
+  .shippingTableBody {
+    .shippingTableRow {
+      display: grid;
+      grid-template-columns: 103px 56px 136px;
+      grid-template-areas: "A B C";
+      column-gap: 32px;
+      margin-top: 15px;
+      :nth-child(n) {
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+        color: #afafaf;
+      }
+      .shippingTableCell {
+        padding: 0;
+      }
+      .shippingTableRadioBtn {
+        display: none;
+      }
+      .shippingTableCellDeliveryName {
+        grid-area: A;
+        text-transform: capitalize;
+      }
+      .shippingTableCellDeliveryEstimate {
+        white-space: nowrap;
+        grid-area: C;
+      }
+      .shippingTableCellDeliveryPrice {
+        grid-area: B;
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  :global(.vtex-flex-layout-0-x-stretchChildrenWidth) {
+    width: 100% !important;
+  }
+
+  .productBrand {
+    float: left;
+  }
+
+  .productDescriptionTitle {
+    font-size: 20px !important;
+    line-height: 32px !important;
+  }
+
+  .productDescriptionText {
+    font-size: 14px !important;
+    line-height: 19px !important;
+  }
+
+  .container {
+    .form {
+      margin: 0 16px;
+      max-width: 992px;
+      .label {
+        width: 100%;
+
+        &::after {
+          font-size: 16px !important;
+          line-height: 22px !important;
+        }
+      }
+
+      .inputGroup {
+        width: 100%;
+
+        :global(.vtex-styleguide-9-x-input) {
+          font-size: 12px !important;
+          line-height: 16px !important;
+          width: 100% !important;
+        }
+      }
+    }
+  }
+}
+
+:global(.vtex-store-components-3-x-subscriberContainer) {
+  :global(.vtex-store-components-3-x-title) {
+    font-size: 0;
+    margin: 0;
+    &::after {
+      content: "Produto indisponível";
+      font-family: "Open Sans", "sans-serif";
+      font-style: normal;
+      font-weight: 700;
+      font-size: 14px;
+      line-height: 19px;
+      display: flex;
+      align-items: center;
+      color: #868686;
+    }
+  }
+  :global(.vtex-store-components-3-x-subscribeLabel) {
+    font-size: 0;
+    margin: 0;
+    &::before {
+      content: "Deseja saber quando estiver disponível?";
+      font-family: "Open Sans";
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 19px;
+      display: flex;
+      align-items: center;
+      color: #868686;
+    }
+  }
+  :global(.vtex-store-components-3-x-form) {
+    margin: 0;
+    :global(.vtex-store-components-3-x-content) {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-column-gap: 8px;
+      grid-row-gap: 13px;
+      @media (min-width: 2560px) {
+        min-width: 765px;
+      }
+      :global(.vtex-store-components-3-x-inputName) {
+        grid-area: 1 / 1 / 2 / 2;
+        margin: 0 !important;
+        :global(.vtex-input) {
+          :global(.vtex-input-prefix__group) {
+            :global(.vtex-styleguide-9-x-input) {
+              font-family: "Open Sans";
+              font-style: normal;
+              font-weight: 400;
+              font-size: 12px;
+              line-height: 16px;
+              display: flex;
+              align-items: center;
+              color: #989898;
+            }
+          }
+        }
+      }
+      :global(.vtex-store-components-3-x-inputEmail) {
+        grid-area: 1 / 2 / 2 / 3;
+        margin: 0 !important;
+        :global(.vtex-input) {
+          :global(.vtex-input-prefix__group) {
+            :global(.vtex-styleguide-9-x-input) {
+              font-family: "Open Sans";
+              font-style: normal;
+              font-weight: 400;
+              font-size: 12px;
+              line-height: 16px;
+              display: flex;
+              align-items: center;
+              color: #989898;
+            }
+          }
+        }
+      }
+      :global(.vtex-store-components-3-x-submit) {
+        grid-area: 2 / 1 / 3 / 3;
+        :global(.vtex-button) {
+          font-size: 0;
+          width: 100%;
+        }
+        :global(.vtex-button)::before {
+          content: "AVISE-ME";
+          width: 100%;
+          display: flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+          gap: 10px;
+          height: 49px;
+          background: #000000;
+          font-weight: 600;
+          font-size: 18px;
+          line-height: 25px;
+          color: #ffffff;
+        }
+      }
     }
   }
 }
diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss
index e2b9d9b..ccdcd21 100644
--- a/styles/sass/pages/product/vtex.tab-layout.scss
+++ b/styles/sass/pages/product/vtex.tab-layout.scss
@@ -33,6 +33,9 @@
         padding-left: 0 !important;
         padding-right: 0 !important;
         text-transform: capitalize;
+        @media (min-width: 2560px) {
+          font-size: 24px;
+        }
       }
     }
   }
@@ -55,7 +58,53 @@
         padding-left: 0 !important;
         padding-right: 0 !important;
         text-transform: capitalize;
+        @media (min-width: 2560px) {
+          font-size: 24px;
+        }
       }
     }
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .listContainer--listaDescricao {
+    flex-direction: column;
+    gap: 16px;
+    padding: 16px 0;
+    border-top: 1px solid #b9b9b9;
+    margin-top: 16px;
+  }
+  .listItem {
+    :global(.vtex-button) {
+      padding: 0 !important;
+    }
+  }
+  .listItemActive {
+    :global(.vtex-button) {
+      padding: 0 !important;
+      border: none !important;
+    }
+  }
+  .contentContainer {
+    flex-direction: column;
+    padding: 0;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #b9b9b9;
+    margin-bottom: 16px;
+  }
+  :global(.vtex-store-components-3-x-productImagesContainer) {
+    width: 100% !important;
+  }
+  :global(.vtex-store-components-3-x-productDescriptionContainer) {
+    width: 100% !important;
+  }
+}
+
+@media screen and (max-width: 376px) {
+  .listContainer--listaDescricao {
+    margin-bottom: 16px;
+  }
+  .contentContainer {
+    gap: 16px;
+  }
+}
diff --git a/styles/sass/pages/vtex.add-to-cart-button.scss b/styles/sass/pages/vtex.add-to-cart-button.scss
new file mode 100644
index 0000000..9ed654f
--- /dev/null
+++ b/styles/sass/pages/vtex.add-to-cart-button.scss
@@ -0,0 +1,3 @@
+.addButton {
+  width: 100%;
+}