/* ===== 全局移动端适配增强 ===== */
@media (max-width: 768px) {
    /* 基础布局调整 */
    body {
        overflow-x: hidden;
        font-size: 14px;
    }
    
    /* 顶部导航优化 */
    .topUl {
        float: none;
        margin-right: 0;
        text-align: center;
        padding: 10px 0;
    }
    
    .topUl li {
        margin: 5px 8px;
    }
    
    .topUl li a {
        font-size: 12px;
    }
    
    /* 主导航菜单 */
    .menuUl {
        width: 100%;
        padding: 0 10px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        text-align: left;
    }
    
    .menuUl li {
        margin: 0 15px;
        display: inline-block;
    }
    
    .menuUl li:first-child {
        margin-left: 0;
    }
    
    /* 主要内容区域 */
    .aboutDiv, .partners, .proList, .news, .detailInfo {
        width: 100%;
        margin: 15px auto;
        padding: 0 12px;
        box-sizing: border-box;
    }
    
    /* 分类导航 */
    .cateUl {
        padding: 15px 10px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        margin: 0;
    }
    
    .cateUl li {
        width: auto;
        min-width: 80px;
        margin: 0 8px;
        padding: 8px 0;
        font-size: 14px;
    }
    
    /* 产品网格布局 - 两列 */
    .proDiv, .new, .pro_div {
        width: 48%;
        margin: 10px 1%;
        box-sizing: border-box;
    }
    
    .proDiv img, .pro_div_img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }
    
    .new img {
        width: 100%;
        height: auto;
    }
    
    /* 产品卡片内容 */
    .product_name {
        font-size: 14px;
        margin: 8px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
    }
    
    .toDetail {
        width: 80px;
        padding: 3px;
        font-size: 12px;
        margin: 10px auto;
    }
    
    /* 详情页布局 */
    .leftDiv, .rightDiv {
        width: 35px;
        padding: 15px 0;
    }
    
    .imgDiv {
        max-width: calc(100% - 80px);
    }
    
    .imgDiv img {
        max-width: 100%;
        height: auto;
    }
    
    /* 客户反馈区域 */
    .kfimg {
        width: 100%;
        height: 200px;
        margin: 10px 0;
    }
    
    .kfimg2 {
        width: 100%;
        height: auto;
        aspect-ratio: 240/487;
    }
    
    .iconimg {
        height: auto;
        max-width: 100%;
        float: none;
        padding-top: 30px;
    }
    
    .kfcontent, .kfcontent2 {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    
    /* 新闻区域 */
    .single-latest-news {
        height: auto;
        margin-bottom: 20px;
    }
    
    .latest-news-bg {
        height: 250px;
    }
    
    .news-text-box {
        padding: 15px;
    }
    
    .section-title {
        margin-bottom: 40px;
    }
    
    .section-title h3 {
        font-size: 28px;
    }
    
    .section-title p {
        width: 100%;
        font-size: 14px;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    /* 合作伙伴 */
    .panel {
        width: 100%;
        margin: 10px 0;
    }
    
    /* 里程碑横向滚动 */
    .milestones-container-horizontal {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
    }
    
    .milestones-scroll {
        display: flex;
        flex-wrap: nowrap;
    }
    
    .milestone-item {
        min-width: 80px;
        margin: 0 5px;
    }
    
    /* 搜索导航栏 */
    .search-navbar {
        flex-direction: column;
        padding: 12px;
    }
    
    .nav-items {
        width: 100%;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }
    
    .nav-item-group {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .nav-item {
        padding: 4px 8px;
        font-size: 12px;
    }
    
    .search-container {
        width: 100%;
    }
    
    .search-bar {
        width: 100%;
        padding: 6px 12px;
    }
    
    /* 产品容器 */
    .product-container, .product-container2 {
        justify-content: space-between;
    }
    
    .product-card {
        width: 48%;
        margin-bottom: 15px;
    }
    
    .product-image {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }
    
    .product-image2 {
        width: 80px;
        height: 80px;
    }
    
    .product-info-card {
        padding: 10px;
    }
    
    .product-info {
        font-size: 14px;
    }
    
    .product-info2 {
        font-size: 12px;
    }
    
    .product-content {
        flex-direction: column;
    }
    
    /* 商品详情页 */
    .product__details__text h3 {
        font-size: 20px;
    }
    
    .product__details__text .product__details__price {
        font-size: 24px;
    }
    
    .goldBtn {
        width: 100%;
        margin: 10px 0;
        padding: 12px 20px;
    }
    
    .thumbnail-choose {
        grid-template-columns: repeat(4, 1fr);
        gap: 5px;
    }
    
    .thumbnail-choose img {
        width: 100%;
        height: auto;
    }
    
    /* 购物车表 */
    .table thead {
        display: none; /* 隐藏表头，移动端用卡片布局 */
    }
    
    .table tbody tr {
        display: block;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        position: relative;
    }
    
    .table tbody td {
        display: block;
        padding: 8px 0;
        border: none;
        text-align: left;
    }
    
    .table tbody td.item {
        display: flex;
        align-items: center;
        padding-right: 40px; /* 为删除按钮留空间 */
    }
    
    .cart_logo_container {
        float: none;
        margin-right: 10px;
    }
    
    .table tbody td.item img {
        width: 60px;
        height: 60px;
    }
    
    .delete-button {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 24px;
    }
    
    .infoContainer {
        flex-direction: column;
        height: auto;
        padding: 15px;
    }
    
    .goldBtn2 {
        width: 100%;
        margin: 5px 0;
    }
    
    /* 订单支付页 */
    .addressCard {
        padding: 20px;
        margin-bottom: 15px;
    }
    
    .address-info {
        margin: 0;
        font-size: 14px;
    }
    
    .address-actions {
        float: none;
        margin-top: 10px;
        text-align: right;
    }
    
    .pay-card {
        padding: 15px;
    }
    
    .payment-detail, .payment-summary {
        min-height: auto;
        margin-bottom: 20px;
    }
    
    .payBtn {
        height: 45px;
        font-size: 16px;
    }
    
    .gold-border {
        padding: 15px;
        margin: 15px 0;
    }
    
    .action-button {
        padding: 4px 8px;
        font-size: 12px;
    }
    
    /* 弹窗 */
    .coverInfo, .popUpInfo {
       position: fixed;
        left: 4%;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        background: white;
        border-radius: 16px;
        padding: 20px 16px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(212, 175, 55, 0.2);
        max-height: 85vh;
        -webkit-overflow-scrolling: touch;
        z-index: 10001;
    }
    
    .popUpInfo {
        width: 90%;
        height: auto;
        min-height: 200px;
    }
    
    .popUp_button_container {
        margin-top: 15px;
    }
    
    .addItem {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
    }
    
    .spanLeft {
        width: auto;
        text-align: left;
        margin-bottom: 5px;
    }
    
    .spanRight {
        margin-left: 0;
    }
    
    .popUpContainer {
        margin-top: 5px;
    }
    
    /* 页码 */
    .pages {
        text-align: center;
    }
    
    .pages .page-panel {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .pages .page-panel a {
        padding: 2px 10px;
        margin: 2px;
        font-size: 12px;
    }
    
    /* 固定客服 */
    #service {
        width: 120px;
        top: auto;
        bottom: 20px;
        right: 0;
    }
    
    #service li {
        width: 120px;
        height: 50px;
    }
    
    #p1 {
        width: 40px;
        height: 40px;
    }
    
    #p2, #p3 {
        width: 80px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding-left: 10px;
    }
    
    .icon {
        width: 40px;
        height: 40px;
    }
    
    /* 模态框 */
    .modal-content-wrapper {
        width: 95%;
        height: 80vh;
        margin: 10% auto;
    }
    
    .modal-close {
        top: 10px;
        right: 10px;
        font-size: 30px;
    }
    
    /* 用户认证 */
    .user-auth-wrapper {
        padding: 0 5px;
    }
    
    .profile-icon {
        font-size: 1rem;
        margin-right: 4px;
    }
    
    .auth-link {
        font-size: 12px;
    }
    
    /* 调整字体大小 */
    h4 {
        font-size: 18px;
        line-height: 1.4;
    }
    
    .myh1 {
        font-size: 40px;
        line-height: 1.2;
        margin-top: 20px;
    }
    
    .bgtxt {
        line-height: 3;
        font-size: 14px;
    }
    
    /* 优化间距 */
    .button-container {
        margin-top: 20px;
        padding: 5px;
    }
      
    .icon_enter {
        margin: 20px 0;
    }
    
    /* 图片响应式 */
    .inimg, .simg {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
    
    .certificate-img {
        max-width: 100%;
    }
    
    /* 工具类 */
    .gold-text {
        font-size: 14px;
    }
    
    .blog-meta {
        font-size: 12px;
    }
    
    .blog-meta span {
        margin-right: 8px;
    }
    
    /* 输入框 */
    input, textarea, select {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .date-box {
        width: 120px;
        height: 120px;
    }
    
    .date {
        font-size: 40px;
    }
    
    .date-text {
        font-size: 16px;
        margin-top: 20px;
    }
    
    hr {
        margin: 10px 0;
    }
    
    .title-hr {
        width: 30px;
    }
    
    .ppv {
        height: auto;
        max-height: 80px;
    }
    
    .mytitle {
        height: auto;
        min-height: 40px;
    }
}

/* ===== 超小屏手机 (max-width: 480px) 额外优化 ===== */
@media (max-width: 480px) {
    .proDiv, .new, .pro_div, .product-card {
        width: 100%;
        margin: 10px 0;
    }
    
    .product-grid, .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .topUl li {
        display: block;
        margin: 5px 0;
    }
    
    .cateUl li {
        min-width: 60px;
        font-size: 12px;
    }
    
    .section-header h4 {
        font-size: 20px;
        padding: 0 20px;
    }
    
    .section-header h4::before,
    .section-header h4::after {
        font-size: 14px;
    }
    
    .goldBtn, .goldBtn2 {
        width: 100%;
    }
    
    .thumbnail-choose {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .product__details__text .primary-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .delete-button {
        font-size: 20px;
    }
    
    .infoContainer {
        text-align: center;
    }
    
    .modal-content-wrapper {
        height: 70vh;
    }
    
    .popUpInfo {
        width: 95%;
        padding: 10px;
    }
}

/* ===== 修复常见布局问题 ===== */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* 图片响应式基础 */
img {
    max-width: 100%;
    height: auto;
}

/* 确保flex-wrap正常 */
.flex-wrap {
    flex-wrap: wrap;
}

/* 触摸滚动优化 */
.scrollable-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

/* 点击区域增大 */
.clickable-area {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 防止文本溢出 */
.break-word {
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 隐藏桌面版元素（可选，根据实际需求添加） */
.mobile-hidden {
    display: none;
}

/* 显示移动版元素（可选，根据实际需求添加） */
@media (max-width: 768px) {
    .desktop-hidden {
        display: none;
    }
    
    .mobile-show {
        display: block;
    }
}

/* 针对手机屏幕 (通常小于 768px) */
@media (max-width: 767px) {
    
    /* 1. 重置所有固定宽度容器 */
    .menuUl, .aboutDiv, .partners, .proList, .news, .detailInfo, .custom-container {
        width: 100% !important;
        max-width: 100%;
        margin: 10px 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* 2. 让产品列表从 4 列变为 1 列或 2 列 */
    .proDiv, .new, .pro_div, .product-card, .panel {
        width: 100% !important; /* 或者 48% 如果你想一行放两个 */
        display: block;
        margin: 10px auto;
    }

    /* 3. 处理导航栏 - 通常手机端需要隐藏长菜单或垂直排列 */
    .topUl {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    
    .topUl li {
        display: block;
        margin: 5px 0;
    }

    /* 4. 图片自适应 */
    .proDiv img, .new img, .product-image, .kfimg {
        width: 100% !important;
        height: auto !important; /* 保持比例 */
    }

    /* 5. 隐藏或调整固定的侧边栏 (如客服) */
    #service {
        display: none; /* 手机端通常隐藏侧边悬浮，或改为底部固定栏 */
    }

    /* 6. 详情页调整 */
    .product-content {
        flex-direction: column; /* 让图片和文字上下排列 */
    }
    
    .goldBtn {
        width: 100%; /* 按钮撑满屏幕宽度 */
        margin: 10px 0;
    }

    /* 7. 购物车表格转为可滚动 */
    .table {
        display: block;
        overflow-x: auto;
    }
}

/* ===== 修复菜单被遮挡问题 ===== */
@media (max-width: 768px) {
    /* 确保菜单容器层级最高 */
    .navbar-collapse {
        position: relative !important;
        z-index: 9999 !important;
        background-color: #5ec98c !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
    
    /* 防止其他元素覆盖菜单 */
    .header-area {
        position: relative !important;
        z-index: 9998 !important;
    }
    
    .container {
        position: relative !important;
        z-index: 9997 !important;
    }
    
    /* 确保Bootstrap折叠面板正常工作 */
    .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar-collapse.collapse.in {
        display: block !important;
    }

}
/* ===== 支付页面移动端优化 ===== */
@media (max-width: 768px) {
    
    /* 1. 容器布局优化 */
    .container {
        width: 100% !important;
        padding: 0 15px !important;
        margin-top: 20px !important;
    }
    
    /* 2. 面包屑导航优化 */
    .breadcrumb {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 8px 15px !important;
        margin-left: 0 !important;
        font-size: 12px !important;
        white-space: normal !important;
    }
    
    .breadcrumb li {
        margin: 2px 0 !important;
    }
    
    /* 3. 地址卡片优化 */
    .addressCard {
        padding: 15px !important;
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    }
    
    /* 4. 地址列表标题行 */
    .col-lg-12[style*="display:flex"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
        margin-bottom: 20px !important;
    }
    
    .col-lg-12[style*="display:flex"] h4 {
        margin: 0 !important;
        font-size: 18px !important;
    }
    
    /* 5. 添加地址按钮 */
    .add-address-button {
        width: 100% !important;
        padding: 12px !important;
    	background: linear-gradient(135deg, var(--primary-green), var(--primary-green-dark));
    	color: var(--white);
        border: none !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }
    
    /* 6. 单个地址卡片 */
    .gold-border {
        margin-bottom: 15px !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;
        padding: 35px !important;
    }
    
    .addressDiv {
        position: relative !important;
        padding: 0 !important;
    }
    
    /* 地址标签 */
    .goldText, .greyText {
        display: inline-block !important;
        padding: 4px 12px !important;
        border-radius: 20px !important;
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    
    .goldText {
    	background: linear-gradient(135deg, var(--primary-green), var(--primary-green-dark));
    	color: var(--white);
    }
    
    .greyText {
        background: #f5f5f5 !important;
        color: #666 !important;
    }
    
    /* 收货人信息 */
    .address-info {
        display: block !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 5px 0 !important;
    }
    
    .address-info b {
        font-size: 16px !important;
        color: #333 !important;
    }
    
    /* 地址操作按钮组 */
    .address-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px dashed #eee !important;
    }
    
    .action-button {
        padding: 8px 15px !important;
        background: #f8f9fa !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        color: #5ec98c !important;
        cursor: pointer !important;
        flex: 1 !important;
        text-align: center !important;
        min-width: 80px !important;
    }
    
    .action-button:hover {
        background: #5ec98c !important;
        color: white !important;
    }
    
    /* 7. 支付卡片优化 */
    .pay-card {
        background: #fff !important;
        border-radius: 12px !important;
        padding: 15px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    }
    
    /* 8. 订单商品列表 */
    .payment-detail {
        width: 100% !important;
    }
    
    .payment-detail h4 {
        font-size: 18px !important;
        margin: 20px 0 15px !important;
    }
    
    .table {
        width: 100% !important;
    }
    
    .table tbody tr {
        display: flex !important;
        flex-direction: column !important;
        /* padding: 15px 0 !important; */
        border-bottom: 1px solid #eee !important;
    }
    
    .table tbody tr:last-child {
        border-bottom: none !important;
    }
    
    .table tbody td {
        display: block !important;
        padding: 5px 0 !important;
        border: none !important;
    }
    
    .table tbody td.item {
        width: 100% !important;
    }
    
    .d-flex.align-items-start {
        width: 100% !important;
    }
    
    .d-flex.align-items-start > div {
        display: flex !important;
        width: 100% !important;
        gap: 15px !important;
    }
    
    .table tbody td img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    
    .table tbody td [style*="flex-direction: column"] {
        flex: 1 !important;
        margin-left: 0 !important;
    }
    
    .text-uppercase {
        font-size: 14px !important;
        margin-bottom: 5px !important;
        line-height: 1.4 !important;
    }
    
    .text-uppercase:first-child {
        font-weight: 600 !important;
        color: #333 !important;
    }
    
    .table tbody td:not(.item) {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border-top: 1px solid #f5f5f5 !important;
    }
    
    .table tbody td:not(.item):before {
        content: attr(data-label) !important;
        font-weight: 600 !important;
        color: #666 !important;
    }
    
    /* 9. 支付摘要区域 */
    .payment-summary {
        width: 100% !important;
        margin-top: 20px !important;
        border-top: 1px solid #eee !important;
    }
    
    .payment-summary h5 {
        font-size: 14px !important;
        color: #666 !important;
        margin: 0 0 20px !important;
        text-align: left !important;
    }
    
    .payment-summary h5 b {
        color: #5ec98c !important;
    }
    
    /* 10. 订单信息行 */
    .orderInfo {
        margin: 15px 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .spanLeft {
        width: 100% !important;
        text-align: left !important;
        font-size: 14px !important;
        color: #666 !important;
        margin-bottom: 5px !important;
    }
    
    .spanRight {
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    /* 11. 支付方式选择 */
    .selectClass {
        width: 100% !important;
        height: 48px !important;
        padding: 0 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        background: white !important;
    }
    
    /* 12. 联系方式输入框 */
    #iPay88Info, #tazaInfo {
        margin: 15px 0 !important;
    }
    
    #iPay88Info .orderInfo,
    #tazaInfo .orderInfo {
        margin: 10px 0 !important;
    }
    
    #contact, #email, #name {
        width: 100% !important;
        height: 48px !important;
        padding: 0 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* 13. 支付按钮 */
    .payBtn {
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        background: linear-gradient(135deg, #5ec98c 0%, #4ab17a 100%) !important;
        color: white !important;
        border: none !important;
        border-radius: 25px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;
        cursor: pointer !important;
        box-shadow: 0 4px 10px rgba(94, 201, 140, 0.3) !important;
    }
    
    /* 14. 新增地址弹窗优化 */
    .coverInfo {
        width: 90% !important;
        max-width: 400px !important;
        padding: 20px !important;
        background: white !important;
        border-radius: 16px !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 10000 !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
    
    .addMain {
        padding: 10px 0 !important;
    }
    
    .addItem {
        margin: 15px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .addItem .spanLeft {
        width: 100% !important;
        font-weight: 600 !important;
    }
    
    .addItem input[type="text"],
    .addItem textarea {
        width: 100% !important;
        padding: 12px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
    }
    
    .addItem textarea {
        height: 100px !important;
        resize: vertical !important;
    }
    
    /* 15. 国家选择 */
    #country {
        width: 100% !important;
        height: 48px !important;
        padding: 0 15px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        background: white !important;
    }
    
    /* 16. 遮罩层 */
    #cover {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0,0,0,0.5) !important;
        z-index: 9999 !important;
    }
    
    /* 17. 折叠地址区域 */
    [onclick*="up_icon"] {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 15px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        margin-top: 10px !important;
        font-size: 14px !important;
    }
    
    [onclick*="up_icon"] img {
        width: 20px !important;
        height: 20px !important;
    }
}

/* ===== 超小屏幕优化 ===== */
@media (max-width: 480px) {
    .action-button {
        min-width: calc(50% - 5px) !important;
        flex: none !important;
    }
    
    .address-actions {
        gap: 5px !important;
    }
    
    .table tbody td img {
        width: 60px !important;
        height: 60px !important;
    }
    
    .text-uppercase {
        font-size: 13px !important;
    }
    
    .payBtn {
        line-height: 45px !important;
        font-size: 15px !important;
    }
}

/* 小屏幕适配 */
@media (max-width: 768px) {
    .product-btn-group {
        display: flex;
        gap: 6px;
    }
    
    .product-btn {
        width: 100%;
        padding: 8px 12px;
    }
    
    .price-value {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .product-name-modern {
        font-size: 15px;
        min-height: 42px;
    }
    
    
    .product-btn i {
        font-size: 16px;
    }
    
    .product-btn {
        padding: 8px;
    }
}

/* 中等屏幕适配 */
@media (min-width: 769px) and (max-width: 992px) {
    .product-price-row {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .price-tag {
        border-bottom: none;
        padding: 0;
    }
    
    .product-btn-group {
        width: auto;
    }
    
    .product-btn {
        padding: 8px 12px;
    }
}

/* 大屏幕适配 */
@media (min-width: 993px) {
    .product-price-row {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .price-tag {
        border-bottom: none;
        padding: 0;
        min-width: 100px;
    }
    
    .product-btn-group {
        width: auto;
    }
    
    .product-btn {
        padding: 8px 16px;
    }
}