From db362ddb08f9b5daa0e1cfb8fa29eccfe4a17637 Mon Sep 17 00:00:00 2001
From: Samuel <samuelcondackxz@gmail.com>
Date: Wed, 8 Feb 2023 18:12:20 -0300
Subject: [PATCH] feat: adiciona css no carouselGaleryThumbs

---
 styles/css/vtex.store-components.css                 | 12 +++++++++++-
 styles/sass/pages/product/vtex.store-components.scss |  8 +++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 0257d99..192614e 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -33,6 +33,11 @@
   padding: 0;
   margin: 16px 0;
 }
+@media (max-width: 1024px) {
+  :global(.vtex-flex-layout-0-x-flexRow) :global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) {
+    margin-bottom: 50px;
+  }
+}
 
 .newsletter {
   background: black;
@@ -112,7 +117,7 @@
 @media (max-width: 639px) {
   .carouselGaleryThumbs {
     display: flex;
-    width: 73%;
+    width: 100%;
   }
 }
 
@@ -545,6 +550,11 @@
 .carouselGaleryThumbs :first-child {
   height: 90px;
 }
+@media (max-width: 639px) {
+  .carouselGaleryThumbs :first-child {
+    margin: 0;
+  }
+}
 .carouselGaleryThumbs :first-child :first-child {
   gap: 16px !important;
 }
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index a6a5ccb..3b754a7 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -22,6 +22,9 @@
     :global(.vtex-flex-layout-0-x-flexRowContent){
       padding: 0;
       margin: 16px 0;
+      @media (max-width: 1024px){
+        margin-bottom: 50px;
+      }
     }
   }
 }
@@ -105,7 +108,7 @@
   width: 70%;
   @media (max-width: 639px){
     display: flex;
-    width: 73%;
+    width: 100%;
   }
 }
 // .productImageTag{
@@ -572,6 +575,9 @@
 .carouselGaleryThumbs {
   :first-child {
     height: 90px;
+    @media (max-width:639px){
+      margin: 0;
+    }
 
     :first-child {
       gap: 16px !important;