商品詳細(プレビュー)

<!-- HEROを無しにして、商品に集中(推奨) -->
<div class="gcs-wrap" style="padding-top:28px">

  <section class="gcs-product">
    <div style="display:grid; gap:28px; grid-template-columns: 1.1fr 1fr;">
      <!-- ギャラリー -->
      <div>
        <div style="border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.08)">
          <img src="https://picsum.photos/1200/800?random=21" alt="" style="width:100%; height:auto; display:block;">
        </div>
        <div style="display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:8px;">
          <img src="https://picsum.photos/400/300?random=22" alt="" style="width:100%; border-radius:8px;">
          <img src="https://picsum.photos/400/300?random=23" alt="" style="width:100%; border-radius:8px;">
          <img src="https://picsum.photos/400/300?random=24" alt="" style="width:100%; border-radius:8px;">
          <img src="https://picsum.photos/400/300?random=25" alt="" style="width:100%; border-radius:8px;">
        </div>
      </div>

      <!-- 情報 -->
      <div>
        <h1 style="margin:.1em 0 .3em; font-size:clamp(22px,2.6vw,32px); font-weight:800;">birdy R(仮)</h1>
        <p style="color:#666; margin:0 0 12px;">価格:¥ 285,000-(税込)</p>
        <p>軽量かつ高剛性のフレームに、走行性能を引き上げるコンポーネントを組み合わせたスポーツライド向けモデル。前後サスペンションの恩恵で街乗りからロングまで快適です。</p>
        <ul style="margin:12px 0 20px; padding-left:1.2em;">
          <li>20インチ相当(ETRTO 355)</li>
          <li>油圧ディスクブレーキ</li>
          <li>1×11S ドライブトレイン</li>
          <li>重量 約10.8kg</li>
        </ul>
        <div>
          <a class="gcs-btn" href="/gcs/contact/">在庫・納期を問い合わせ</a>
          <a class="gcs-btn -line" href="/gcs/support/">メンテナンス / サポート</a>
        </div>
      </div>
    </div>
  </section>

  <section style="margin-top:36px;">
    <h2 class="gcs-sec-ttl">主な仕様</h2>
    <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px;">
      <div style="background:#fff; border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.06)">
        <strong>フレーム</strong><br> アルミ(前後サス)
      </div>
      <div style="background:#fff; border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.06)">
        <strong>コンポ</strong><br> 1×11S
      </div>
      <div style="background:#fff; border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.06)">
        <strong>ブレーキ</strong><br> 油圧ディスク
      </div>
      <div style="background:#fff; border-radius:12px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.06)">
        <strong>タイヤ</strong><br> 18×1.5(355)
      </div>
    </div>
  </section>

  <div class="gcs-cta">
    <p>試乗・カスタムのご相談もお気軽にどうぞ。</p>
    <a class="gcs-btn" href="/gcs/contact/">来店予約 / お問い合わせ</a>
  </div>

</div>