/* ===== Hero ===== */
.ergo-hero-figure {
    margin: 0;
    padding: 0;
    background: #fff;
}
.ergo-hero-figure picture,
.ergo-hero-figure img {
    display: block;
    width: 100%;
    height: auto;
}

/* ===== 品牌介绍 ===== */
.ergo-brand-section { padding: 60px 0; background: #fff; }
.ergo-brand-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.ergo-brand-image img { width: 100%; border-radius: 8px; }
.ergo-brand-content .label {
    display: inline-block;
    color: var(--ergo-blue);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ergo-brand-content .heading {
    font-size: 38px;
    line-height: 48px;
    color: var(--ergo-blue);
    font-weight: 700;
    margin: 0 0 20px;
}
.ergo-brand-content .description {
    color: var(--ergo-text-soft);
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 30px;
}
.ergo-brand-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 30px;
    margin: 0 0 30px;
}
.ergo-brand-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.ergo-brand-icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--ergo-blue-light);
}
.ergo-brand-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--ergo-blue);
    margin: 0 0 6px;
}
.ergo-brand-desc {
    font-size: 13px;
    color: var(--ergo-text-soft);
    margin: 0;
    line-height: 1.6;
}
.ergo-brand-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--ergo-blue);
    color: #fff;
    padding: 14px 32px;
    border-radius: var(--ergo-radius-btn);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.2s;
    margin-bottom: 20px;
}
.ergo-brand-cta:hover { background: var(--ergo-blue-deep); }
.ergo-brand-cta-arrow { width: 24px; height: auto; }
.ergo-brand-guarantee {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
    align-items: center;
}
.ergo-brand-guarantee li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--ergo-text-soft);
}
.ergo-brand-guarantee img {
    width: 20px;
    height: 20px;
}

/* ===== 区块头 ===== */
.ergo-section-head {
    text-align: center;
    margin-bottom: 40px;
}
.ergo-label-small {
    font-size: 16px;
    color: var(--ergo-blue);
    font-weight: 600;
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ergo-section-head .heading {
    font-size: 38px;
    line-height: 48px;
    color: var(--ergo-blue);
    font-weight: 700;
    margin: 0;
}

/* ===== 商品卡 ===== */
.ergo-products-section { padding: 60px 0; background: #fff; }
.ergo-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ergo-product-card {
    background: #fff;
    border: 1px solid var(--ergo-border);
    border-radius: var(--ergo-radius-card);
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.ergo-product-card:hover {
    box-shadow: var(--ergo-shadow-card);
}
.ergo-product-image-link {
    display: block;
    position: relative;
    background: var(--ergo-bg-soft);
    overflow: hidden;
}
.ergo-product-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.ergo-product-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}
.ergo-product-badge-best { background: var(--ergo-orange); }
.ergo-product-badge-discount { background: #e53935; }
.ergo-product-content {
    padding: 18px;
}
.ergo-product-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--ergo-text);
    margin: 0 0 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ergo-product-title a { color: inherit; text-decoration: none; }
.ergo-product-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}
.ergo-product-stars { height: 14px; width: auto; }
.ergo-product-review-count { font-size: 12px; color: var(--ergo-text-soft); }
.ergo-product-desc {
    font-size: 13px;
    color: var(--ergo-text-soft);
    margin: 0 0 10px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ergo-product-features {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
}
.ergo-product-features li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--ergo-text-soft);
    padding: 3px 0;
}
.ergo-product-features img {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.ergo-product-pricing {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
}
.ergo-product-price-regular {
    color: var(--ergo-text-soft);
    text-decoration: line-through;
    font-size: 14px;
}
.ergo-product-price-sale {
    color: var(--ergo-blue);
    font-size: 22px;
    font-weight: 700;
}
.ergo-product-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--ergo-green);
    color: #fff;
    padding: 12px;
    border-radius: var(--ergo-radius-btn);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.ergo-product-cta:hover { background: var(--ergo-green-dark); }
.ergo-product-cta img { width: 20px; height: auto; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .ergo-brand-grid { grid-template-columns: 1fr; gap: 30px; }
    .ergo-brand-content .heading { font-size: 28px; line-height: 36px; }
    .ergo-brand-list { grid-template-columns: 1fr; }
    .ergo-section-head .heading { font-size: 28px; line-height: 36px; }
    .ergo-products-grid { grid-template-columns: 1fr; }
}

/* ===== 分期付款区 ===== */
.ergo-installment-section { padding: 60px 0; background: #fff; }
.ergo-installment-head { text-align: center; margin-bottom: 30px; }
.ergo-installment-head .heading {
    font-size: 32px;
    line-height: 42px;
    color: var(--ergo-blue);
    font-weight: 700;
    margin: 0 0 12px;
}
.ergo-installment-head .description {
    color: var(--ergo-text-soft);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}
.ergo-installment-banks {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}
.ergo-installment-banks figure { margin: 0; }
.ergo-installment-banks img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

/* ===== 4 分类卡片 ===== */
.ergo-categories-section { padding: 60px 0; background: #fff; }
.ergo-categories-head { text-align: center; margin-bottom: 40px; }
.ergo-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.ergo-category-card {
    display: flex;
    flex-direction: column;
    padding: 30px 24px;
    border-radius: var(--ergo-radius-card);
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: auto;
}
.ergo-category-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--ergo-shadow-card);
}
.ergo-category-img-wrap {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 16px;
    background: rgba(255,255,255,0.1);
}
.ergo-category-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}
.ergo-category-card:hover .ergo-category-img {
    transform: scale(1.05);
}
.ergo-category-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #fff;
}
.ergo-category-desc {
    font-size: 14px;
    color: rgba(255,255,255,0.9);
    margin: 0 0 16px;
    line-height: 1.5;
    flex: 1;
}
.ergo-category-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.ergo-category-arrow {
    width: 22px;
    height: auto;
    filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
    .ergo-categories-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== Footer 4 列 ===== */
.ergo-footer {
    background: var(--ergo-blue);
    color: #fff;
    margin-top: 60px;
}


.ergo-footer-bottom {
    padding: 20px 0;
    text-align: center;
}
.ergo-footer-copyright {
    margin: 0;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}

@media (max-width: 768px) {
    
}









/* === Footer — 1:1 源站 ergolab.co 样式 === */
.ergo-footer .page-width{width:1170px;max-width:1170px;margin:0 auto;padding:0!important}
.ergo-footer{background:#f5f7fd;font-size:14px;color:#000}
.footer-top{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;padding:40px 0}
.footer-about{width:30%;padding-right:50px}
.footer-links{width:17%;padding-right:20px}
.footer-care{max-width:100%;width:auto}
.footer-logo{max-width:180px;height:auto;display:block;margin-bottom:0}
p.footer_desc{font-size:16px;line-height:24px;color:#000;margin:11px 0 0;padding-right:15px}
p.footer_company{font-size:16px;line-height:20px;font-weight:600;margin:20px 0 0;padding:0}
.social-list{list-style:none;padding:0;margin:15px 0 0;display:flex;gap:12px;flex-wrap:wrap}
.social-list li{display:inline-block}
.social-icn{width:110px;height:auto;display:block;background:#fff;border:1px solid #d8e5ff;border-radius:3px;padding:5px 12px}
.footer-links h4,.footer-care h4{margin:0;float:left;width:100%;font-size:20px;line-height:28px;color:#000;font-weight:700}
.footer-links ul{list-style:none;padding:0;margin:0}
.footer-links ul li{float:left;width:100%;margin:15px 0 0;font-size:16px;line-height:22px;font-weight:600;text-align:left;letter-spacing:.3px;position:relative}
.footer-links a,.footer-links a:hover{font-size:16px;color:#000;position:relative;float:left;width:100%;text-decoration:none!important;font-weight:600;letter-spacing:.3px}
.footer-care-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:15px}
.footer-btn{display:flex;align-items:center;gap:8px;border:1px solid #14215f;border-radius:100px;text-decoration:none;width:auto;margin:0;font-size:13px;line-height:18px;font-weight:600;text-align:left;letter-spacing:0;position:relative;color:#000;padding:7px 14px;background:transparent;white-space:nowrap}
.footer-btn:hover{background:#fff}
.footer-btn img{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.footer-middle{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 0;border-top:1px solid #ddd;align-items:center}
.footer-info{text-align:center}
.footer-info h5{font-size:16px;line-height:20px;font-weight:600;letter-spacing:.8px;margin:0 0 10px;color:#000}
.fast-del img,.fast-del .fast-track-logo img{width:62px!important;height:auto!important;max-height:none!important;object-fit:contain!important}
.payment-icons{margin:0}
.payment-icons ul.cards-list{list-style:none;padding:0;margin:12px auto 0;display:flex;flex-wrap:nowrap;justify-content:center;max-width:100%;gap:4px;overflow-x:auto}
.payment-icons ul.cards-list li{display:inline-block;margin:2px}

.footer-info img{max-height:31.85px;width:auto}
.payment-icons ul.cards-list li img{width:auto!important;max-height:31.85px!important;object-fit:contain!important;margin-right:5px!important;background:#fff!important;border-radius:2px!important}
.footer-info.secur-card img{width:130px;max-height:fit-content!important}
.footer-bottom{text-align:center;float:left;width:100%;background:#dfe4f3;padding:15px 0;font-size:16px;line-height:22px}
.footer-bottom p{margin:0;font-size:16px;line-height:22px;letter-spacing:0;color:#000}
/* Footer 移动端 - 完整修复（源站真实响应式） */
@media (max-width:767px){
    /* 关键修复：page-width 缩到 100% */
    body .ergo-footer .page-width{width:100%!important;max-width:100%!important;padding:0 15px!important;margin:0!important}
    
    /* 整体 column 堆叠居中 */
    .footer-top,.footer-middle{flex-direction:column;align-items:stretch;text-align:center}
    .footer-about,.footer-links{width:100%!important;padding-right:0!important;max-width:100%;text-align:center}
    .footer-top{gap:20px!important;padding:30px 0 0!important}
    
    /* order:-1 已在原 CSS，加保留 */
    .footer-about,.footer-care{order:-1}
    
    /* footer-care 占满宽，居中 */
    .footer-care{width:100%!important;margin:0!important;text-align:center!important;max-width:100%!important}
    .footer-care h4{font-size:18px;line-height:26px;margin:0 0 10px}
    
    /* footer-links 标题变成手风琴头 */
    .footer-links h4{font-size:18px;line-height:26px;margin:0;padding:14px 0;border-bottom:1px solid #000;cursor:pointer;display:flex;justify-content:space-between;align-items:center;float:none}
    
    /* 关键修复：清掉 ul li 的 float */
    .footer-links ul li{float:none!important;width:100%;margin:12px 0 0}
    .footer-links a{float:none!important;width:100%}
    .footer-links ul{display:none}  /* 默认折叠 */
    .footer-links ul.open{display:block}  /* JS 加 open 类展开 */
    
    /* 关键修复：footer-care-list 用 block，footer-btn 单独居中 */
    .footer-care-list{display:block!important;margin-top:10px;padding:0;text-align:center}
    
    /* 关键修复：footer-btn 居中显示 + flex-start 内容 */
    .footer-btn{display:flex!important;justify-content:flex-start;align-items:center;margin:10px auto 0!important;padding:10px 18px!important;font-size:14px;line-height:20px;width:calc(100% - 20px);max-width:300px}
    .footer-btn img{width:18px;height:18px}
    
    /* 隐藏品牌描述 */
    p.footer_desc{display:none}
    
    /* 平台徽章 2+1 排列：Shopee+Lazada 一行，TikTok 单独一行 */
    .social-list{display:block!important;max-width:280px;margin:15px auto 0!important;padding:0;text-align:center}
    .social-list li{display:inline-block!important;vertical-align:middle;margin:4px!important}
    .social-list li:nth-child(1),.social-list li:nth-child(2){display:inline-block!important}
    .social-list li:nth-child(3){display:block!important;margin:8px auto 0!important;text-align:center}
    .social-list li img{width:90px!important}
    
    /* logo 居中 */
    .footer-logo{max-width:130px!important;margin:0 auto 0!important;display:block}
    
    /* social icon 小一点 */
    .social-icn{width:90px!important}
    
    /* footer-middle 调整 */
    .footer-middle{width:100%;gap:20px;border-top:none;padding:20px 0 30px}
    
    /* footer-bottom */
    .footer-bottom p{font-size:14px;line-height:20px}
    .footer-bottom{padding:10px 0!important}
    
    /* h4 accordion-icon 显示 */
    .accordion-icon{display:inline-flex;transition:transform .2s}
    .footer-links h4.active .accordion-icon{transform:rotate(45deg)}
    
    /* accord icon */
    img.accord_icon{width:18px;height:18px}
    
    /* payment cards 在 mobile 居中 */
    .payment-icons ul.cards-list{max-width:100%!important;flex-wrap:nowrap!important;justify-content:center!important}
}

/* ====================================== */
/* 全局移动端适配 (max-width: 768px) */
/* ====================================== */
@media (max-width: 768px) {
    /* Hero - mobile */
    .ergo-hero-figure {
        margin: 0;
        width: 100%;
        max-width: 100vw;
        overflow: hidden;
    }
    .ergo-hero-figure picture {
        display: block;
        width: 100%;
    }
    .ergo-hero-figure img {
        width: 100%;
        height: auto;
        max-height: 500px;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    /* Trust marquee (ecom-text-marquee) */
    .ecom-text-marquee-item,
    .ecom-marquee_item {
        font-size: 12px;
        padding: 0 12px;
        flex: 1 1 auto;
        justify-content: center;
    }
    .ecom-marquee-image img {
        width: 22px;
        height: 22px;
    }
    .ecom-text-marquee-child {
        gap: 24px;
        padding-right: 24px;
    }

    /* Brand section */
    .ergo-brand-section {
        padding: 40px 0;
    }
    .ergo-brand-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .ergo-brand-image img {
        max-width: 100%;
        height: auto;
        max-height: 250px;
        object-fit: cover;
    }
    .ergo-brand-image {
        margin: 0 -15px;
    }
    .ergo-brand-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 250px;
        object-fit: cover;
        border-radius: 0;
    }
    .ergo-brand-content {
        padding: 0;
    }
    .ergo-brand-content .label,
    .ergo-label-small {
        font-size: 13px;
    }
    .ergo-brand-content .heading,
    .ergo-section-head .heading {
        font-size: 24px;
        line-height: 32px;
    }
    .ergo-brand-content .description {
        font-size: 14px;
        line-height: 22px;
    }
    .ergo-brand-item {
        padding: 12px;
        gap: 12px;
    }
    .ergo-brand-icon {
        width: 36px;
        height: 36px;
    }
    .ergo-brand-title {
        font-size: 15px;
    }
    .ergo-brand-desc {
        font-size: 13px;
    }
    .ergo-brand-cta {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* Section 通用 */
    .ergo-section {
        padding: 40px 0;
    }
    .ergo-container {
        padding: 0 15px;
    }
    .ergo-section-head {
        margin-bottom: 30px;
    }

    /* Products grid */
    .ergo-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .ergo-product-card {
        padding: 12px;
    }
    .ergo-product-card img {
        height: auto;
    }

    /* Installment */
    .ergo-installment-section {
        padding: 40px 0;
    }
    .ergo-installment-head .heading {
        font-size: 22px;
        line-height: 30px;
    }
    .ergo-installment-head .description {
        font-size: 14px;
    }
    .ergo-installment-banks {
        gap: 15px;
    }
    .ergo-installment-banks img {
        height: 36px;
    }

    /* Categories */
    .ergo-categories-section {
        padding: 40px 0;
    }
    .ergo-categories-head .heading {
        font-size: 24px;
        line-height: 32px;
    }
    .ergo-categories-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .ergo-category-card {
        min-height: auto;
        padding: 12px;
    }
    .ergo-category-title {
        font-size: 14px;
    }
    .ergo-category-desc {
        font-size: 12px;
    }

    /* Hero / 信任标识 */
    .ergo-trust-marquee {
        height: 50px;
    }
}

/* 小屏 (max-width: 480px) */
@media (max-width: 480px) {
    .ergo-brand-content .heading,
    .ergo-section-head .heading,
    .ergo-categories-head .heading {
        font-size: 20px;
        line-height: 28px;
    }
    .ergo-products-grid {
        gap: 15px;
    }
}

/* ============== 公告条移动端 (max-width: 480px) ============== */
@media (max-width: 480px) {
    .ergo-announcement-bar-wrapper {
        height: 32px;
    }
    .ergo-announcement-item {
        font-size: 11px;
        padding: 0 8px;
    }
    .ergo-announcement-countdown {
        margin-left: 4px;
    }
    .ergo-count-box {
        min-width: 24px;
        height: 18px;
        font-size: 10px;
    }
}

/* ============== Header 移动端增强 (max-width: 480px) ============== */
@media (max-width: 480px) {
    .ergo-header {
        padding: 8px 12px;
    }
    .ergo-logo {
        font-size: 16px;
    }
    .ergo-menu-toggle {
        padding: 6px;
    }
    .ergo-line-btn {
        padding: 6px;
        width: 36px;
        height: 36px;
    }
}