
/* V444 — Professional typography layer (frontend only) */
.store-body{
  --v444-font:"Be Vietnam Pro","Inter","Segoe UI",Arial,sans-serif;
  --v444-text:#24352f;
  --v444-muted:#66756f;
  --v444-heading:#123f2d;
  font-family:var(--v444-font);
  color:var(--v444-text);
  font-size:14px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.store-body button,.store-body input,.store-body select,.store-body textarea{
  font:inherit;
}
.store-body h1,.store-body h2,.store-body h3,.store-body h4,.store-body h5,.store-body h6,
.store-body .title,.store-body .section-title{
  font-family:var(--v444-font);
  color:var(--v444-heading);
  line-height:1.28;
  letter-spacing:-.02em;
  font-weight:700;
}
.store-body h1{font-size:clamp(25px,2.15vw,36px)}
.store-body h2{font-size:clamp(21px,1.65vw,29px)}
.store-body h3{font-size:clamp(17px,1.25vw,22px)}
.store-body p,.store-body li,.store-body td,.store-body th{line-height:1.65}
.store-body small,.store-body .muted,.store-body .text-muted{color:var(--v444-muted)}
.store-body a{font-weight:500}
.store-body nav a,.store-body .menu a,.store-body .header a{font-weight:600;letter-spacing:-.01em}
.store-body .price,.store-body [class*="price"]{font-weight:700;font-variant-numeric:tabular-nums}
.store-body label,.store-body th{font-weight:600}
.store-body input,.store-body select,.store-body textarea,.store-body button{font-size:14px}
@media(max-width:767px){
 .store-body{font-size:13.5px;line-height:1.58}
 .store-body h1{font-size:24px}
 .store-body h2{font-size:20px}
 .store-body h3{font-size:17px}
 .store-body input,.store-body select,.store-body textarea,.store-body button{font-size:14px}
}
