From 4053a8c2a3cdd71ebfaf2d487b3f9ac3d1994c1d Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Fri, 3 Feb 2023 14:53:43 -0300
Subject: [PATCH] style: retornando estilo do tab layout para o estilo do tab
 layout do commit 4eae32f126a9c71041e309967f07063a57cd34f0 e corrigindo altura

---
 styles/css/vtex.store-components.css          | 30 +++++--------------
 .../vtexStore/vtex.store-components.scss      | 25 ++++------------
 2 files changed, 14 insertions(+), 41 deletions(-)

diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index e72eb43..8f920ed 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -709,17 +709,15 @@
 @media (max-width: 1025px) and (min-width: 768px) {
   .productImagesContainer--image-description {
     width: 100%;
-    height: auto;
+    height: 944px;
     margin-left: 0;
     margin-bottom: 16px;
   }
 }
 @media (max-width: 768px) and (min-width: 375px) {
   .productImagesContainer--image-description {
-    width: 99.67% !important;
-    min-height: 296px !important;
-    object-fit: cover !important;
-    height: auto !important;
+    width: 100%;
+    height: auto;
     margin-left: 0;
     margin-bottom: 16px;
   }
@@ -733,28 +731,16 @@
   }
 }
 @media (max-width: 1025px) and (min-width: 768px) {
+  .productImagesContainer--image-description .productImage--image-description {
+    height: 944px;
+  }
+}
+@media (max-width: 768px) and (min-width: 375px) {
   .productImagesContainer--image-description .productImage--image-description {
     height: auto;
   }
 }
-@media (max-width: 768px) and (min-width: 377px) {
-  .productImagesContainer--image-description .productImage--image-description {
-    width: 100% !important;
-    min-height: 296px !important;
-    object-fit: cover !important;
-    height: auto !important;
-  }
-}
-@media (max-width: 377px) and (min-width: 376px) {
-  .productImagesContainer--image-description .productImage--image-description {
-    width: 100% !important;
-    min-height: unset !important;
-    height: 296px !important;
-    object-fit: cover !important;
-  }
-}
 .productImagesContainer--image-description .productImage--image-description .productImageTag--image-description--main {
-  height: auto !important;
   object-fit: cover !important;
   max-height: unset !important;
 }
diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss
index bfbc272..1466697 100644
--- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss
@@ -672,15 +672,13 @@
   }
   @media (max-width: 1025px) and (min-width: 768px) {
     width: 100%;
-    height: auto;
+    height: 944px;
     margin-left: 0;
     margin-bottom: 16px;
   }
   @media (max-width: 768px) and (min-width: 375px) {
-    width: 99.67% !important;
-    min-height: 296px !important;
-    object-fit: cover !important;
-    height: auto !important;
+    width: 100%;
+    height: auto;
     margin-left: 0;
     margin-bottom: 16px;
   }
@@ -690,25 +688,14 @@
       height: 872px;
     }
     @media (max-width: 1025px) and (min-width: 768px) {
+      height: 944px;
+    }
+    @media (max-width: 768px) and (min-width: 375px) {
       height: auto;
     }
-    @media (max-width: 768px) and (min-width: 377px) {
-      width: 100% !important;
-      min-height: 296px !important;
-      object-fit: cover !important;
-      height: auto !important;
-    }
-    @media (max-width: 377px) and (min-width: 376px) {
-      width: 100% !important;
-      min-height: unset !important;
-      height: 296px !important;
-      object-fit: cover !important;
-    }
     & .productImageTag--image-description--main {
-      height: auto !important;
       object-fit: cover !important;
       max-height: unset !important;
-
     }
   }
 }