From 832ef3449ba56b7821d5dfb3814181b5855804d2 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Sun, 25 Dec 2022 09:54:47 -0300
Subject: [PATCH 1/3] =?UTF-8?q?style(=5Fcheckout-autenticacao.scss):=20cor?=
 =?UTF-8?q?re=C3=A7=C3=A3o=20de=20estilo=20da=20=C3=A1rea=20de=20pagamento?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/checkout/_checkout-autenticacao.scss | 46 +++++++++++++------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 57a2b97..b0d767d 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -1073,7 +1073,7 @@ td.monetary {
 
 .cart-fixed.cart-fixed-transition.affix-top {
     height: auto;
-    height: 397px !important;
+    max-height: 397px;
     @media (max-width: $checkout1024px) {
         height: 395.02px !important;
     }
@@ -1325,11 +1325,13 @@ a#force-shipping-fields {
     border: none;
 }
 
-a#show-gift-card-group {
-    bottom: 35px;
-    position: relative !important;
+.payment-group{
+    @media (min-width: $checkout2500px) {
+        margin-top: 50px;
+    }
 }
 
+
 span.accordion-toggle.collapsed.accordion-toggle-active span {
     font-family: "Tenor Sans";
     font-style: normal;
@@ -1370,8 +1372,6 @@ p.card-flags.active {
 }
 
 form.form-step.box-new.row-fluid {
-    top: 37px;
-    position: relative;
     @media (max-width: $checkout1024px) {
         top: 0;
     }
@@ -1384,11 +1384,13 @@ form.form-step.box-new.row-fluid {
         line-height: 24px;
         letter-spacing: -0.01em;
         color: $color-gray7;
-        bottom: 37px;
+        top: 0;
         position: relative;
         @media (min-width: $checkout2500px) {
             font-size: 28px;
             line-height: 48px;
+            margin-bottom: 23px;
+            top: 16px;
         }
         @media (max-width: $checkout1024px) {
             top: 12px;
@@ -1493,16 +1495,32 @@ p.PaymentCardHolderDocument.input.text.required.mask {
     }
 }
 
-.link-gift-card {
-    @media (max-width: $checkout1024px) {
-        left: 0;
-        margin-top: 0;
-        position: relative;
-        top: 25px;
+
+a#show-gift-card-group {
+    bottom: 0;
+    position: relative !important;
+    @media (min-width: $checkout2500px) {
+        font-size: 28px;
+        line-height: 24px;
     }
 }
 
-.cart-template .cart-fixed.affix{
+.link-gift-card {
+    margin: 0 auto 10px;
+    position: relative;
+    @media (max-width: $checkout1024px) {
+        margin-top: 0;
+        position: relative;
+        top: -4px;
+        left: 0;
+    }
+    @media (max-width: $checkout375px) {
+        top: -32px;
+        left: 0;
+    }
+}
+
+.cart-template .cart-fixed.affix {
     position: static !important;
     height: auto !important;
 }

From ec8878f8267d91e0b0fb6ca770690cae0556b432 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Sun, 25 Dec 2022 10:42:45 -0300
Subject: [PATCH 2/3] =?UTF-8?q?style:=20corre=C3=A7=C3=A3o=20de=20estilo?=
 =?UTF-8?q?=20na=20=C3=A1rea=20do=20meu=20carrinho=20e=20pagamento?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/checkout/_checkout-autenticacao.scss |  3 ++
 .../sass/checkout/_checkout-carrinho.scss     | 51 +++++++++++++++----
 2 files changed, 43 insertions(+), 11 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index b0d767d..59a349b 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -711,6 +711,9 @@ p.notification {
     @media (max-width: $checkout1024px) {
         width: 93%;
     }
+    @media (max-width: 490px) {
+        width: 86%;
+    }
     @media (max-width: $checkout375px) {
         margin-left: 16px;
         margin-right: 16px;
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 66ede9d..2c00f83 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -31,6 +31,7 @@
             justify-content: space-between;
             position: relative;
             flex-direction: column-reverse;
+            padding: 0 16px 16px;
         }
         @media (max-width: $checkout375px) {
             height: auto;
@@ -132,9 +133,8 @@
 
     .cart-items {
         .product-item {
-            padding: 16px 0;
+            padding: 16px 0 0;
         }
-
         th {
             padding: 0 0 16px;
             font-family: "Tenor Sans";
@@ -244,7 +244,8 @@
                 @media (max-width: $checkout375px) {
                     top: -2px;
                     position: relative;
-                    left: -72px;
+                    left: 72px;
+                    margin-left: 0;
                 }
             }
 
@@ -336,9 +337,14 @@
             height: 34px;
             width: 99px;
             padding: 0;
-
+            @media (max-width: 979px) and (min-width: 768px) {
+                left: 16px;
+            }
             @media (max-width: 490px) {
                 margin-left: 84px !important;
+                left: 0;
+                top: auto;
+                margin-top: 0px;
             }
             @media (min-width: $checkout2500px) {
                 min-width: 135px;
@@ -351,7 +357,6 @@
             @media (max-width: $checkout375px) {
                 margin-left: 73px !important;
             }
-
             input {
                 background-color: $color-white;
                 border-radius: 0;
@@ -432,10 +437,10 @@
                 @media (max-width: 979px) and (min-width: 768px) {
                     position: inherit;
                     bottom: inherit;
-                    left: inherit;
+                    left: 8px;
                     height: inherit;
                     width: inherit;
-                    top: inherit;
+                    top: 8px;
                 }
 
                 @media (max-width: 490px) {
@@ -1215,13 +1220,14 @@
     }
 }
 
-[class*="span"].pull-right, .row-fluid [class*="span"].pull-right{
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
     @media (max-width: $checkout1024px) {
-       float: none;
+        float: none;
     }
     @media (max-width: $checkout375px) {
-       float: none;
-       margin-left: 0;
+        float: none;
+        margin-left: 0;
     }
 }
 
@@ -1370,6 +1376,12 @@ th.quantity {
     }
 }
 
+td.product-name{
+    @media (max-width: 490px){
+        left: 0px !important;
+    }
+}
+
 .full-cart .cart table tbody tr td.product-name {
     padding-left: 16px;
     @media (max-width: $checkout375px) {
@@ -1431,3 +1443,20 @@ th.product {
         margin: 0 20px;
     }
 }
+
+tr.product-item{
+    @media (max-width: $checkout1024px) {
+        display: flex !important;
+        justify-content: space-between !important;
+    }
+    @media (max-width: 490px) {
+        min-height: 60px;
+    }
+}
+
+th.item-remove {
+    @media (max-width: $checkout1024px) {
+        padding-bottom: 0px !important;
+    }
+
+}

From 257aa51913d090d88f0fab1098cde35839e0ede6 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Sun, 25 Dec 2022 10:52:01 -0300
Subject: [PATCH 3/3] =?UTF-8?q?style(=5Fcheckout-carrinho.scss):=20corre?=
 =?UTF-8?q?=C3=A7=C3=A3o=20da=20posi=C3=A7=C3=A3o=20dos=20a#item-remove?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 2c00f83..5192eb8 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -484,14 +484,14 @@
                 display: none;
             }
         }
-        a#item-remove-2616 {
+        a#item-remove-2616,a#item-remove-2621  {
             @media (max-width: $checkout1024px) {
-                top: -31px;
+                top: -16px;
                 position: relative;
                 left: 12px;
             }
             @media (max-width: $checkout375px) {
-                top: 4px;
+                top: -9px;
                 left: -3px;
             }
         }