<!-- 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>