checkout/src/arquivos/sass/checkout.scss

@@ -3,3 +3,4 @@
 @import "./partials/header";
 @import "./partials/footer";
 @import "./checkout/checkout.scss";
+@import "./partials/prateleira";

checkout/src/arquivos/sass/checkout/_checkout.scss

@@ -3,26 +3,21 @@
 @import "./checkout-pagamento";
 @import "./checkout-autenticacao";
 
+.transactions-container {
+    display: none;
+}
+
 html {
     height: 100%;
     min-height: 100%;
 }
 
-footer .footerCheckout__wrapper {
-    width: 94.9734%;
-    margin: auto auto 0 auto;
-}
-footer .footerCheckout__prateleira,
-header {
-    width: 79.53125%;
-    margin: 0 auto;
-}
-
 body {
     display: flex;
     flex-direction: column;
     min-height: 100% !important;
     padding-top: 0 !important;
+    overflow-x: hidden;
 
     @include mq(md, max) {
         padding-left: 0;
@@ -47,36 +42,49 @@ body {
             padding-left: 0;
         }
     }
+
     .container-order-form,
     .container-cart {
+        width: 83.5%;
+
+        @include mq(xl, min) {
+            margin: 0 256px;
             width: 80%;
         }
+    }
+
+    .container-main {
+        min-height: max-content;
+        display: flex;
+        align-items: center;
+    }
 }
 
 .btn-success {
-    background: $color-black;
+    background: $color-black1;
     text-shadow: none;
-
-    &:hover {
-        background: lighten($color-black, 15%);
-    }
 }
 
 .emailInfo h3 {
-    color: $color-black !important;
+    color: $color-black1 !important;
 }
 
 #cart-title,
 #orderform-title {
-    color: $color-gray2;
     font-family: $font-family;
-    font-weight: 500;
-    font-size: 36px;
-    line-height: 42px;
-    margin: 40px 0 30px;
-    letter-spacing: 0.1em;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 33px;
+    letter-spacing: 0.05em;
+    color: $color-black2;
+    margin: 17px 0;
     text-transform: uppercase;
 
+    @include mq(xl, min) {
+        font-size: 48px;
+        line-height: 65px;
+    }
+
     @include mq(md, max) {
         margin-left: 30px;
     }