diff --git a/checkout/src/arquivos/sass/partials/_prateleira.scss b/checkout/src/arquivos/sass/partials/_prateleira.scss
index b7942b2..89c4a11 100644
--- a/checkout/src/arquivos/sass/partials/_prateleira.scss
+++ b/checkout/src/arquivos/sass/partials/_prateleira.scss
@@ -38,7 +38,9 @@
     .product-item-container {
         margin: 0 8px;
     }
+}
 
+.footerCheckout__prateleira {
     .product-item {
         &-figure {
             width: 100%;
@@ -49,7 +51,11 @@
                 height: auto;
             }
         }
+    }
+}
 
+.footerCheckout__prateleira {
+    .product-item {
         &-name,
         &-link,
         .type-name {
@@ -58,7 +64,11 @@
 
             font-family: $font-family-100;
         }
+    }
+}
 
+.footerCheckout__prateleira {
+    .product-item {
         &-name {
             min-height: 36px;
 
@@ -77,7 +87,11 @@
 
             min-height: 68px;
         }
+    }
+}
 
+.footerCheckout__prateleira {
+    .product-item {
         &-link {
             @include btn-primary-blue-white();
 
@@ -116,21 +130,23 @@
 
         color: $clr-common-white;
     }
+}
 
-    @media screen and (min-width: 600px) {
+.footerCheckout__prateleira {
+    @include mq("md") {
         &-title {
             @include text-size("md-200");
             @include text-height("xl", 100);
         }
     }
 
-    @media screen and (min-width: 1025px) {
+    @include mq("lg") {
         width: fluid(1034px, 1280px);
         margin: 43.42px auto 56px;
         padding: 0;
     }
 
-    @media screen and (min-width: 2500px) {
+    @include mq("xxl") {
         &-title {
             @include text-size("xxl");
             @include text-height("xxl", 300);