/* 機材ガイド第3版（guides/quest-equipment-v3.html）で足した部品。equipment-v2.css の上に重ねる。
   写真の面は、表の小さな写真以外はすべて 4:3 の明るい灰色にそろえる */

/* VRヘッドセットの節: 表の下に Meta Quest 3 だけを置く */
.ge-pick{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px;align-items:center;margin-top:44px;padding-top:36px;border-top:1px solid #2a2d34}
.ge-pick .ge-photo{aspect-ratio:4/3}
.ge-pick .ge-photo img{padding:4%}
.ge-pick h3{font-size:20px;margin:0}
.ge-pick-spec{font-size:15px;color:#a3a7b0;margin:6px 0 14px}

/* 周辺用品: 5つの品を同じ形で並べる（写真 → 名前 → 製品名 → 説明 → リンク） */
.ge-group+.ge-group{margin-top:52px;padding-top:40px;border-top:1px solid #2a2d34}
.ge-group-title{font-size:20px;margin:0 0 22px}
.ge-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.ge-card{display:flex;flex-direction:column}
.ge-card .ge-photo{aspect-ratio:4/3}
.ge-card h4{font-size:18px;line-height:1.5;margin:16px 0 0}
.ge-card .ge-product{font-size:13px!important;color:#a3a7b0;margin:2px 0 0!important}
.ge-card-text{font-size:15px;line-height:1.85;margin-top:10px}
.ge-card .ge-links{margin-top:12px}
.ge-card-extra{font-size:13px;line-height:1.8;color:#a3a7b0;margin-top:12px;padding-top:12px;border-top:1px solid #2a2d34}
.ge-card-extra a{color:#eeeff2;font-weight:700;white-space:nowrap;margin-left:4px}
.ge-card-extra a:hover{color:#7aa7ff}

@media (max-width:900px){
  .ge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .ge-pick{grid-template-columns:1fr;gap:16px}
  .ge-pick .ge-photo{max-width:440px}
}
@media (max-width:600px){
  /* スマホ: 1品1行。左に写真、右に名前と説明 */
  .ge-cards{grid-template-columns:1fr;gap:28px}
  .ge-card{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-items:start}
  .ge-card .ge-photo{grid-row:1/6;aspect-ratio:1}
  .ge-card h4{margin-top:0;font-size:17px}
  .ge-card-text{font-size:14px;margin-top:6px}
  .ge-card-extra{grid-column:1/-1}
}