Enhance styling and structure of custom fields in product templates

- Updated SCSS styles for headers (h2, h3) and added bold styling for required custom fields.
- Improved layout with additional margin for attributes and ensured consistent font weights.
- Modified PHP template to include a clearer structure for custom fields, adding a note for required fields.

layout/style-scss/style.scss

@@ -2032,6 +2032,16 @@ ul.pager {
       font-style: normal;
       letter-spacing: 0px;
 
+      h2 {
+        font-size: 18px;
+        font-weight: 600;
+      }
+
+      h3 {
+        font-size: 16px;
+        font-weight: 600;
+      }
+
       p {
         strong {
           font-weight: 600;
@@ -2058,6 +2068,10 @@ ul.pager {
         grid-template-columns: 200px 1fr;
         gap: 5px;
 
+        ._name.bold {
+          font-weight: 600;
+        }
+
         .grow-wrap {
           display: grid;
         }
@@ -2084,6 +2098,8 @@ ul.pager {
       }
 
       #attributes {
+        margin-bottom: 10px;
+
         .title {
           margin-bottom: 10px;
           opacity: 0.7;