feat: breadcrumb alterado, ajustes no responsivo

react/components/Html/styles.css

@@ -10,3 +10,9 @@
 
  }
 
+ @media screen and (max-width: 375px) {
+
+  [class*="html--cart-button"] {
+    flex-direction: column;
+   }
+ }

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;
+}

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;
 }

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;
+}

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{