/* PANMAHA Shared Typography v1.4.2a
   One typography system for PANMAHA / Learn / Shop.
   Keep layout and product-specific styling in each application's app.css. */
:root{
  --pm-font:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;
  --pm-type-body:16px;
  --pm-type-nav:14px;
  --pm-type-meta:13px;
  --pm-type-h1:clamp(40px,4vw,52px);
  --pm-type-h2:clamp(27px,2.5vw,34px);
  --pm-type-h3:20px;
  --pm-leading-body:1.65;
  --pm-leading-heading:1.22;
  --pm-weight-regular:400;
  --pm-weight-medium:500;
  --pm-weight-semibold:600;
  --pm-weight-bold:700;
}
html{font-size:16px}
body{
  font-family:var(--pm-font)!important;
  font-size:var(--pm-type-body);
  font-weight:var(--pm-weight-regular);
  line-height:var(--pm-leading-body);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font-family:var(--pm-font)!important;font-size:inherit}
h1,h2,h3,h4,h5,h6,strong,b{font-family:var(--pm-font);font-style:normal}
h1,h2,h3,h4,h5,h6{letter-spacing:0;text-wrap:balance}
h1{font-weight:var(--pm-weight-bold);line-height:1.16}
h2{font-weight:var(--pm-weight-bold);line-height:1.23}
h3{font-weight:var(--pm-weight-semibold);line-height:1.32}
p,li,dd,dt,label,input,select,textarea,button,a{font-feature-settings:"kern" 1}
.top nav a,.site-nav a,.nav-link,.nav-account,.nav-cta{font-family:var(--pm-font);font-size:var(--pm-type-nav);font-weight:var(--pm-weight-semibold)}
.eyebrow{font-family:var(--pm-font);font-weight:var(--pm-weight-bold)}
.btn{font-family:var(--pm-font);font-weight:var(--pm-weight-semibold)}
@media(max-width:640px){:root{--pm-type-body:15px;--pm-type-nav:13px;--pm-type-h1:clamp(32px,9vw,38px);--pm-type-h2:clamp(24px,7vw,29px);--pm-type-h3:18px}}