/*
Theme Name: Vaeltron Health
Version: 1.0
*/
:root{--ink:#1a1a1a;--muted:#666;--brand:#0a7a48;--brand-dark:#075c37;--bg:#f7f7f4;--line:#e5e5e0;--r:14px;--max:1200px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,'Helvetica Neue',Arial,sans-serif;color:var(--ink);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--brand);color:#fff;font-weight:700;padding:14px 34px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;transition:.2s;border:0;cursor:pointer}
.btn:hover{background:var(--brand-dark)}

/* 顶部公告条 */
.topbar{background:var(--brand);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:8px 12px}

/* 头部 */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:99}
.header-inner{display:flex;align-items:center;gap:22px;padding:14px 20px;position:relative}
.brand{display:flex;flex-direction:column;line-height:1.2}
.brand-name{font-size:24px;font-weight:800;letter-spacing:1px}
.brand-tag{font-size:10px;letter-spacing:2.5px;color:var(--muted);font-weight:600}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;gap:26px;list-style:none}
.main-nav a{font-weight:600;font-size:14px}
.cart-btn{font-weight:700;font-size:14px;white-space:nowrap}
.nav-toggle{display:none;background:none;border:0;font-size:22px;cursor:pointer}

/* 首屏 */
.hero{background:var(--bg);text-align:center;padding:70px 20px 56px}
.hero h1{font-size:clamp(26px,5vw,52px);font-weight:800;text-transform:uppercase;line-height:1.15;max-width:920px;margin:0 auto 14px}
.hero-sub{font-size:clamp(14px,2vw,18px);letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:30px}
.store-img{margin:38px auto 0;max-width:1000px;border-radius:var(--r)}

/* 信任数据栏 */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.trust-item{padding:16px 8px;text-align:center;font-size:12.5px;font-weight:700;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.trust-item:first-child{border-left:0}
.trust-item .ico{font-size:22px}
.trust-item img{height:34px;width:auto}

/* 通用区块 */
.section{padding:64px 0}
.sec-title{font-size:clamp(22px,3.4vw,36px);font-weight:800;text-transform:uppercase;text-align:center;margin-bottom:10px}
.sec-sub{color:var(--muted);text-align:center;max-width:720px;margin:0 auto 38px;font-size:15px}
.center{text-align:center;margin-top:30px}

/* 品牌介绍 */
.about-brand .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.about-brand h2{font-size:clamp(22px,3vw,32px);font-weight:800;margin-bottom:16px;text-transform:uppercase}
.about-brand p{color:var(--muted);margin-bottom:14px}

/* 产品网格（WooCommerce） */
ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none}
ul.products li.product{border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center;background:#fff;display:flex;flex-direction:column;gap:10px}
ul.products li.product img{margin:0 auto;border-radius:8px}
ul.products h2,ul.products .woocommerce-loop-product__title{font-size:15px;font-weight:700;min-height:42px}
ul.products .price{color:var(--brand);font-weight:800}
ul.products .button{margin-top:auto}

/* 无风险承诺 */
.guarantee{background:var(--brand);color:#fff;text-align:center}
.guarantee .big{font-size:clamp(24px,4vw,42px);font-weight:800;text-transform:uppercase;margin-bottom:14px}
.guarantee p{max-width:760px;margin:0 auto;font-size:15px}

/* 评价 */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.review-card h3{margin:8px 0 6px;font-size:16px}
.review-card p{font-size:14px;color:var(--muted)}
.stars{color:#f5a623;letter-spacing:2px;font-size:16px}
.verified{display:inline-block;margin-top:12px;font-size:12px;color:var(--brand);font-weight:700}

/* Us vs Others 对比表 */
.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.compare-table th,.compare-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line);font-size:14px}
.compare-table th{background:#111;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:1px}
.compare-table td:first-child{text-align:left;font-weight:600}
.compare-table .us{background:#eaf7f0;color:var(--brand-dark);font-weight:700}
.compare-table .no{color:#b3261e}

/* 底部服务条 + 页脚 */
.service-bar{background:#111;color:#fff;padding:26px 0}
.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;font-size:15px}
.site-footer{background:#0b0b0b;color:#bbb;padding:44px 0 26px;font-size:14px}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:26px}
.foot-grid nav a{display:block;margin:6px 0}
.disclaimer{border-top:1px solid #222;padding-top:18px;font-size:12px;color:#777}

/* ===== 移动端适配 ===== */
@media(max-width:1000px){ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
 .trust-grid{grid-template-columns:repeat(3,1fr)}
 .trust-item{border-top:1px solid var(--line)}
 .reviews-grid{grid-template-columns:1fr}
 .about-brand .grid{grid-template-columns:1fr}
}
@media(max-width:860px){
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line)}
 body.nav-open .main-nav{display:block}
 .main-nav ul{flex-direction:column;padding:14px 20px;gap:14px}
 .nav-toggle{display:block;order:9}
 .cart-btn{margin-left:auto}
}
@media(max-width:760px){ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:640px){
 .sb-grid{grid-template-columns:1fr}
 .compare-wrap{overflow-x:auto}
 .section{padding:46px 0}
}
@media(max-width:560px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
