/* product-mattress のページ固有スタイル（ワイヤーフレーム src/item/gokurakune/mattress/index.html の <style> から変換） */
/* 商品一覧・商品詳細（オリジナル商品） */
  .pr-sec{padding:88px 0}
  .pr-sec.alt{background:var(--light)}
  .pr-sec .head{margin-bottom:36px}
  .pr-sec .head .note{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:720px;line-height:2}
  /* 仕様表 */
  .spec-wrap{max-width:820px}
  .spec-table{border-top:1px solid var(--rule);margin-top:4px}
  .spec-table > div{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--rule)}
  .spec-table dt{margin:0;padding:15px 18px;font-size:13px;font-weight:700;color:var(--dark);letter-spacing:.04em;background:var(--light);line-height:1.8}
  .spec-table dd{margin:0;padding:15px 20px;font-size:13.5px;color:var(--text);line-height:1.9}
  .spec-table .key{background:rgba(192,57,43,.05)}
  .spec-table .key dt{background:rgba(192,57,43,.09);color:var(--primary)}
  .tbd{display:inline-block;font-size:12px;color:var(--gold-deep,#7A5E1B);background:rgba(168,124,36,.10);
       border:1px dashed rgba(168,124,36,.45);border-radius:2px;padding:2px 10px;letter-spacing:.02em}
  .spec-note{font-size:12.5px;color:var(--muted);line-height:1.9;margin-top:20px;border-left:3px solid var(--rule);padding-left:14px}
  /* 特長 */
  .pr-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
  .pr-feat{background:var(--white);border:1px solid var(--rule);padding:26px 24px}
  .pr-feat .n{font-family:var(--serif);font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.18em}
  .pr-feat h3{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--dark);letter-spacing:.03em;line-height:1.55;margin:10px 0 10px}
  .pr-feat p{font-size:13px;color:var(--muted);line-height:1.9}
  /* 一覧カード */
  .pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .pr-grid.cols2{grid-template-columns:repeat(2,1fr)}
  .pr-card .body .grade{font-size:10px;letter-spacing:.24em;color:var(--accent);font-weight:600;margin-bottom:9px;display:block}
  .pr-card .body .more{font-size:12.5px;font-weight:600;color:var(--primary);display:inline-flex;gap:6px;align-items:center;margin-top:12px}
  .pr-card .body .more::after{content:'→';transition:transform .3s var(--ease)}
  .pr-card:hover .body .more::after{transform:translateX(4px)}
  /* 準備中カード */
  .pr-soon{border:1px dashed var(--rule);background:var(--white);padding:30px 26px;display:flex;flex-direction:column;justify-content:center;gap:8px}
  .pr-soon .k{font-size:10.5px;letter-spacing:.22em;color:var(--muted);font-weight:600}
  .pr-soon h3{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--dark);letter-spacing:.03em}
  .pr-soon p{font-size:12.5px;color:var(--muted);line-height:1.85}
  .pr-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
  /* ヒーローの画像プレースホルダーを 4:3 枠いっぱいに */
  .page-hero .media .c-img-ph{height:100%;min-height:0}
  @media (max-width:920px){
    .pr-grid,.pr-grid.cols2,.pr-feats{grid-template-columns:1fr}
    .spec-table > div{grid-template-columns:1fr}
    .spec-table dt{border-bottom:1px solid var(--rule)}
  }