/* 6A: 锁定语言图标尺寸，消除 <=1024px 24<->32px 突变 */
.lang-icon img{width:24px!important;height:16px!important;max-width:24px!important;vertical-align:middle}
/* 6A/6F: 规整 nav-mid —— 取代 calc(100%-377px) 与 margin-left 258/230/155px 魔数，
   各断点统一 width:auto + margin-left:0，防止 1460/1200/1024 断点把 Shop 链接重排 */
.nav-mid{flex:1 1 auto!important;width:auto!important;min-width:0!important;margin-left:0!important}
/* 6F: 统一 #nav>li>a 水平 padding —— 厂商在 1460/1200 断点把它从 25px 跳到 15px，
   导致整行(含末项 Shop)横向位移；锁成单一值 → 跨断点不跳 */
#nav>li>a{padding:0 18px!important}
#nav>li:hover>a{color:#065DAC!important;text-decoration:none!important}
/* E-026: 18px 在 1024-1366px 放不下 8 项+语言区 → Shop/App-Download 掉行悬浮 banner。
   四档阶梯收缩(preview 现场注入调参定值,1366/1280/1200/1100/1024 五档实测全单行,
   1024 时末项右缘 824 vs 语言区左 1024 仍有 200px 富余)。 */
@media (max-width:1460px){.nav-mid{width:auto!important;margin-left:0!important}#nav>li>a{padding:0 11px!important}}
@media (max-width:1280px){.nav-mid{width:auto!important;margin-left:0!important}#nav>li>a{padding:0 8px!important;font-size:13.5px!important}}
@media (max-width:1120px){#nav>li>a{padding:0 6px!important;font-size:12.5px!important}.nav-left img{max-height:38px!important}}
@media (max-width:1060px){#nav>li>a{padding:0 3px!important;font-size:11.5px!important;letter-spacing:-.2px}.nav-left img{max-height:30px!important;padding-left:4px!important}.nav-right .lang{padding:0 4px!important}}
@media (max-width:1024px){.nav-mid{width:auto!important;margin-left:0!important}}
/* 6A: 中和失效 .xyz12/#xyz 规则的潜在影响(无元素匹配，确保我们的覆盖生效) */
.xyz12,#xyz{all:unset!important}
/* 6B: hero 视频移动端 LCP/带宽优化 —— 给底色防暂停时白闪 */
.index-banner{background:#0a2540;object-fit:cover}
/* ===== Phase 15A: UAT 修复(syrebo.cn问题.docx) ===== */
/* #2 语言选择：隐藏旗帜 sprite，显示文字/地区名(名称已在 langnav.json 的 <li> 内) */
.lang-drop li span{background:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.lang-icon img{display:none!important}
.lang-icon span{display:inline!important}
/* #3 产品主图放大(厂商硬 380px 偏小)：填满 .whe-left(45%≈526px)，去掉 zoom 容器高度上限 */
.main-img{width:100%!important;max-width:100%!important}
.jqueryzoom{height:auto!important}
/* #7 子菜单文字默认黑；hover 按原站语义高亮为 Syrebo 蓝，避免白底白字 */
.submenu a,#nav .submenu li a,#nav .submenu>li>a{color:#000!important}
.submenu li:hover{background:#fff!important}
.submenu li:hover>a,#nav .submenu>li:hover>a{color:#065DAC!important;background:none!important}
/* #11 正文视频/iframe 不溢出(厂商仅 img 有 max-width:100%) */
.pro-info-container iframe,.pro-info-container video,article iframe,article video,.kche-item-img iframe,.wmkc-say iframe,iframe[src*="youtube"]{max-width:100%!important}
/* #9 产品名允许换行(厂商单行 ellipsis 截断) */
.loader-rt ul li.pro-cell .pro-footer h4,.index-prolist li a .h4,.pro-cell .pro-footer h4{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
@media (max-width:767px){
  /* 6B: 浮动 WhatsApp 按钮缩小并上移，防与表单 Send/页脚重叠 */
  #syrebo-whatsapp{width:48px!important;height:48px!important;right:12px!important;bottom:80px!important}
  #syrebo-whatsapp svg{width:26px!important;height:26px!important}
}
/* ===== 移动/平板：厂商断点是 1023/1024px(非 767) ===== */
@media (max-width:1023px){
  /* #5 手机端语言选择：重新暴露 .lang(厂商 .nav-mid,.nav-right{display:none} 把它一起藏了)；
     只放行语言控件，不放行 .nav-mid 桌面菜单；定位到汉堡按钮左侧避免重叠 */
  .nav-right{display:block!important;position:absolute!important;right:58px!important;top:0!important;height:72px!important;width:auto!important;background:none!important}
  .nav-right .lang{display:block!important}
  .nav-right .nav-tel,.nav-right .nav-mail,.nav-right form,.nav-right .search{display:none!important}
  /* #13 隐藏桌面菜单：站点 other.css 有无媒体保护的全局 .nav-mid{display:flex}，
     后加载盖掉了厂商 ≤1023 的 .nav-mid{display:none}，桌面菜单在手机上竖排摊开压住 banner/正文
     (原站手机用户走 m.* 独立站所以从未暴露)。恢复厂商意图：汉堡 .bar-menu + 抽屉 .fixed-menu */
  .nav-mid{display:none!important}
  /* #8(撤销 72px 下推)：厂商全局 #Allbody{margin-top:72px} 已为固定头预留偏移，
     旧规则 #banner,.index-banner{margin-top:72px} 是菜单摊开时代的误修 → header 下多出 72px 空带；
     归零并交还厂商默认(15A-r2 复验：首页视频紧贴 header，产品/关于页正常) */
  #banner,.index-banner{margin-top:0!important}
  .nav-left img{width:auto!important;max-height:44px!important;padding-top:0!important;padding-left:12px!important}
  .banner{min-width:0!important}
  .about-banner img,.con-banner img,.net-banner img,.pro-banner img{width:100%!important;height:auto!important}
  /* #3 主图移动端满宽 */
  .main-img,.jqueryzoom{width:100%!important;height:auto!important}
  /* #10 产品详情页移动适配：容器满宽 + 两栏/侧栏堆叠。
     .whe-head 是 display:flex 行容器→必须 flex-direction:column 才能让 whe-left/whe-right 堆叠满宽 */
  .pro-info-container.container{width:100%!important;max-width:100%!important;padding:0 15px!important}
  .whe-head{flex-direction:column!important}
  .whe-left,.whe-right{width:100%!important;float:none!important}
  /* #10b whe-right 内层 div 厂商是 float:right 且未清除浮动 → .whe-right 高度塌 0，
     H1 浮出压住下方主图；去浮动后标题→主图→详情正常堆叠 */
  .whe-right>div{width:100%!important;float:none!important}
  .conmain{flex-direction:column!important;max-width:100%!important}
  .conmain .pro_left,.pro_left{width:100%!important;float:none!important}
  .conmain .pro-info-container.container{width:100%!important}
  /* #12 新闻/blog/Stroke 卡片移动端堆叠(图+标题都显示)。
     厂商 @media≤767 把 .news-left 设 display:none 藏了缩略图→强制 display:flex 让图显示 */
  .news-left,.product .news-left,.parts-list .news-left{display:flex!important;float:none!important;width:100%!important;padding:12px!important;justify-content:center}
  .news-right,.product .news-right{float:none!important;width:100%!important;padding:12px!important}
  .news-left a,.product .news-left a{height:auto!important}
  .news-left img{max-width:100%!important;max-height:220px!important}
  .news-right h3 a{white-space:normal!important;overflow:visible!important}
}
/* ===== clinicians-distributors 双本 PDF.js 文档查看器(替代 FlipHTML5 外链) ===== */
.pdf-doc-list{max-width:960px;margin:0 auto;padding:8px 0}
.pdf-doc{margin:0 0 34px}
.pdf-doc-title{text-align:center;font-size:20px;font-weight:600;color:#0a2540;margin:18px 0 12px;line-height:1.3}
.pdf-doc iframe{width:100%;border:1px solid #e2e6ea;border-radius:6px;display:block;background:#f7f8fa}
@media (max-width:767px){.pdf-doc iframe{height:480px!important}.pdf-doc-title{font-size:17px}}
/* 小屏 Language 控件与 logo 间距(≤480 收窄 logo,给语言留白,防挤) */
@media (max-width:480px){.nav-left img{max-height:38px!important}.nav-right{right:54px!important}}
/* E-028: 移动端产品卡网格——厂商 .pro-cell 恒 25%/无移动断点，390px 下 3-4 列挤压、
   标题溢出色块且 header/.navBar 撑出水平滚动。≤767 收 2 列、标题可折行、容器不超屏。 */
@media (max-width:767px){
  .pro-ullist .pro-cell,.pro-item li{width:50%!important;padding:0 6px!important;margin-bottom:22px!important;box-sizing:border-box}
  .pro-cell h4,.pro-cell .h4,.pro-item li h4{font-size:14px!important;white-space:normal!important;overflow-wrap:break-word;line-height:1.35}
  .navBar,header{max-width:100vw!important;box-sizing:border-box}
  .pro-footer{padding:6px 4px!important}
}