/* =========================================================
   Pangoo Art — RTL 覆盖（阿拉伯语 /ar/ /ar-sa/ /ar-ae/ /ar-eg/）
   只做方向镜像与阿语排版，不改颜色与栅格比例。
   加载顺序在 app.css 之后，选择器统一加 html[dir="rtl"] 前缀。
   ========================================================= */

/* ---------- 字体与排版 ---------- */
html[dir="rtl"]{
  --sans:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI",Tahoma,"Geeza Pro","Dubai",Arial,sans-serif;
  --serif:"Noto Naskh Arabic","Noto Sans Arabic","Amiri","Scheherazade New",Georgia,"Times New Roman",serif;
}
/* 阿拉伯字母连写，字距必须归零，否则字形之间会出现断缝 */
html[dir="rtl"] *{letter-spacing:normal}
html[dir="rtl"] .brand-txt strong,
html[dir="rtl"] .foot-logo{letter-spacing:.08em}

html[dir="rtl"] body{line-height:1.9}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.45}
html[dir="rtl"] .hero h1{line-height:1.4;font-size:clamp(30px,3.9vw,50px)}
html[dir="rtl"] .lede,html[dir="rtl"] .sub,html[dir="rtl"] .prose{line-height:1.95}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .foot-col h3,
html[dir="rtl"] .foot-contact-block h3,
html[dir="rtl"] .cert-tag,
html[dir="rtl"] .prod-label,
html[dir="rtl"] .contact-box span,
html[dir="rtl"] .step-n,
html[dir="rtl"] .brand-txt em{text-transform:none;font-weight:600}

/* ---------- 跳转链接 / 顶栏 / 导航 ---------- */
html[dir="rtl"] .skip{left:auto;right:-9999px}
html[dir="rtl"] .skip:focus{left:auto;right:16px}
html[dir="rtl"] .nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .burger{margin-left:0;margin-right:auto}
html[dir="rtl"] .sub{left:auto;right:0}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .lang-menu li.cur a::after{float:left}

/* ---------- hero ---------- */
html[dir="rtl"] .hero-dots{right:auto;left:38px}
html[dir="rtl"] .hero-chip{left:auto;right:-26px}
html[dir="rtl"] .hero-facts strong{letter-spacing:normal}

/* ---------- 复选勾 / 进度条 ---------- */
html[dir="rtl"] .ticks li{padding-left:0;padding-right:26px}
html[dir="rtl"] .ticks li::before{left:auto;right:0;border-left:0;border-right:1.6px solid var(--gold);transform:rotate(45deg)}
html[dir="rtl"] .bar i{background:linear-gradient(270deg,var(--gold),var(--gold-l))}
html[dir="rtl"] .bars b{text-align:left}

/* ---------- 提示框 / 表单 ---------- */
html[dir="rtl"] .notice{border-left:0;border-right:3px solid}
html[dir="rtl"] .notice.ok{border-right-color:var(--ok)}
html[dir="rtl"] .notice.bad{border-right-color:var(--bad)}
html[dir="rtl"] .enq label span{margin-left:0;margin-right:3px}
html[dir="rtl"] .hp{left:auto;right:-9999px}

/* ---------- 卡片角标 ---------- */
html[dir="rtl"] .prod-cat{left:auto;right:10px}
html[dir="rtl"] .cat-n{right:auto;left:10px}

/* ---------- 分栏插图 ---------- */
html[dir="rtl"] .split-media-2{right:auto;left:-22px}

/* ---------- 表格与正文 ---------- */
html[dir="rtl"] .spec th{text-align:right}
html[dir="rtl"] .prose th,html[dir="rtl"] .prose td,
html[dir="rtl"] .ship-table th,html[dir="rtl"] .ship-table td{text-align:right}
html[dir="rtl"] .prose ul li{padding-left:0;padding-right:20px}
html[dir="rtl"] .prose ul li::before{left:auto;right:0}
html[dir="rtl"] .prose ol{padding-left:0;padding-right:20px}
html[dir="rtl"] .prose blockquote{border-left:0;border-right:2px solid var(--gold);padding-left:0;padding-right:20px}

/* ---------- 数字 / 电话 / 邮箱：保持 LTR 顺序（否则 +86 158 6899 8820 会倒序） ---------- */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] a[href*="wa.me"]{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}
html[dir="rtl"] .hero-facts strong,
html[dir="rtl"] .strip-in strong,
html[dir="rtl"] .bars b,
html[dir="rtl"] .ship-table td strong,
html[dir="rtl"] .pp-num{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ---------- 页脚 ---------- */
html[dir="rtl"] .foot-logo span{margin-left:0;margin-right:8px}
html[dir="rtl"] .foot-note{text-align:left}
html[dir="rtl"] .foot-about{max-width:42ch}

/* ---------- WhatsApp 悬浮按钮与气泡（镜像到左下角） ---------- */
html[dir="rtl"] .wa{right:auto;left:24px}
html[dir="rtl"] .wa-online{right:auto;left:2px}
html[dir="rtl"] .wa-bubble{
  right:auto;left:102px;text-align:right;
  padding:12px 14px 12px 30px;
}
html[dir="rtl"] .wa-bubble::after{right:auto;left:-6px}
html[dir="rtl"] .wa-bubble-x{right:auto;left:4px}

/* ---------- 小屏 ---------- */
@media (max-width:900px){
  html[dir="rtl"] .hero-chip{left:auto;right:12px}
}
@media (max-width:520px){
  html[dir="rtl"] .wa{left:14px;right:auto}
  html[dir="rtl"] .wa-bubble{left:74px;right:auto;padding:8px 12px}
  html[dir="rtl"] .wa-bubble-x{left:2px;right:auto}
}