.elementor-1169 .elementor-element.elementor-element-4058bb6 > .elementor-element-populated{border-style:none;}.elementor-1169 .elementor-element.elementor-element-2e091fb.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1169 .elementor-element.elementor-element-2e091fb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-1169 .elementor-element.elementor-element-e739a95.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-fb06dbe{width:100%;max-width:100%;}.elementor-1169 .elementor-element.elementor-element-fb06dbe.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-54727de{width:100%;max-width:100%;}.elementor-1169 .elementor-element.elementor-element-54727de.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-2d46689.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-aff4e2b > .elementor-container{max-width:1430px;}.elementor-1169 .elementor-element.elementor-element-aff4e2b{padding:70px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-57438bb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1169 .elementor-element.elementor-element-57438bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-b459937 > .elementor-container{max-width:1430px;}.elementor-1169 .elementor-element.elementor-element-b459937{padding:35px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-f2dab16 > .elementor-element-populated{margin:23px 23px 23px 23px;--e-column-margin-right:23px;--e-column-margin-left:23px;padding:5px 5px 5px 5px;}.elementor-1169 .elementor-element.elementor-element-fa21508{width:100%;max-width:100%;}.elementor-1169 .elementor-element.elementor-element-fa21508 > .elementor-widget-container{margin:16px 16px 16px 16px;padding:0px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-fa21508.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-8da3453 > .elementor-container{max-width:1430px;}.elementor-1169 .elementor-element.elementor-element-8da3453{padding:40px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-e7c943b{width:100%;max-width:100%;}.elementor-1169 .elementor-element.elementor-element-e7c943b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-b0381a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1169 .elementor-element.elementor-element-e91272f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-1169 .elementor-element.elementor-element-4058bb6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-1169 .elementor-element.elementor-element-4058bb6{z-index:100;}.elementor-1169 .elementor-element.elementor-element-dd318ab{margin-top:0%;margin-bottom:0%;}.elementor-1169 .elementor-element.elementor-element-2e091fb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-1169 .elementor-element.elementor-element-2e091fb > .elementor-element-populated{text-align:start;}.elementor-1169 .elementor-element.elementor-element-e739a95{width:var( --container-widget-width, 100.187% );max-width:100.187%;--container-widget-width:100.187%;--container-widget-flex-grow:0;z-index:0;}.elementor-1169 .elementor-element.elementor-element-e739a95 > .elementor-widget-container{margin:-16% -16% -16% -16%;padding:100px 100px 100px 100px;}.elementor-1169 .elementor-element.elementor-element-e739a95.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-1169 .elementor-element.elementor-element-fb06dbe{width:100%;max-width:100%;z-index:0;}.elementor-1169 .elementor-element.elementor-element-fb06dbe > .elementor-widget-container{margin:25px 25px 25px 25px;}.elementor-1169 .elementor-element.elementor-element-54727de{width:100%;max-width:100%;}.elementor-1169 .elementor-element.elementor-element-2d46689{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1169 .elementor-element.elementor-element-b0381a2 > .elementor-widget-container{margin:-17px -17px -17px -17px;}}@media(max-width:767px){.elementor-1169 .elementor-element.elementor-element-fb06dbe{width:var( --container-widget-width, 355px );max-width:355px;--container-widget-width:355px;--container-widget-flex-grow:0;}.elementor-1169 .elementor-element.elementor-element-54727de > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1169 .elementor-element.elementor-element-2d46689 > .elementor-widget-container{margin:-28px -28px -28px -28px;padding:28px 28px 28px 28px;}.elementor-1169 .elementor-element.elementor-element-2d46689{--container-widget-width:352px;--container-widget-flex-grow:0;width:var( --container-widget-width, 352px );max-width:352px;}.elementor-1169 .elementor-element.elementor-element-e7c943b > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1169 .elementor-element.elementor-element-2e091fb{width:100%;}.elementor-1169 .elementor-element.elementor-element-d1c9a35{width:25%;}.elementor-1169 .elementor-element.elementor-element-1aadd27{width:74.665%;}.elementor-1169 .elementor-element.elementor-element-7055a07{width:49.58%;}.elementor-1169 .elementor-element.elementor-element-6876b65{width:25.42%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1169 .elementor-element.elementor-element-4058bb6{width:100%;}.elementor-1169 .elementor-element.elementor-element-2e091fb{width:100%;}.elementor-1169 .elementor-element.elementor-element-d1c9a35{width:100%;}.elementor-1169 .elementor-element.elementor-element-1aadd27{width:100%;}.elementor-1169 .elementor-element.elementor-element-7055a07{width:100%;}.elementor-1169 .elementor-element.elementor-element-6876b65{width:100%;}.elementor-1169 .elementor-element.elementor-element-61a2f20{width:100%;}}/* Start custom CSS for radios-hero-banner-1, class: .elementor-element-e739a95 *//* 针对平板视图 (1024px以下) */
@media (max-width: 1024px) {

    /* 1. 强制容器内部的列元素恢复浮动并排 */
    .custom-hero-layout .row > [class*="col-"],
    .custom-hero-layout .elementor-widget-container > div > [class*="col-"] {
        float: left !important;
        display: block !important;
    }

    /* 2. 强制左侧区域宽度（主展示区） */
    .custom-hero-layout .row > div:first-of-type,
    .custom-hero-layout [class*="col-"]:first-of-type {
        width: 60% !important;
        max-width: 60% !important;
    }

    /* 3. 强制右侧区域宽度（热门产品） */
    .custom-hero-layout .row > div:last-of-type,
    .custom-hero-layout [class*="col-"]:last-of-type {
        width: 40% !important;
        max-width: 40% !important;
        margin-top: 0 !important;
    }

    /* 4. 强制父级容器清除浮动并允许并排 */
    .custom-hero-layout .row,
    .custom-hero-layout .elementor-widget-container > div {
        display: block !important; /* 回到基础块级以支持浮动 */
        width: 100% !important;
    }

    /* 5. 适配调整：缩小 Banner 标题以防撑爆 60% 的空间 */
    .custom-hero-layout h2, 
    .custom-hero-layout .title {
        font-size: 22px !important;
    }
    /* 针对平板视图 (1024px以下) */
@media (max-width: 1024px) {

    /* 1. 彻底移除所有可能的背景形状层 */
    .custom-hero-layout .hero-banner-shape,
    .custom-hero-layout [class*="shape"],
    .custom-hero-layout [class*="bg-layer"] {
        display: none !important;
        background: none !important;
    }

    /* 2. 针对即使没有图片也会显示的占位圆圈 */
    .custom-hero-layout .elementor-widget-container div::before,
    .custom-hero-layout .elementor-widget-container div::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    /* 3. 强制内容区背景透明，防止它自带白色圆形背景遮挡文字 */
    .custom-hero-layout .hero-banner-content-area,
    .custom-hero-layout .content-area {
        background: transparent !important;
        z-index: 10 !important; /* 提升文字层级，确保在最前面 */
    }
}
}
/* --- 衔接在第 65 行 --- */

@media (max-width: 767px) {
    /* 1. 强制父容器环境变为垂直堆叠 */
    .custom-hero-layout .elementor-widget-container > div,
    .custom-hero-layout .row {
        display: block !important;
        width: 100% !important;
    }

    /* 2. 重置左侧 Banner 主展示区：全屏宽 */
    .custom-hero-layout .elementor-widget-container > div > div:first-child,
    .custom-hero-layout .row > div:first-child {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin-bottom: 30px !important; 
        padding-right: 0 !important;
    }

    /* 3. 重置右侧 Top Product 框：全屏宽，排在下方 */
    .custom-hero-layout .elementor-widget-container > div > div:last-child,
    .custom-hero-layout .row > div:last-child {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 15px !important;
    }

    /* 4. 修复手机端文字挤压和重叠 */
    .custom-hero-layout .title, 
    .custom-hero-layout h2 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        white-space: normal !important; /* 允许长标题换行，防止冲出屏幕 */
    }

    /* 5. 修正图片位置 */
    .custom-hero-layout .hero-banner-image,
    .custom-hero-layout img {
        position: relative !important;
        max-width: 90% !important;
        margin: 10px auto !important;
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for vi-product-tab-id, class: .elementor-element-fb06dbe *//* 针对平板及以下屏幕 (1024px以下) */
@media (max-width: 1024px) {

    /* 1. 强制标签容器横向排列，允许横向滚动（防止换行挤乱） */
    .custom-product-tabs .nav-tabs,
    .custom-product-tabs .tabs-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* 如果标签太多，允许左右滑动 */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        border-bottom: none !important;
        justify-content: flex-start !important;
    }

    /* 2. 统一标签样式，缩减间距 */
    .custom-product-tabs .nav-tabs li,
    .custom-product-tabs .nav-tabs .nav-item {
        flex: 0 0 auto !important;
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }

    /* 3. 隐藏右侧可能出现的重复多余元素（解决图中右侧文字重叠） */
    .custom-product-tabs .nav-tabs::after,
    .custom-product-tabs .tabs-controls {
        display: none !important;
    }

    /* 4. 优化标签内的文字大小 */
    .custom-product-tabs .nav-tabs a {
        font-size: 14px !important;
        padding: 8px 12px !important;
        white-space: nowrap !important; /* 强制文字不换行 */
    }

    /* 5. 调整下方产品图片的间距 */
    .custom-product-tabs .tab-content {
        padding-top: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for vi-product-with-cate-id, class: .elementor-element-54727de */@media (max-width: 767px) {
    /* 1. 强行把包裹产品的直接父级容器切成两列 */
    .elementor-1169 .elementor-element.elementor-element-54727de .rt-el-product-grid,
    .elementor-1169 .elementor-element.elementor-element-54727de [class*="product-grid"],
    .elementor-1169 .elementor-element.elementor-element-54727de [class*="inner"] > div:last-child,
    .elementor-1169 .elementor-element.elementor-element-54727de .rt-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
        float: none !important;
    }

    /* 2. 强行把每一个产品方块的宽度解放，让它自适应两列网格 */
    .elementor-1169 .elementor-element.elementor-element-54727de .rt-el-product-grid > *,
    .elementor-1169 .elementor-element.elementor-element-54727de [class*="product-grid"] > *,
    .elementor-1169 .elementor-element.elementor-element-54727de [class*="inner"] > div:last-child > *,
    .elementor-1169 .elementor-element.elementor-element-54727de .rt-row > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        float: none !important;
    }
}/* End custom CSS */