From cc09aeb803b1f46790c959b35061dfd5a42323be Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Wed, 8 Feb 2023 13:40:56 -0300
Subject: [PATCH] fix: colocando o nome do produto na tela de 375px igual ao
 figma

---
 styles/css/vtex.flex-layout.css                 | 10 ++++++++++
 styles/sass/pages/product/vtex.flex-layout.scss |  6 ++++++
 2 files changed, 16 insertions(+)

diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index 93cb5a6..ad5e4a5 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -60,6 +60,11 @@
     text-align: left;
   }
 }
+@media (max-width: 377px) {
+  .flexColChild--info-availability .flexRow--divNomeProduct {
+    width: 250px !important;
+  }
+}
 .flexColChild--info-availability :global(.vtex-product-identifier-0-x-product-identifier) {
   display: flex;
   justify-content: flex-end;
@@ -113,6 +118,11 @@
     text-align: left;
   }
 }
+@media (max-width: 377px) {
+  .flexCol--divInfoProduct .flexRow--divNomeProduct {
+    width: 250px !important;
+  }
+}
 .flexCol--divInfoProduct .flexRow--divNomeProductModelo {
   text-align: end;
 }
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index eb0bd8f..d749716 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -42,6 +42,9 @@
     @media (max-width: 1024px) {
       text-align: left;
     }
+    @media (max-width: 377px) {
+      width: 250px !important;
+    }
   }
   :global(.vtex-product-identifier-0-x-product-identifier) {
     display: flex;
@@ -93,6 +96,9 @@
     @media (max-width: 1024px) {
       text-align: left;
     }
+    @media (max-width: 377px) {
+      width: 250px !important;
+    }
   }
   .flexRow--divNomeProductModelo {
     text-align: end;