react/components/PaymentPix/styles.css

@@ -16,7 +16,6 @@
 .paymentPixText {
   display: flex;
   flex-direction: column;
-  align-items: center;
 }
 .paymentPixValue {
   margin: 0;

styles/css/vtex.product-identifier.css

@@ -1,3 +1,32 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
+/* Grid breakpoints */
 .product-identifier--productReference {
-  margin-bottom: 1rem;
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 8px;
 }
+
+.product-identifier__label {
+  display: none;
+}
+
+.product-identifier__separator {
+  display: none;
+}
+
+.product-identifier__value {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: rgba(146, 146, 146, 0.48);
+}

styles/css/vtex.store-components.css

@@ -24,4 +24,14 @@
 
 .productImagesThumb {
   height: auto !important;
+}
+
+.productBrand {
+  display: flex;
+  justify-content: flex-end;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-size: 20px;
+  line-height: 34px;
 }

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

@@ -0,0 +1,19 @@
+.product-identifier--productReference {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.product-identifier__label {
+  display: none;
+}
+.product-identifier__separator {
+  display: none;
+}
+.product-identifier__value {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: rgba(146, 146, 146, 0.48);
+}

styles/sass/pages/product/vtex.store-components.scss

@@ -15,3 +15,12 @@
 .productImagesThumb {
   height: auto !important;
 }
+.productBrand {
+  display: flex;
+  justify-content: flex-end;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 300;
+  font-size: 20px;
+  line-height: 34px;
+}