.hd-grid{background:var(--line);border:1px solid var(--line-strong);border-radius:var(--radius-l);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.hd-grid>li{min-width:0;display:grid}.hd-tile{background:var(--ground);min-width:0;min-height:132px;transition:background-color var(--dur-fast) var(--ease);grid-template-rows:auto 1fr auto;gap:8px;padding:20px 22px 18px;display:grid}.hd-tile:hover{background:var(--surface)}.hd-tile:focus-visible{outline-offset:-4px;border-radius:14px}.hd-icon{width:24px;height:24px}.hd-name{font-size:var(--step-0);font-weight:600;font-stretch:var(--wd-h3);color:var(--ink);align-self:end;line-height:1.25}.hd-price{font-size:var(--step--1);color:var(--ink-soft);line-height:1.4}.hd-price .num{font-size:15px}.hd-per{color:var(--muted)}.hd-ask{background:linear-gradient(160deg, var(--lamp-tint), transparent 70%), var(--ground)}.hd-ask:hover{background:linear-gradient(160deg, var(--lamp-tint), transparent 70%), var(--surface)}.hd-go{color:var(--lamp);font-size:22px;line-height:24px}.hd-foot{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px;display:flex}@media (max-width:1024px){.hd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.hd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-tile{min-height:116px;padding:16px 16px 14px}}.hd-grid>li:last-child{grid-column:1/-1}