/* 取扱製品 詳細（single-product.php 共通CSS。旧 products-*.css 7枚を統合） */
/* ===== 上部の帯（バナー） ===== */
  .pbanner {
    position: relative; padding: clamp(150px,18vw,230px) 0 clamp(48px,6vw,80px);
    background: linear-gradient(120deg, #2e9e5b 0%, #27884d 60%, #1f7d57 100%);
    color: #fff; overflow: hidden;
  }
  .pbanner::after {
    content: ""; position: absolute; right: -120px; top: -120px; width: 460px; height: 460px;
    border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.14), transparent 70%);
    pointer-events: none;
  }
  .pbanner__inner { width: min(1180px, 100% - 48px); margin-inline: auto; position: relative; z-index: 1; }
  .pbanner__en { font-family: var(--en); font-weight: 300; font-size: clamp(34px,5vw,58px); line-height: 1; letter-spacing: .04em; }
  .pbanner__jp { margin-top: 14px; font-size: clamp(16px,2vw,22px); font-weight: 500; letter-spacing: .06em; }

  /* ===== パンくず ===== */
  .crumb { width: min(1180px, 100% - 48px); margin: 22px auto 0; font-size: 13px; color: #78857e; }
  .crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; }
  .crumb a { color: #78857e; transition: color .2s; }
  .crumb a:hover { color: var(--green); }
  .crumb li:not(:last-child)::after { content: "›"; margin-left: 8px; color: #b8c2bc; }
  .crumb [aria-current="page"] { color: var(--ink); }

  /* ===== メーカークレジット（ロゴ＋リンク） ===== */
  .maker-credit { margin-top: clamp(22px,2.6vw,32px); }
  .maker-credit__name { font-size: 15px; font-weight: 700; color: var(--ink); margin: 0 0 12px; }
  .maker-credit__logo { display: inline-block; }
  .maker-credit__logo img { width: 260px; max-width: 100%; height: auto; display: block; transition: opacity .2s; }
  .maker-credit__logo:hover img { opacity: .75; }