/*
 * 英文站 WhatsApp 浮窗放右下角（2026-10-19 宋方宇：首页和其他页面都挪到右边）。
 * 只在英文站加载：common/header.html、common/header_no_nhnavs.html（都在 {if system_info('default_lang') == 'en'} 里，
 * 紧跟 en-poppins-consistency.css）和 common/home_en_exact_v80.html。国内站没有这个浮窗，也不加载本文件。
 *
 * 浮窗由后台 SEO 插件注入 body 末尾（仓库里没有源码），插件样式 #wa-widget{left:20px;bottom:20px}、≤480 时 left / bottom 16；
 * 这里用 html #wa-widget（1-0-1）压过它：改成靠右，面板和气泡都贴右缘（气泡在面板下方右对齐）。
 *
 * 同在右下角的其他浮层一起让位：
 *   - 回到顶部 #gotoTop（onekey.min.css / nc.css：right 20、bottom 15vh、50×50；1024–1439 贴边 40×40，见 vh-layout.css §4）：
 *     在气泡上方。气泡占 bottom 20–76，矮屏时 15vh 不够，至少抬到 92，与气泡留 16。
 *   - 产品详情页 .pdp2-fab（Get a Quote or Sample，pdp-v2.css 原 right 16 / bottom 16、高 52）：挪到气泡左边，
 *     与气泡同一水平中线（桌面中线离底 48，≤480 时 44）。
 *   - 右缘 Send Email 竖条 #scrollsidebar（z 10009）：面板展开时会压住面板右缘约 18px，展开期间把它降到面板（z 9999）下面。
 *     不把面板抬到 10010 以上：应用领域页器件卡弹层（.vhap-pop，z 10010）要压住这些浮层。
 *   - 选型页底部对比条（z 2147483010）出现时照旧盖住气泡，不用改。
 *
 * vh-layout.js 的「放不下就先收成气泡」按左下角写：<head> 里的预判（20 + 320）两边对称照样成立；DCL 时的实测用面板右缘，
 * 挪到右边后总是判成放不下，所以面板加载时总是先收成气泡，点气泡照常展开（有意如此，不压正文）。
 * 要恢复宽屏自动展开，得让 vh-layout.js 按面板实际所在一侧判断（两站共用，要升它在四个模板里的 ?v=）。
 */

html #wa-widget { left: auto; right: 20px; display: flex; flex-direction: column; align-items: flex-end; }

html #gotoTop { bottom: max(15vh, 92px); }

html .pdp2-fab { right: 92px; bottom: 22px; }

html body:has(#wa-panel:not([style*="none"])) #scrollsidebar { z-index: 9998; }

@media (max-width: 480px) {
    html #wa-widget { left: auto; right: 16px; }
    html .pdp2-fab { right: 84px; bottom: 18px; }
}