/* =========================================================
    PC端导航栏 (hksstc-header-module)
========================================================= */
@media (max-width: 1400px) {
    html[lang="en"] .hksstc-header-module .nav {
        gap: 20px;
    }
}
@media (max-width: 1310px) {

    /* ===== 关键修复：header-inner flex 布局 ===== */
    .hksstc-header-module .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 16px;
    }

    /* 隐藏桌面导航 */
    .hksstc-header-module .nav {
        display: none !important;
    }

    /* 隐藏桌面语言和社交 */
    .hksstc-header-module .header-right .lang-switch {
       /* display: none !important;*/
    }

    .hksstc-header-module .header-right .social-icons {
        display: none !important;
    }

    /* 显示汉堡菜单 */
    .hksstc-header-module .hamburger-btn {
        display: flex !important;
    }

    /* 调整头部 */
    .hksstc-header-module .header-right {
        float: none;
        height: 64px;
        gap: 10px;
        padding-right: 0;
    }

    .hksstc-header-module .logo {
        padding: 10px 0;
    }

    .hksstc-header-module .logo img {
        max-height: 40px;
    }

    /* 语言下拉微调 */
    .hksstc-header-module .lang-current {
        font-size: 14px;
        min-width: 70px;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .hksstc-header-module .lang-dropdown {
        top: 40px;
        min-width: 90px;
    }

    .hksstc-header-module .lang-dropdown a {
        font-size: 14px;
        padding: 6px 16px;
    }

    .hksstc-header-module .social-circle {
        width: 32px;
        height: 32px;
    }

    .hksstc-header-module .social-circle img {
        width: 20px;
        height: 20px;
    }
}

/* =========================================================
    ===== 768px 以上隐藏移动端 =====
========================================================= */
@media (min-width: 1310px) {

    .hksstc-header-module .mobile-menu,
    .hksstc-header-module .mobile-overlay {
        display: none !important;
    }
}

/* =========================================================
    疗法配方循环轮播 - 平板端 2列
========================================================= */
@media (min-width: 768px) and (max-width: 1023px) {
    .hksstc-therapy-carousel-module .carousel-track .card {
        flex: 0 0 calc(50% - 20px) !important;
        min-width: 0 !important;
        max-width: calc(50% - 20px) !important;
    }
    
    .hksstc-therapy-carousel-module .carousel-track {
        gap: 30px !important;
    }
}
/* =========================================================
    治療師團隊輪播 - 卡片响应式
========================================================= */

/* 平板：2列 */
@media (min-width: 768px) and (max-width: 1023px) {
    .hksstc-therapist-module .therapist-card {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
    .hksstc-therapist-module .carousel-track {
        gap: 30px !important;
    }
}

/* =========================================================
    媒體報導循環輪播 - 响应式修复
========================================================= */


/* 平板：2列 */
@media (min-width: 768px) and (max-width: 1023px) {
    .hksstc-media-carousel-module .carousel-track .card {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
    .hksstc-media-carousel-module .carousel-track {
        gap: 20px !important;
    }
}

/* =========================================================
    客戶評價輪播 - 卡片响应式
========================================================= */
/* 平板：2列 */
@media (min-width: 768px) and (max-width: 1023px) {
    .hksstc-review-module .carousel-track .review-card {
        flex: 0 0 calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        min-height: 240px;
        padding: 18px 20px;
    }
    .hksstc-review-module .carousel-track {
        gap: 18px !important;
    }

}
/* =========================================================
    醫療服務項目模組 - 卡片响应式
========================================================= */
/* 平板：2列 */
@media (min-width: 768px) and (max-width: 1023px) {
    .hksstc-services-module .grid-wrapper-flex {
        gap: 20px !important;
        padding: 0 20px;
    }
    .hksstc-services-module .grid-wrapper-flex .card {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
        padding: 24px;
        min-height: 260px;
    }
}