/* ============================================================
   01 · base  ——  字体 + 重置 + 基础元素
   ------------------------------------------------------------
   只放「每个页面都必须一样」的东西：盒模型、字体、链接、图片。
   不放任何具体区块样式。
   ============================================================ */

/* ---------- Satoshi 自托管（与原站同一套 woff2，共 76 KB） ---------- */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  font-size: 17px;          /* 原站基准：html 17px，正文继承 */
  color: var(--ink);
  background: var(--bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 标题一律 Satoshi 粗体（原站 h1/h2/h3 = Satoshi Bold 700） */
h1, h2, h3 { font-weight: 700; line-height: 1.2; letter-spacing: -.2px; }
h4, h5, h6 { font-weight: 500; line-height: 1.3; }

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* body 是 flex 列，为的是短页面（空购物车等）页脚能贴底。
   代价：flex 项一旦带 auto 外边距就不再被拉伸，宽度会缩成内容宽。
   所以所有「跨栏又居中」的容器必须显式写 width:100%。
   新增全宽区块时，记得把它加进下面这一行。 */
main,
header.site,
footer.site,
section.block,
.wrap,
.crumb,
.hero,
.brands,
.usp,
.fee,
.help-hero,
.quick,
.reviews-band { width: 100%; }

/* 内容页主体的自适应宽度：所有页面的 <main> / 容器都用它 */
.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 24px var(--pad) 20px;
}

.page-head {
  padding: 6px 0 20px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
}
.page-head h1 { font-size: 30px; font-weight: 700; letter-spacing: -.6px; color: var(--brand); }
.page-head p { color: var(--ink-2); font-size: 15px; margin-top: 8px; max-width: 760px; }