feat: cria e estiliza o bloco product-installments#m3

store/blocks/pdp/product.jsonc

@@ -110,7 +110,7 @@
       "product-identifier.product",
       "product-rating-summary",
       "flex-layout.row#selling-price",
-      "product-installments",
+      "product-installments#m3",
       "sku-selector",
       "product-quantity",
       "product-assembly-options",
@@ -122,6 +122,15 @@
     ]
   },
 
+  "product-installments#m3": {
+    "props": {
+      "markers": ["highlight"],
+      "blockClass": "m3-custom-installments",
+      "message": "<highlight>{installmentsNumber} x</highlight> de <highlight>{installmentValue}</highlight> sem juros",
+      "installmentsCriteria": "max-quantity-without-interest"
+    }
+  },
+
   "flex-layout.row#product-name": {
     "props": {
       "marginBottom": 3

styles/css/vtex.product-price.css

@@ -14,9 +14,12 @@
   color: #000000;
 }
 
-.installments {
-  font-weight: 700;
+.installments--m3-custom-installments {
   font-size: 16px;
   line-height: 22px;
   color: #929292;
+}
+
+.installments-highlight--m3-custom-installments {
+  font-weight: 700;
 }

styles/sass/pages/product/vtex.product-price.scss

@@ -5,9 +5,12 @@
   color: #000000;
 }
 
-.installments {
-  font-weight: 700;
+.installments--m3-custom-installments {
   font-size: 16px;
   line-height: 22px;
   color: #929292;
 }
+
+.installments-highlight--m3-custom-installments {
+  font-weight: 700;
+}