style: adjust padding, gap, and font size in product page CSS for better visual consistency

public/themes/dist_static/static/css/product.css

@@ -402,7 +402,7 @@ body.is-p-subnav .site-header {
   z-index: 5;
   display: flex;
   align-items: center;
-  padding: 2rem 0;
+  padding: 1rem 0;
   background: var(--color-white);
   border-bottom: 0.125rem solid rgb(223, 224, 226);
 }
@@ -451,7 +451,7 @@ body.is-p-subnav .site-header {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 1.25rem;
+  gap: 0.5rem;
   padding: 0;
   border: 0;
   border-radius: 0;
@@ -480,14 +480,14 @@ body.is-p-subnav .site-header {
 }
 .p-spec__tab-media img {
   width: auto;
-  height: 6.25rem; /* 100px */
-  max-width: 4.5rem; /* 72px */
+  height: 5rem;
+  max-width: 4.5rem;
   object-fit: contain;
   display: block;
 }
 .p-spec__tab-name {
   font-family: "MiSans VF", "PingFang SC", sans-serif;
-  font-size: var(--font-24);
+  font-size: var(--font-20);
   font-weight: 400;
   line-height: var(--font-32);
 }