/* =========================================================
   items.html — 取扱品目（ページ固有）
   骨格・部品は base.css のものだけを使い、ここは .p-items- 接頭辞のみ
   ========================================================= */

/* ---------- 品目の節（写真｜文） ---------- */
.p-items-row { align-items: start; }
.p-items-media { overflow: hidden; background: var(--mist); }
.p-items-media img { width: 100%; height: auto; }
.p-items-text { margin-top: 28px; }
@media (min-width: 768px) {
  .p-items-media { grid-column: 1 / 11; grid-row: 1; }
  .p-items-text { grid-column: 13 / 24; grid-row: 1; margin-top: 0; align-self: center; }
  .p-items-row--rev .p-items-media { grid-column: 14 / 24; }
  .p-items-row--rev .p-items-text { grid-column: 1 / 12; }
}
.p-items-text > .t-h2 { margin-bottom: 20px; }
.p-items-text > .t-body { margin-bottom: 28px; }
.p-items-text > .c-table { margin-bottom: 28px; }
.p-items-text > .c-note { margin-top: -16px; margin-bottom: 28px; }
.p-items-text > .c-link { margin-top: 4px; }

/* ---------- 実績2件（小さく） ---------- */
.p-items-examples { margin-bottom: 24px; }
.p-items-examples__label { color: var(--ink-2); margin-bottom: 12px; }
.p-items-examples__list { display: flex; gap: 16px; }
.p-items-examples__list li { flex: 1; min-width: 0; }
.p-items-examples__list a { display: flex; flex-direction: column; gap: 6px; }
.p-items-examples__list img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: var(--paper); border: 1px solid var(--line); }
.p-items-examples__title { font-size: 12.5px; line-height: 1.5; }
.p-items-examples__list .c-price { display: block; }

/* ---------- 金・プラチナの当日単価表 ---------- */
.p-items-rates { display: grid; grid-template-columns: 1fr; gap: 0 32px; margin-bottom: 8px; }
@media (min-width: 600px) { .p-items-rates { grid-template-columns: 1fr 1fr; } }
.p-items-rates__table th { width: 50%; }

/* ---------- 金・プラチナの節（写真は使わず、単価表を主役に） ---------- */
.p-items-goldhead { max-width: 640px; margin-bottom: 32px; }
.p-items-goldhead > .t-h2 { margin-bottom: 16px; }
.p-items-gold__label { margin-bottom: 16px; }
.p-items-gold__rates .p-items-rates { margin-bottom: 8px; }
@media (min-width: 768px) {
  .p-items-gold__rates { grid-column: 1 / 15; grid-row: 1; }
  .p-items-gold__text { grid-column: 16 / 24; grid-row: 1; align-self: center; }
}
.p-items-rates--big .p-items-rates__table th,
.p-items-rates--big .p-items-rates__table td { padding: 20px 0; }
.p-items-rates--big .p-items-rates__table th { font-size: 15px; }
.p-items-rates--big .p-items-rates__table td { font-size: 22px; }

/* ---------- 品目にない相談の節 ---------- */
.p-items-cta { text-align: left; max-width: 640px; }
.p-items-cta > .t-h2 { margin-bottom: 16px; }
.p-items-cta > .t-body { color: var(--umber); margin-bottom: 32px; }
.p-items-cta__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }