/* ===== Banner 轮播全局 ===== */
/* PC端 >768px */
@media (min-width: 769px) {
    body div.HomeBan.HomeBan1>div.swiper-container {
        overflow: hidden !important;
    }
    body div.HomeBan.HomeBan1 .bx-wrapper {
        width: 100% !important;
    }
    body div.HomeBan.HomeBan1 .bx-viewport {
        height: 80vh !important;
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }
    body div.HomeBan.HomeBan1 .swiper-wrapper {
        width: 100vw;
    }
}
body div.HomeBan.HomeBan1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 移动端 ≤768px */
@media (max-width: 768px) {
    body div.HomeBan.HomeBan1>div.swiper-container {
        height: 28vh !important;
        overflow: hidden !important;
    }
    body div.HomeBan.HomeBan1 .bx-wrapper {
        width: 100% !important;
        height: 100% !important;
    }
    body div.HomeBan.HomeBan1 .bx-viewport {
        height: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }
    body div.HomeBan.HomeBan1 .swiper-wrapper {
        height: 28vh !important;
    }
    .header_bar{
        background-size: contain;
        background-repeat: inherit;
        height: 28vh;
    }

    /* Footer 响应式 - 平板 */
    .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .footer-copyright {
        font-size: 11px;
        text-align: center;
    }

    /* ========== 移动端汉堡侧边抽屉菜单 ========== */
    .hamburger {
        display: block;
    }
    .component-navigation--items {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        z-index: 998;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        padding-top: 80px;
        display: block;
    }
    .component-navigation--items-top,
    .component-navigation--items-bottom {
        flex-direction: column;
        gap: 24px;
        padding: 0 30px;
    }
    .component-navigation--items li a {
        font-size: 18px;
        color: #222;
    }
    .navigation-sub {
        position: static !important;
    }
    #menu-toggle:checked ~ .component-navigation--items {
        transform: translateX(0);
    }

    /* 导航文字修复：透明偏移问题 */
    .component-navigation--items-top li a.navigation-item,
    .component-navigation--items-bottom li a.navigation-item-sm {
        opacity: 1 !important;
        margin-left: 0 !important;
        transition: none !important;
    }
    /* 移动端产品一级菜单禁用hover弹出子菜单 */
    .navigation-item-contain:hover .navigation-sub {
        display: none !important;
        visibility: hidden !important;
    }
    .navigation-item-contain .hover {
        display: none !important;
    }

    /* 产品模块布局修复 */
    .WarpBox2 {
        flex-direction: column;
    }
    .block3 .floor,
    .block3 .water,
    .block3 .pvc {
        height: 320px !important;
    }
    .block3 div {
        height: 2vh !important;
    }
    .advan-title {
        margin-top: 30px !important;
    }
}

/* ===== 小手机 ≤480px（覆盖更小屏幕） ===== */
@media (max-width: 480px) {
    body div.HomeBan.HomeBan1>div.swiper-container {
        height: 28vh !important;
        overflow: hidden !important;
    }
    body div.HomeBan.HomeBan1 .bx-wrapper {
        width: 100% !important;
        height: 100% !important;
    }
    body div.HomeBan.HomeBan1 .bx-viewport {
        height: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }
    body div.HomeBan.HomeBan1 .swiper-wrapper {
        height: 28vh !important;
    }
    /* Footer 响应式 - 手机单列 */
    .footer-nav {
        grid-template-columns: 1fr;
    }
    .footer-column {
        margin-bottom: 15px;
    }
}

/* ========== 汉堡按钮基础样式（全局，不分屏幕） ========== */
.hamburger {
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer;
    padding-left: 2px;
    z-index: 999;
    -webkit-tap-highlight-color: transparent;
}
.hamburger input {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.hamburger span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #222;
    border-radius: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.3s ease;
}
.hamburger span:nth-child(2) { top: 4px; }
.hamburger span:nth-child(3) { top: 8px; }
.hamburger span:nth-child(4) { top: 12px; }
/* 勾选后 三条横线转为 X */
.hamburger input:checked + span:nth-child(2) {
    transform: rotate(45deg);
    top: 22px;
}
.hamburger input:checked + span + span {
    opacity: 0;
}
.hamburger input:checked + span + span + span {
    transform: rotate(-45deg);
    top: 22px;
}
#menu-toggle {
    display: none;
}
/* PC端隐藏汉堡菜单 */
@media (min-width: 769px) {
    .hamburger {
        display: none !important;
    }
    .component-navigation--items {
        display: flex !important;
        transform: none !important;
    }
}

/* ===== 产品模块容器修复，消除多余空白（全局） ===== */
.WarpBox2 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}
.block3 .floor,
.block3 .water,
.block3 .pvc {
    min-height: auto !important;
    height: auto !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
.product_ul li {
    margin: 8px 0;
}

/* ===== 产品卡片a标签可点击修复（之前a点击失效补充） ===== */
.block3 .water a,
.block3 .floor a,
.block3 .pvc a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}