/* 右下角联系按钮（common/vh_contact_fab.html，海外站，2026-11-01）。只在打开 contact_fab 的站点加载 */

/* 后台 SEO 插件注入的 WhatsApp 气泡按钮由本按钮代替；它的聊天面板 #wa-panel 照旧，由本按钮的 WhatsApp 一项打开 */
#wa-fab { display: none !important; }

.vh-cfab { position: fixed; right: 24px; bottom: 24px; z-index: 9990; font-family: "Poppins", "Poppins Fallback", Arial, sans-serif; }
.vh-cfab-btn {
    width: 60px; height: 60px; padding: 0; border: 0; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #C30D23; color: #fff; box-shadow: 0 6px 18px rgba(195, 13, 35, .35); cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.vh-cfab-btn:hover, .vh-cfab-btn:focus-visible { background: #8A0A18; }
.vh-cfab-btn:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.vh-cfab-btn svg { width: 28px; height: 28px; }
.vh-cfab.is-open .vh-cfab-btn { transform: scale(.94); }

.vh-cfab-menu {
    position: absolute; right: 0; bottom: 72px; width: 300px; padding: 8px;
    border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}
.vh-cfab-menu[hidden] { display: none; }
.vh-cfab-head { margin: 0; padding: 10px 12px 8px; font-size: 15px; font-weight: 700; line-height: 1.4; color: #1A1A1A; }
.vh-cfab-head small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; line-height: 1.5; color: #6B7078; }
.vh-cfab-item {
    width: 100%; padding: 12px; border: 0; border-radius: 10px; background: none;
    display: flex; align-items: center; gap: 12px; text-align: left; text-decoration: none;
    font: inherit; color: #1A1A1A; cursor: pointer;
}
.vh-cfab-item:hover, .vh-cfab-item:focus-visible { background: #FAF0F1; color: #1A1A1A; text-decoration: none; }
.vh-cfab-item:focus-visible { outline: 2px solid #C30D23; outline-offset: -2px; }
.vh-cfab-ico { width: 36px; height: 36px; flex: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; }
.vh-cfab-ico svg { width: 20px; height: 20px; }
.vh-cfab-ico--wa { background: #25D366; }
.vh-cfab-ico--msg { background: #1A1A1A; }
.vh-cfab-ico--samples { background: #C30D23; }
.vh-cfab-t { min-width: 0; font-size: 14px; font-weight: 600; line-height: 1.3; }
.vh-cfab-t small { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: #565B63; overflow-wrap: anywhere; }

/* 手机：贴边 16px；产品页底部「规格书 / 样品」固定条出现时（body.pdp2-bar-on，pdp-v2.js）抬到条的上方 */
@media (max-width: 699.98px) {
    .vh-cfab { right: 16px; bottom: 16px; }
    body.pdp2-bar-on .vh-cfab { bottom: 84px; }
    .vh-cfab-btn { width: 52px; height: 52px; }
    .vh-cfab-menu { bottom: 64px; width: calc(100vw - 32px); max-width: 340px; }
}

@media print {
    .vh-cfab { display: none; }
}