/* ============================================================
   CME馬油化粧品 — ページ共通タイポ・ヒーロー補完スタイル
   目的: 各ページの .page-hero h1/p 等の失われたスタイルを補完
   既存CSSを壊さないよう :where() で詳細度0 に抑える
   ============================================================ */

/* ─── ページヒーロー見出し・サブテキスト ─── */
:where(.page-hero) h1{
  font-family:'Hiragino Mincho ProN','游明朝',Georgia,serif;
  font-size:clamp(26px,5vw,40px);
  font-weight:500;
  color:#fff;
  letter-spacing:.15em;
  margin:0 0 14px;
  position:relative;
  z-index:1;
  line-height:1.4;
}
:where(.page-hero) p{
  font-size:clamp(13px,1.6vw,15px);
  color:rgba(255,255,255,.72);
  letter-spacing:.1em;
  line-height:1.9;
  margin:0;
  position:relative;
  z-index:1;
  font-family:'Hiragino Mincho ProN','游明朝',serif;
}

/* ─── ヒーロー（campaign用） ─── */
:where(.hero) h1{
  font-family:'Hiragino Mincho ProN','游明朝',Georgia,serif;
  font-size:clamp(24px,4.5vw,36px);
  font-weight:500;
  letter-spacing:.12em;
  margin:0 0 14px;
  line-height:1.4;
}
:where(.hero) p{
  font-size:clamp(13px,1.6vw,15px);
  line-height:1.9;
  margin:0;
  letter-spacing:.08em;
}

/* ─── 本文コンテンツ見出しデフォルト ─── */
:where(.article-body, .content-sec, .products-intro, .trust-box, .hp-feat, .hp-howto) h2{
  font-family:'Hiragino Mincho ProN','游明朝',Georgia,serif;
  font-size:clamp(20px,2.8vw,26px);
  font-weight:500;
  color:#1a1208;
  letter-spacing:.08em;
  margin:0 0 18px;
  line-height:1.5;
}
:where(.article-body, .content-sec, .products-intro) h3{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:clamp(16px,2vw,19px);
  font-weight:600;
  color:#1a1208;
  letter-spacing:.06em;
  margin:0 0 12px;
}
:where(.article-body, .content-sec, .products-intro, .tp-body, .brand-item-body) p{
  font-family:'Hiragino Sans','Hiragino Mincho ProN','游明朝',-apple-system,sans-serif;
  font-size:clamp(13px,1.5vw,15px);
  line-height:1.95;
  color:#3a2d1a;
  margin:0 0 12px;
  letter-spacing:.03em;
}
:where(.article-body, .content-sec, .products-intro) p:last-child{margin-bottom:0;}

/* ─── 空状態・メッセージ ─── */
:where(.empty-cart) h2{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:18px;font-weight:500;color:#1a1208;margin:16px 0 8px;
}

/* ─── フッター列見出し ─── */
:where(.footer-col) h4{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:13px;font-weight:600;color:#DAA520;
  letter-spacing:.15em;margin:0 0 14px;
}

/* ─── マイページ ─── */
:where(.welcome-banner) h2{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:clamp(18px,2.5vw,22px);font-weight:500;
  color:#DAA520;margin:0 0 8px;letter-spacing:.08em;
}

/* ─── LP専用補完 ─── */
:where(.prob-card) h3, :where(.sp-body) h3, :where(.hs-body) h3, :where(.tl-body) h3{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:clamp(15px,1.8vw,18px);
  font-weight:600;
  color:#1a1208;
  margin:0 0 10px;
  letter-spacing:.05em;
}

/* ─── CTAボックス共通 ─── */
:where(.cta-box) h3{
  font-family:'Hiragino Mincho ProN','游明朝',serif;
  font-size:clamp(18px,2.5vw,22px);font-weight:500;
  color:#DAA520;margin:0 0 14px;letter-spacing:.1em;
}
:where(.cta-box) p{
  color:rgba(255,255,255,.75);line-height:1.9;
  font-size:13px;margin:0 0 20px;
}