/* Lao marks need room above and below; never apply Chinese negative tracking. */
html:lang(lo) body{font-family:'Noto Sans Lao','Leelawadee UI','Microsoft YaHei',sans-serif}
html:lang(lo) h1,html:lang(lo) h2,html:lang(lo) h3,html:lang(lo) button,html:lang(lo) .identity small{letter-spacing:normal;line-height:1.65}
html:lang(lo) .hero h1{font-size:clamp(32px,4.2vw,58px);line-height:1.5}
html:lang(lo) .section-heading{align-items:flex-start;gap:16px}
html:lang(lo) .section-heading h2{font-size:25px}
html:lang(lo) .section-heading>a{flex:none}
html:lang(lo) .price-tier[data-login] strong{white-space:normal;overflow-wrap:anywhere;line-height:1.65}
html:lang(lo) .price-tier{line-height:1.65}
html:lang(lo) .detail-footer .button{white-space:normal;line-height:1.5}
html:lang(lo) .checkout-actions{flex-wrap:wrap}
html:lang(lo) .checkout-actions .button{white-space:normal;line-height:1.6}
html:lang(lo) .delivery-choices strong{line-height:1.65}
/* ── Thai ─────────────────────────────────────────────────────────────
   2026-09-24 补。此前只有 lo 有语种层，泰语一直在吃中文那套排版，两条后果：
   ① 词间没有空格（与老挝语同），断行全靠浏览器 ICU 词典 —— 任何
      white-space:nowrap 都会把元素撑成超长条，把同行邻居挤没；
   ② 上下标音符号（◌ั ◌ี ◌่ ◌้ ◌์）要上下留白，中文的 letter-spacing 负字距 +
      紧行距会把符号压掉或切掉。
   与 lo 的差别：只复制「排版」类规则（字体栈 / 行距 / 允许折行），
   ⛔ 不复制 lo 那几条「版式」微调（hero 字号）——分类磁贴已改为跨语言统一，见 st-reference-v6.css，那些是照老挝语
   文案长度单独调的，未经泰语实测不要照搬。 */
html:lang(th) body{font-family:'Noto Sans Thai','Leelawadee UI','Microsoft YaHei',sans-serif}
html:lang(th) h1,html:lang(th) h2,html:lang(th) h3,html:lang(th) button,html:lang(th) .identity small{letter-spacing:normal;line-height:1.65}
html:lang(th) .price-tier{line-height:1.65}
html:lang(th) .price-tier[data-login] strong{white-space:normal;overflow-wrap:anywhere;line-height:1.65}
html:lang(th) .detail-footer .button{white-space:normal;line-height:1.5}
html:lang(th) .checkout-actions{flex-wrap:wrap}
html:lang(th) .checkout-actions .button{white-space:normal;line-height:1.6}
html:lang(th) .delivery-choices strong{line-height:1.65}
/* ── lo / th 共用的「长译文」兜底 ──────────────────────────────────────
   预估金额栏的说明行与「填写联系与配送」CTA 已改成可折行（见 st-inquiry-v1.css），
   这里只补行距：泰/老文的标音符号在 12px 的行盒里会被切掉上下缘。 */
html:lang(lo) .commerce-dialog.page-inquiry .inquiry-footer .inquiry-summary small,
html:lang(th) .commerce-dialog.page-inquiry .inquiry-footer .inquiry-summary small{line-height:1.45}
.locale-preview-note{font-size:12px;color:#68717f;line-height:1.8;margin:12px 0 0}
.locale-preview-note[hidden]{display:none}
.language-switcher{position:relative;display:inline-flex;flex:none;z-index:8}
.language{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:74px;min-height:32px;padding:4px 8px 4px 5px;border:1px solid #dfe5ef;border-radius:999px;background:linear-gradient(145deg,#fff,#f4f7fb);box-shadow:inset 0 1px 0 #fff,0 3px 8px #1327540d;color:#142b64;font-size:11px;font-weight:750;transition:transform .18s var(--curve),box-shadow .18s var(--curve),border-color .18s var(--curve)}
.language:hover{transform:translateY(-1px);border-color:#cfd9e9;box-shadow:inset 0 1px 0 #fff,0 5px 12px #13275416}.language:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #13275412,0 1px 3px #13275412}
.language-flag{display:block;width:20px;height:20px;flex:0 0 20px;overflow:hidden;border:1px solid #fff;border-radius:50%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 1px 3px #13275424}
.language-flag.flag-zh{background-image:url('flag-zh.svg')}.language-flag.flag-lo{background-image:url('flag-lo.svg')}
.language-flag.flag-th{background:linear-gradient(#a51931 0 20%,#f4f5f8 20% 35%,#2d2a4a 35% 65%,#f4f5f8 65% 80%,#a51931 80%)}
.language-flag.flag-en{background:radial-gradient(circle at 50% 50%,#fff 0 18%,transparent 19%),linear-gradient(135deg,#173b82 0 45%,#fff 46% 54%,#c8102e 55%)}
.language-flag.flag-vi{background:radial-gradient(circle at 50% 50%,#ffdc35 0 22%,transparent 23%),#da251d}
.language-chevron{width:11px;height:11px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s var(--curve)}
.language[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 7px);right:0;display:grid;gap:3px;min-width:154px;padding:6px;border:1px solid #e6e9ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #0c235223;color:#142349}
.language-menu[hidden]{display:none}
.language-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:43px;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}
.language-menu button:hover,.language-menu button[aria-checked=true]{background:#eef2fb;color:#081f80}
.language-menu button>span:last-child{display:grid;gap:1px}
.language-menu strong{font-size:12px}.language-menu small{font-size:9px;color:#7a8497;letter-spacing:.8px}
.dialog-locale{display:inline-flex}
@media(max-width:720px){
  .dialog-head .language-menu,.account-locale .language-menu{right:0}
  html:lang(lo) .hero h1{font-size:31px;line-height:1.5}
  html:lang(lo) .hero-copy{width:100%;max-width:100%}
  html:lang(lo) .section-heading{flex-wrap:wrap}
  html:lang(lo) .section-heading h2{font-size:22px}
  html:lang(lo) .bottomnav button{font-size:10px;min-width:0;flex:1;padding-left:2px;padding-right:2px}
  html:lang(lo) .identity small{font-size:9px}
  html:lang(lo) .checkout-intro h2{font-size:23px;line-height:1.55;margin:16px 0 12px}
  html:lang(lo) .checkout-intro p{font-size:13px;line-height:1.8}
}