/*!
 * VBS 全站主样式表
 * 由「VBS CSS 模块管理器」自动生成，请勿直接编辑本文件
 * 如需修改请进入 WordPress 后台 → VBS → CSS 模块
 * 生成时间：2026-05-21 09:58:16
 */


/* ════════════════════════════════════════════════════
   全局基础 (字体、颜色变量、Header/Footer)
   ════════════════════════════════════════════════════ */

/* ── CSS全站加载样式-字体 ── */
/**
 * 1. 字体注册 (Font Registration)
 * 保持 Montserrat 本地化加载，确保数字和英文的高级感。
 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-700.woff2') format('woff2');
}

/**
 * 2. 全局字体堆栈 (Global Typography)
 * 优先级说明：数字英文(Montserrat) > 苹果系统(苹方) > Windows 现代体(等线) > Windows 标准体(微软雅黑 UI)
 */
body, h1, h2, h3, h4, h5, h6, p, span, a, li, input, select, textarea, .wp-block-stackable {
    font-family: 
        'Montserrat', 
        system-ui, 
        -apple-system, 
        BlinkMacSystemFont, 
        "PingFang SC", 
        "Hiragino Sans GB", 
        "DengXian",           /* Windows 优先使用等线，字形比雅黑更清爽 */
        "Microsoft YaHei UI",  /* 雅黑 UI 版优化了行高，适合网页按钮和导航 */
        "Microsoft YaHei", 
        sans-serif !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/**
 * 3. 基础排版参数 (Base Layout)
 * 解决“普通感”的关键：呼吸感。
 */
body {
    font-size: 15px;      /* 15px 在中文下比 16px 更显精致 */
    line-height: 1.7;    /* 增加行高，防止文字堆垒 */
    color: #333;         /* 深灰色比纯黑色更具高级感 */
}

/* 针对正文段落优化 */
p {
    margin-bottom: 1.5em;
    letter-spacing: 0.03em; /* 关键：为中文字符增加极小间距，消除拥挤感 */
}

/**
 * 4. 工业化标题风格 (Industrial Heading Style)
 * 效仿 WABCO/BOSCH 风格：重英文、轻中文、宽间距。
 */
h1, h2, h3 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.3;
    font-weight: 700;    /* 英文部分使用粗体 */
    color: #222;
}

/* 极致优化：在 Windows 上，大标题使用“细体”中文配合“粗体”英文，会产生极强的设计感 */
h1, h2 {
    font-family: 'Montserrat', "Microsoft YaHei Light", "DengXian Light", "PingFang SC", sans-serif;
}

/**
 * 5. WooCommerce 及表单细节优化
 */

/* 产品参数标签：模仿威伯科的严谨感 */
.woocommerce-product-attributes-item__label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #888;
    font-weight: 600 !important;
}

/* 零件号与数值：强化数字的视觉存在感 */
.woocommerce-product-attributes-item__value p, .sku {
    font-family: 'Montserrat'; 
    font-weight: 600;
    color: #111;
}

/**
 * 6. 针对中文环境的专项修正
 */
[lang="zh-CN"] strong, [lang="zh-CN"] b {
    font-weight: 600; /* Windows 下 700 字重容易糊在一起，600 最清晰 */
}

/* 移除链接下划线，改用工业感的边框点缀 */
a {
    text-decoration: none;
    transition: all 0.3s ease;
}



/* 针对产品元数据的专项美化 */
.product_meta {
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-size: 13px;
}

.product_meta > span {
    display: block; /* 每个条目占一行 */
    margin-bottom: 8px;
    color: #888;    /* 标签颜色调淡 */
    text-transform: uppercase;
}

.product_meta span strong, 
.product_meta span a, 
.product_meta .sku {
    color: #111;    /* 内容颜色加深 */
    margin-left: 10px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif; /* 强制数字和品牌名用英文字体 */
}

/* ── CSS产品中心列表样式 ── */
/* 产品列表样式优化 */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 !important;
    padding: 0 15px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

.woocommerce ul.products li.product a img {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

/* 修改标题样式，确保文本不重叠且正确换行显示 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 42px; /* 设置最小高度 */
    max-height: 42px; /* 限制最大高度以配合 -webkit-line-clamp */
    overflow: hidden; /* 必须设置为 hidden */
    display: -webkit-box; /* 启用弹性盒子布局 */
    -webkit-line-clamp: 2; /* 限制显示两行 */
    -webkit-box-orient: vertical; /* 设置垂直方向 */
    margin: 0;
    color: #333;
    word-break: break-word; /* 确保长单词可以断行 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    white-space: normal; /* 允许文本换行 */
}

.woocommerce ul.products li.product .price {
    padding: 0 15px;
    margin-bottom: 10px;
    color: #e2401c;
    font-size: 15px;
    font-weight: 600;
}

.woocommerce ul.products li.product .price del {
    color: #999;
    font-size: 13px;
    font-weight: normal;
    margin-right: 5px;
    opacity: 0.5;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 600;
    text-decoration: none;
}

.woocommerce ul.products li.product .button {
    margin: 0 15px 15px;
    padding: 8px 15px;
    font-size: 13px;
    text-align: center;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 4px;
    transition: all 0.3s ease;
    width: calc(100% - 30px);
    display: block;
    text-decoration: none;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #e2401c;
    color: #fff;
}

.woocommerce ul.products li.product .onsale {
    margin: 10px !important;
    min-height: auto;
    min-width: auto;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 4px;
    background-color: #e2401c;
}

/* 隐藏星级评分 */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .rating-wrapper,
.woocommerce ul.products li.product .woocommerce-product-rating {
    display: none !important;
}

/* 响应式布局 */
@media screen and (max-width: 1200px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
        padding: 0 10px !important;
    }

    /* 移动端标题样式调整 */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px;
        min-height: 36px;
        padding: 8px 12px;
        -webkit-line-clamp: 2; /* 确保移动端也只显示两行 */
    }

    .woocommerce ul.products li.product .price {
        padding: 0 12px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .woocommerce ul.products li.product .button {
        margin: 0 12px 12px;
        padding: 6px 12px;
        font-size: 12px;
        width: calc(100% - 24px);
    }

    .woocommerce ul.products li.product a img {
        padding: 8px;
    }

    .woocommerce ul.products li.product .onsale {
        margin: 8px !important;
        padding: 4px 8px;
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px;
        padding: 0 8px !important;
    }

    .woocommerce ul.products li.product {
        border-radius: 6px;
    }

    /* 小屏幕标题样式调整 */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 12px;
        min-height: 34px;
        padding: 6px 10px;
    }

    .woocommerce ul.products li.product .price {
        padding: 0 10px;
        font-size: 13px;
        margin-bottom: 6px;
    }

    .woocommerce ul.products li.product .button {
        margin: 0 10px 10px;
        padding: 5px 10px;
        font-size: 12px;
        width: calc(100% - 20px);
    }

    .woocommerce ul.products li.product a img {
        padding: 6px;
    }

    .woocommerce ul.products li.product .onsale {
        margin: 6px !important;
        padding: 3px 6px;
        font-size: 11px;
    }
}

/* 优化加载中状态 */
.woocommerce ul.products::before {
    display: none;
}

/* 优化分页样式 */
.woocommerce nav.woocommerce-pagination {
    margin: 30px 0;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #ddd;
    margin: 0 5px;
    border-radius: 4px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #e2401c;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #f5f5f5;
}

/* 隐藏商品列表页面的加入购物车按钮 */
.woocommerce-page.archive ul.products li.product .button,
.woocommerce.archive ul.products li.product .button,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable {
    display: none !important;
}

/* 如果有变体提示文字，也隐藏 */
.woocommerce ul.products li.product .button-variable-item-text {
    display: none !important;
}

/* 调整价格位置，由于移除了按钮，需要调整下间距 */
.woocommerce ul.products li.product .price {
    margin-bottom: 0.5em !important;
    padding-bottom: 1em !important;
}

/* 确保商品标题下方间距合适 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 0.5em !important;
}

/* 优化商品卡片底部间距 */
.woocommerce ul.products li.product {
    padding-bottom: 10px !important;
}

/* ── CSS003菜单样式 ── */
/**
 * VBS Matrix - 全站菜单与导航优化样式表 (Master Menu Stylesheet)
 * 适用插件：Max Mega Menu & FiboSearch 集成优化
 * 优化目的：合并原 7 个散落在 head 的内联 style 标签，实现全站静态缓存与极致 SEO 源码净化
 */

/* ==========================================================================
   1. 购物车与搜索图标对齐微调 (Fix Both Icons Alignment)
   ========================================================================== */

/* 桌面端显示下三角箭头，移动端显示+/-号 */
.mega-indicator:after {
    content: "▾" !important;
    font-size: 25px !important;
    color: #ccc !important;
    /* 浅灰色箭头 */
    visibility: visible !important;
    vertical-align: middle !important;
    line-height: 0 !important;
    margin-top: -5px !important;
    display: inline-block !important;
}

@media(max-width:768px) {
    .mega-indicator:after {
        content: "+" !important;
        float: right !important;
    }

    .mega-toggle-on>.mega-menu-link>.mega-indicator:after {
        content: "-" !important;
    }
}

/* 基础样式 - 所有图标共享的样式 */
.mega-menu-link[href="#search"],
.mega-custom-icon.mega-menu-link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 1. 搜索图标容器调整 */
li.mega-menu-item>a.dashicons-search.mega-menu-link,
li.mega-menu-item>a[href="#search"].mega-menu-link {
    top: -2px !important;
    /* 垂直位置调整 */
    transform: scale(1) !important;
    /* 缩放比例 */
}

/* 搜索图标菜单项整体调整 */
li.mega-menu-item>a.dashicons-search.mega-menu-link,
li.mega-menu-item>a[href="#search"].mega-menu-link {
    margin-left: 16px !important;
    /* 使用margin替代left，确保点击区域正确 */
}

/* 2. 会员图标调整 */
#mega-menu-item-54581>a.mega-custom-icon {
    top: -2px !important;
    /* 垂直位置调整 */
    transform: scale(1) !important;
    /* 缩放比例 */
}

/* 会员图标菜单项整体调整 */
#mega-menu-item-54581 {
    margin-left: 0px !important;
    /* 使用margin替代left，确保点击区域正确 */
}

/* 3. 购物车图标调整 */
#mega-menu-item-54680>a.mega-custom-icon {
    top: -2px !important;
    /* 垂直位置调整 */
    transform: scale(1) !important;
    /* 缩放比例 */
}

/* 购物车图标菜单项整体调整 */
#mega-menu-item-54680 {
    margin-left: -10px !important;
    /* 使用margin替代left，确保点击区域正确 */
}

/* PC端购物车计数图标样式 */
.mega-cart-count {
    position: absolute !important;
    top: 3px !important;
    /* 调整垂直位置 */
    right: 6px !important;
    /* 调整水平位置 */
    background: #000000 !important;
    /* 背景颜色 - 黑色 */
    color: #fff !important;
    /* 文字颜色 */
    font-size: 10px !important;
    /* 字体大小 */
    font-weight: bold !important;
    width: 18px !important;
    /* 固定宽度 */
    height: 18px !important;
    /* 固定高度 - 与宽度相同确保是正圆形 */
    line-height: 16px !important;
    /* 行高与高度相同 */
    text-align: center !important;
    border-radius: 50% !important;
    /* 圆角程度 - 50%为圆形 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99 !important;
    border: 1px solid #fff !important;
    /* 白色边框 */
    padding: 0 !important;
    /* 移除内边距 */
    box-sizing: border-box !important;
    /* 确保边框不会增加实际尺寸 */
}

/* 移动端购物车计数图标样式 */
@media screen and (max-width: 768px) {
    .mega-cart-count {
        top: 5px !important;
        /* 移动端调整垂直位置 */
        right: 6px !important;
        /* 移动端调整水平位置 */
        width: 16px !important;
        /* 移动端稍微小一点的尺寸 */
        height: 16px !important;
        /* 移动端稍微小一点的尺寸 */
        font-size: 9px !important;
        /* 移动端更小的字体 */
    }
}

/* ==========================================================================
   2. 遮挡与自带旧组件隐藏 (Prevent Dropdown Obstruction & Hide Native Menu)
   ========================================================================== */

/* 仅在桌面端调整下拉菜单的定位，防止遮挡LOGO */
@media(min-width:769px) {
    .mega-sub-menu {
        margin-top: 10px !important;
    }
}

/* 增加二级菜单顶部边距 */
.inside-header.grid-container,
.main-navigation,
#site-navigation,
.header-widget {
    display: none !important;
    /* 彻底埋葬主题自带的旧菜单和旧页眉组件 */
}

/* ==========================================================================
   3. 移动端汉堡菜单平移预定位 (Mobile Hamburger Position)
   ========================================================================== */
.mega-toggle-animated-box {
    transform: translateX(15px) translateY(10px) !important;
    /* 向右平移 15px，向下平移 10px */
}

/* ==========================================================================
   4. 恢复 Max Mega Menu 默认移动端样式 (Restore Megamenu Defaults)
   ========================================================================== */
@media only screen and (max-width: 768px) {

    /* 移除任何可能覆盖默认对齐方式的自定义样式 */
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link {
        text-align: left;
        justify-content: flex-start;
    }

    /* 恢复二级菜单左对齐 */
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        text-align: left;
    }

    /* 移除任何可能干扰指示器位置的样式 */
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        float: right;
    }
}

/* ==========================================================================
   5. 模块化菜单层级与圆头像切断修复 (VBS Menu Ultimate Fix - LEGO 版)
   ========================================================================== */

/* 1. 全站层级提权（确保菜单在积木页面之上） */
#vbs-header-wrapper,
#top-mega-menu {
    position: relative !important;
    z-index: 999999 !important;
    overflow: visible !important;
}

/* 2. 消除内部挤压：移除 WordPress 自动插入的 <br> 标签影响，确保图片居中 */
.menu-item-image br {
    display: none !important;
}

.menu-item-image a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100% !important;
    width: 100% !important;
}

/* 3. 自定义二级菜单图标：控制图标大小、无圆圈背景、防裁剪 */
.menu-item-image {
    width: 50px !important;
    /* 【图标大小控制项】：全站二级菜单图标宽度 */
    height: 50px !important;
    /* 【图标大小控制项】：全站二级菜单图标高度 */

    margin: 0px !important;
}

.menu-item-image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    /* 设为 contain 防止非正方形图标被扭曲或裁剪 */
}



/* 5. 居中对齐与垂直距离微调 (可整体往下移) */
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
    width: 1200px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 15px !important;
    /* 【整体下移控制项】：增加此值（如 10px, 15px, 20px）可使下拉板整体往下移动 */
}

.mega-menu-item-content {
    display: flex !important;
    flex-direction: row !important;
    /* 恢复横向排列：文字在图片右侧 */
    align-items: center !important;
    gap: 10px !important;
    /* 【图文间距控制项】：修改此数字直接调整图片和文字的间距 */
    padding: 8px 0 !important;
    /* 【上下行间距控制项】：修改此数值（如 5px, 12px, 15px）直接控制每一行菜单项之间的上下距离 */
    text-align: left !important;
}

/* 强力压制因 WordPress 自动转义生成的 <p> 标签导致的垂直偏移，强行对齐 */
.mega-menu-item-content p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;        /* 解锁固定高度：由 50px 升级为弹性最小高度，防止超长字符挤压图标 */
    height: auto !important;
}

/* 强力隐藏链接内部因换行自动生成的 <br> 标签，防止其强行占位 */
.menu-item-title br {
    display: none !important;
}

/* 二级菜单文字标题链接样式 */
.menu-item-title {
    line-height: 1.25 !important;       /* 折行行高微调 */
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* 核心：确保文字在垂直方向上与图片完美居中对齐 */
    align-items: flex-start !important; /* 文字左对齐 */
    text-align: left !important;
    margin: 0 !important;
    padding: 4px 0 !important;          /* 预留折行文字的上下呼吸边距，防止贴边 */
    min-height: 50px !important;        /* 支持弹性多行高度自适应 */
    height: auto !important;
    color: #666666 !important;
    /* 【文字初始颜色控制】：全站二级菜单初始中灰色（调深防淡） */
    font-size: 12px !important;
    /* 【文字大小控制】：全站二级菜单文字大小 */
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    /* 【文字字间距控制】：全站二级菜单文字字间距 */
    transition: color 0.2s ease !important;
}

/* 鼠标悬停变纯黑色效果 */
.mega-menu-item-content:hover .menu-item-title,
.mega-menu-item-content .menu-item-title:hover {
    color: #000000 !important;
    /* 【悬停文字颜色控制】：悬浮变为纯黑色 */
}

.title-cn {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    transition: all 0.35s ease;
}

.title-en {
    display: block;
    font-size: 10px;
    color: #888;
    font-weight: 400;
    transition: all 0.45s ease;
}

/* 6. 图标初始状态与平滑过渡 */
.menu-item-image img {
    transition: all 0.25s ease-in-out !important;
    /* 确保缩放与变黑动画极其丝滑 */
    filter: brightness(0.55) !important;
    /* 【图标初始深浅控制】：微调亮度使初始灰色图标变深（如 0.55 对应中灰色），与文字深度一致 */

    /* 强力抗锯齿与防发虚指令：强行开启 GPU 3D 高精矢量渲染，确保缩放与滤镜联动时边缘绝对锐利 */
    will-change: transform, filter !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translate3d(0, 0, 0) !important;
}

/* 7. 图文悬浮联动：鼠标浮动在整个菜单项上时，图标与文字同步变黑、图标等比缩放 */
.mega-menu-item-content:hover .menu-item-image img {
    transform: scale(1.1) !important;
    filter: brightness(0) !important;
    /* 【黑色魔法滤镜】：强行将灰色 SVG 的线条变为纯黑色（#000000），与悬停文字颜色保持 100% 绝对一致！ */
}

/* 7. 隐藏桌面端意外出现的黑块（关闭按钮） */
@media screen and (min-width: 769px) {
    button.mega-close {
        display: none !important;
    }
}

/* ==========================================================================
   6. 移动端菜单美化 (Mobile Menu Beautify - 白色清爽风格)
   ========================================================================== */
@media only screen and (max-width: 768px) {

    /* 1. 菜单容器：纯白背景 + 阴影 */
    #mega-menu-wrap-primary #mega-menu-primary {
        background-color: #ffffff !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        padding-top: 10px !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    /* 2. 顶级菜单项：深色文字 + 底部细线 */
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #333333 !important;
        background-color: transparent !important;
        border-bottom: 1px solid #f5f5f5 !important;
        padding: 16px 20px !important;
        /* 增加点击区域 */
        font-size: 15px !important;
        font-weight: 500 !important;
        height: auto !important;
        /* 防止高度被锁死 */
        line-height: 1.5 !important;
    }

    /* 3. 选中/激活/悬停状态：极浅灰背景 + 黑色文字 */
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
        background-color: #fafafa !important;
        color: #000000 !important;
        font-weight: 600 !important;
    }

    /* 4. 修复“联系我们”等特殊按钮的背景问题 */
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-align-bottom-left>a.mega-menu-link {
        background-color: transparent !important;
        /* 强制去黑底 */
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-align-bottom-left.mega-current-menu-item>a.mega-menu-link {
        background-color: #fafafa !important;
        /* 选中时才显色 */
    }

    /* 5. 二级菜单：微缩进 + 柔和背景 */
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>ul.mega-sub-menu {
        background-color: #fcfcfc !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        padding-left: 35px !important;
        color: #666666 !important;
        border-bottom: 1px solid #f9f9f9 !important;
        font-size: 14px !important;
    }

    /* 6. 箭头指示器颜色 */
    .mega-indicator:after {
        color: #aaaaaa !important;
    }
}

/* ==========================================================================
   7. 移动端布局防溢出修复 (Mobile Layout Fixes)
   ========================================================================== */
@media only screen and (max-width: 768px) {

    /* 强制修复侧边购物车插件导致的3050px宽度溢出 */
    .vi-wcaio-sidebar-cart-footer-pd-wrap {
        max-width: 100vw !important;
        width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        display: none !important;
        /* 暂时隐藏该溢出元素，因为它通常是看不见的或者是错误的布局 */
    }
}

/* ==========================================================================
   8. 从旧自定义样式合并的附加规则 (Merged Custom Additional Rules)
   ========================================================================== */
#mega-menu-primary .widget_custom_html,
#mega-menu-primary .textwidget.custom-html-widget {
    margin-top: -10px !important;
}

/* 强制清除二级自定义 HTML 小挂件中列表默认空心圆圈/圆点 */
#mega-menu-wrap-primary #mega-menu-primary ul,
#mega-menu-wrap-primary #mega-menu-primary li,
#mega-menu-primary .widget_custom_html ul,
#mega-menu-primary .widget_custom_html li,
#mega-menu-primary .textwidget.custom-html-widget ul,
#mega-menu-primary .textwidget.custom-html-widget li {
    list-style: none !important;
    list-style-type: none !important;
}

/* 移动端菜单定位与层级修正 */
@media screen and (max-width: 768px) {
    #mega-menu-wrap-primary #mega-menu-primary {
        position: absolute !important;
        top: 60px !important;
        z-index: 99999 !important;
    }

    /* 隐藏关闭按钮 (补齐之前旧样式表中漏掉的隐藏黑块逻辑) */
    button.mega-close {
        display: none !important;
    }
}

/* ==========================================================================
   10. 俄语及多语言超长字符排版与高度自适应补丁 (Multilingual Layout Fix)
   ========================================================================== */

/* 俄语版专属极精细化字号与行高微调：压缩字号、缩短字间距、收紧行高，强制单行或紧凑多行 */
html[lang^="ru"] #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > a.mega-menu-link {
    font-size: 11px !important;       /* 降低一级列标题字号，防破格 */
    letter-spacing: -0.1px !important; /* 微调俄语字符间距 */
    line-height: 1.25 !important;      /* 收紧俄语换行后的行高 */
}

html[lang^="ru"] .menu-item-title,
html[lang^="ru"] #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    font-size: 11px !important;       /* 降低二级标题字号，防换行过多 */
    letter-spacing: -0.2px !important; /* 微调俄语字符间距 */
    line-height: 1.25 !important;      /* 收紧俄语换行后的行高，极具精致感 */
}