/* Keep desktop category cards identical on all six home pages and category pages. */
@media(min-width:1001px) {
#cats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
#cats .cat-card { min-height:108px; padding:16px 8px 12px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:#fff; color:#111; font-size:13px; line-height:1.4; text-align:center; text-decoration:none; }
#cats .cat-card.active { background:var(--charcoal); color:#fff; }
#cats .cat-card.active:after { display:block; height:4px; }
#cats .cat-card:hover { background:#e7f2eb; color:#075c2d; }
#cats .cat-image { display:flex; width:58px; height:38px; }
#cats .cat-no { display:block; top:5px; left:8px; font-size:9px; }
#cats .all-mark { font-size:22px; }
#cats .sold-mark { font-size:15px; }
}

/* Shared desktop icon layout for home and dedicated category pages. */
@media(min-width:1001px) {
  #cats .cat-image { position:relative; }
  #cats .cat-image img {
    position:absolute;
    left:calc(50% + var(--icon-x, 0px));
    top:calc(50% - 2px + var(--icon-y, 0px));
    width:auto;
    height:auto;
    max-width:var(--icon-side, 55.296px);
    max-height:var(--icon-side, 55.296px);
    pointer-events:none;
    transform:translate(-50%,-50%);
  }
}

/* Balance visible silhouettes, accounting for whitespace in each source image.
   Backhoe stays unchanged; match its silhouette area where possible, with
   the longest visible dimension capped at 125% of the reference width. */
@media(min-width:1001px) {
  #cats [data-cat="ミニバックホー"] { --icon-side:62.600px; --icon-x:.120px; --icon-y:-.102px; }
  #cats [data-cat="ホイールローダー"] { --icon-side:68.548px; --icon-x:1.133px; --icon-y:-1.957px; }
  #cats [data-cat="ブルドーザー"] { --icon-side:69.822px; --icon-x:.451px; --icon-y:-2.858px; }
  #cats [data-cat="道路機械"] { --icon-side:70.665px; --icon-x:.453px; --icon-y:-2.358px; }
  #cats [data-cat="クローラーダンプ"] { --icon-side:64.399px; --icon-x:-1.977px; --icon-y:1.585px; }
  #cats [data-cat="フォークリフト"] { --icon-side:52.123px; --icon-x:2.188px; --icon-y:-.269px; }
  #cats [data-cat="高所作業車"] { --icon-side:61.577px; --icon-x:.276px; --icon-y:-.415px; }
  #cats [data-cat="その他"] { --icon-side:72px; --icon-x:.276px; --icon-y:1.025px; }
  #cats [data-cat="アタッチメント"] { --icon-side:57.258px; --icon-x:-.728px; --icon-y:-2.378px; }
}