feat(pdp): Adiciona installments message

store/blocks/pdp/product.jsonc

@@ -214,7 +214,8 @@
   "product-installments": {
     "props": {
       "installmentsCriteria": "max-quantity-without-interest",
-      "blockClass": "parcelamentos"
+      "blockClass": "parcelamentos",
+      "message": "{installmentsNumber} x {installmentValue} sem juros"
     }
   },
 

styles/css/vtex.tab-layout.css

@@ -8,7 +8,7 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .listContainer {
-  border-bottom: 1px solid gray;
+  border-bottom: 1px solid #bfbfbf;
   margin-bottom: 32px;
   padding-left: 64px;
   padding-right: 64px;

styles/sass/pages/product/vtex.tab-layout.scss

@@ -1,5 +1,5 @@
 .listContainer {
-  border-bottom: 1px solid gray;
+  border-bottom: 1px solid $color-gray9;
   margin-bottom: 32px;
   padding-left: 64px;
   padding-right: 64px;
@@ -29,7 +29,7 @@
     font-weight: 400;
     font-size: 18px;
     line-height: 38px;
-    color: #bfbfbf;
+    color: $color-gray9;
     text-transform: capitalize;
     margin: 0;
     padding: 0;

styles/sass/utils/_vars.scss

@@ -12,6 +12,7 @@ $color-gray5: #e5e5e5;
 $color-gray6: #929292;
 $color-gray7: #989898;
 $color-gray8: #575757;
+$color-gray9: #bfbfbf;
 
 $color-blue: #4267b2;