/* ===================================================
   製品一覧ページ (#item) — about.css の作法に合わせた追加分
=================================================== */
.p-price { display: flex; gap: 20px; margin: 30px 0; }
.p-price__item { flex: 1; background: #fff; border-radius: 10px; padding: 24px; text-align: center; }
.p-price__vol { font-size: 14px; color: var(--ep-text); margin-bottom: 8px; }
.p-price__yen { font-size: 28px; font-weight: 600; color: var(--ep-dark); }
.p-price__yen span { font-size: 15px; font-weight: 400; }
.p-price__note { font-size: 12px; color: #999; margin-top: 6px; }

.p-title { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.p-title__mg { font-size: 15px; font-weight: 400; color: var(--ep-text); }

.p-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.p-tag { font-size: 14px; color: var(--ep-dark); background: #fff; padding: 8px 16px; }

@media screen and (max-width: 768px) {
  .p-price { flex-direction: column; gap: 12px; }
}