/* =========================================================
   オウミ住宅 ラインナップ ワイヤー：共通キット(wf.css)への
   追加ヘルパーのみ。白黒（グレースケール）厳守。
   ※ wf.css は sala-house と byte 同一を維持し、案件固有はここに集約
   ========================================================= */

/* 5列グリッド（標準性能アイコン） */
.grid.g5{grid-template-columns:repeat(5,1fr);}

/* 標準性能：アイコン＋ラベル */
.feat{border:1px solid var(--line);border-radius:8px;padding:20px 12px;text-align:center;}
.feat .ico{width:40px;height:40px;margin:0 auto 10px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;}
.feat b{display:block;font-size:13px;font-weight:600;margin-bottom:4px;}
.feat small{color:var(--ink-2);font-size:11px;line-height:1.5;}

/* 商品カードのグレード見出し（A/B/C・段階バッジ） */
.prod .grade{display:flex;align-items:center;gap:10px;margin:2px 0 6px;}
.prod .gletter{width:34px;height:34px;flex:none;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;}
.prod .gname{font-size:16px;font-weight:700;line-height:1.3;}
.tier{display:inline-block;border:1px solid var(--ink);border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;}
.tier.up{background:var(--ink);color:#fff;}

/* 参考プラン価格 */
.price{font-size:13px;color:var(--ink-2);}
.price b{display:block;font-size:26px;font-weight:700;color:var(--ink);line-height:1.2;letter-spacing:-.01em;}
.price b .yen{font-size:14px;font-weight:600;margin-left:2px;}
.addrow{font-size:11px;color:var(--ink-2);border-top:1px solid var(--line-2);margin-top:10px;padding-top:8px;}

/* フェーズ2注記 */
.note-phase{font-size:11px;color:var(--ink-2);border:1px dashed var(--line);border-radius:6px;
  padding:8px 12px;display:inline-block;margin-top:18px;background:var(--ph-2);}

/* 性能スペック数値（フラッグシップ） */
.specnums{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;}
.specnum{border:1px solid var(--line);border-radius:8px;padding:16px 8px;text-align:center;}
.specnum b{display:block;font-size:24px;font-weight:700;line-height:1;}
.specnum small{display:block;color:var(--ink-2);font-size:10px;margin-top:6px;letter-spacing:.04em;}

/* coming soon リボン */
.soon{display:inline-block;border:1px solid var(--ink);border-radius:999px;
  padding:3px 12px;font-size:10px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;}

@container (max-width:600px){
  .grid.g5{grid-template-columns:1fr 1fr;}
  .specnums{grid-template-columns:1fr 1fr;}
}