diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 306ef9b..0a7c193 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -10,3 +10,9 @@
}
+ @media screen and (max-width: 375px) {
+
+ [class*="html--cart-button"] {
+ flex-direction: column;
+ }
+ }
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
new file mode 100644
index 0000000..fb924c3
--- /dev/null
+++ b/styles/css/vtex.breadcrumb.css
@@ -0,0 +1,36 @@
+/*
+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 */
+.container {
+ padding: 0 40px;
+}
+
+.homeLink .homeIcon {
+ display: none;
+}
+.homeLink::before {
+ content: "Home";
+ font-family: "Open Sans", sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+ color: #929292;
+}
+
+.link--1,
+.link--2,
+.link--3 {
+ font-family: "Open Sans", sans-serif;
+ 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.store-components.css b/styles/css/vtex.store-components.css
index 6ef40b4..80f58d7 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -123,6 +123,11 @@
right: 0px;
}
}
+@media screen and (max-width: 600px) {
+ .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
+ position: inherit;
+ }
+}
.shareContainer {
display: none;
@@ -270,6 +275,10 @@
color: #B9B9B9;
}
+.productImageTag--produto-carrossel--main {
+ max-height: inherit !important;
+}
+
.productImageTag--description-imagem {
max-height: 100% !important;
}
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
new file mode 100644
index 0000000..cbd2cd5
--- /dev/null
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -0,0 +1,32 @@
+.container{
+ padding: 0 40px;
+}
+
+.homeLink {
+ .homeIcon {
+ display: none;
+ }
+
+ &::before {
+ content: "Home";
+ font-family: "Open Sans", sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+
+ color: #929292;
+ }
+}
+
+.link--1,
+.link--2,
+.link--3 {
+ font-family: "Open Sans", sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 19px;
+
+ color: #929292;
+}
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 6d68d2d..79c06d8 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -98,6 +98,9 @@
@media screen and (max-width: 1024px) {
right: 0px;
}
+ @media screen and (max-width: 600px) {
+ position: inherit;
+ }
}
.shareContainer {
@@ -231,6 +234,9 @@
color: #B9B9B9;
}
+.productImageTag--produto-carrossel--main{
+ max-height: inherit !important;
+}
.productImageTag--description-imagem{