/* ==========================================================
   top.css — TOPページ / 買取品目ページ共通
   カテゴリアイコン行・買取品目カードグリッド
   ========================================================== */
.cat-icon-row{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-bottom:56px;}
@media (max-width:900px){.cat-icon-row{grid-template-columns:repeat(4,1fr);}}
@media (max-width:520px){.cat-icon-row{grid-template-columns:repeat(3,1fr);}}
.cat-icon-item{
  border:1px solid var(--border);border-radius:10px;padding:20px 10px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;
  transition:box-shadow .15s, transform .15s;
}
.cat-icon-item:hover{box-shadow:0 6px 16px rgba(27,43,75,.08);transform:translateY(-2px);border-color:var(--gold);}
.cat-icon-item .ic{color:var(--gold-dark);display:flex;justify-content:center;}
.cat-icon-item .label{font-size:12px;font-weight:600;color:var(--navy);}

.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
@media (max-width:820px){.item-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.item-grid{grid-template-columns:1fr;}}
.item-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;gap:16px;padding:16px;background:#fff;}
.item-card .thumb{
  width:88px;height:88px;border-radius:8px;overflow:hidden;flex-shrink:0;
  background:linear-gradient(135deg,var(--cream),#eee5d2);display:flex;align-items:center;justify-content:center;
  font-size:26px;color:var(--gold-dark);
}
.item-card .thumb img{width:100%;height:100%;object-fit:cover;}
.item-card h4{font-size:14.5px;color:var(--navy);margin-bottom:6px;}
.item-card p{font-size:12px;color:var(--muted);margin-bottom:10px;}
.item-card a.more{font-size:12px;font-weight:700;color:#fff;background:var(--navy);padding:7px 14px;border-radius:6px;display:inline-block;}

/* TOPのセクション間の区切り帯 */
.top-section{padding:56px 0;}
.top-section.alt{background:var(--cream);}