/* Prices (/prices) — Free Market: shop window (tabs, filter, sort, rows) + item-info panel. */
.shopwin .tools{display:flex;gap:10px;align-items:center;padding:12px 14px 8px;flex-wrap:wrap}
.shopwin .tools .field{flex:1;min-width:220px}
.rows{list-style:none;margin:0;padding:8px}
.rows li>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 110px 96px 80px;align-items:center;gap:12px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.rows li:nth-child(odd)>button{background:rgba(200,183,143,.16)}
.rows li>button:hover{background:#ffeec6}
.rows li>button[aria-pressed=true]{background:#ffe0a3;box-shadow:inset 0 0 0 2px var(--maple)}
.rows .n{font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.rows .n small{display:block;font-weight:400;color:var(--ink-3);font-size:12.5px}
.rows svg{width:110px;height:30px}
.rows .pr{text-align:right;font:800 19px var(--f-game)}
.rows .ch{text-align:right;font:800 14px var(--f-ui)}
.rows .ch.flat{color:var(--ink-3)}
.rows-head{display:grid;grid-template-columns:42px minmax(0,1fr) 110px 96px 80px;gap:12px;padding:8px 24px 0 16px;font:800 11.5px var(--f-game);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.rows-head span:nth-child(n+4){text-align:right}
.pager{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 14px;font-size:13.5px;color:var(--ink-3)}
@media (min-width:821px){.rows .pr small{display:none}}

/* item info panel */
.info{position:sticky;top:16px;min-height:300px}
.info .hd{display:flex;gap:14px;align-items:center}
.info .hd .slot{width:64px;height:64px;background:radial-gradient(circle,#3b4675,#1c2240);border:1.5px solid var(--tip-line);border-radius:8px}
.info .hd img{width:44px;height:44px}
.info h2{margin:0;font:800 21px/1.1 var(--f-game);color:var(--gold-ink)}
.info .cat{font-size:12.5px;color:var(--tip-dim)}
.info .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:14px 0 2px}
.info .price b{font:800 52px/1 var(--f-game);color:#fff;letter-spacing:-.02em}
.info .price span{font:800 16px var(--f-ui)}
.info .price .up,.info .fc .up{color:var(--up-l)}.info .price .dn,.info .fc .dn{color:var(--down-l)}
.info .sub{font-size:13px;color:var(--tip-dim)}
.info h4{margin:0 0 6px;font:800 15px var(--f-game);color:var(--gold-ink)}
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.lane{background:rgba(143,163,220,.12);border:1px solid rgba(143,163,220,.35);border-radius:6px;padding:7px 8px}
.lane span{display:block;font-size:11.5px;color:var(--tip-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.lane b{font:800 20px var(--f-game);color:#fff}
.lane.pick{border-color:var(--gold-ink);background:rgba(255,211,107,.14)}
.lane.pick b{color:var(--gold-ink)}
.info .adv{margin:10px 0 0;font-size:14px;color:#dfe5ff}
.fc{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.fc>b{font:800 20px var(--f-game);color:#fff}
.fc>span{font:800 15px var(--f-ui)}
.fc small{flex-basis:100%;font-size:12.5px;color:var(--tip-dim)}
.why{margin:6px 0 0;padding:0;list-style:none;font-size:13px;color:#dfe5ff}
.why li{padding:1px 0}
.why li::before{content:"• ";color:var(--tip-dim)}
.why li.up::before{content:"▲ ";color:var(--up-l)}.why li.dn::before{content:"▼ ";color:var(--down-l)}
.facts{font-size:13px}
.info .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.info .legend{display:flex;gap:12px;font-size:11.5px;color:var(--tip-dim);margin-top:2px}
.info .legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-right:4px;background:var(--gold-ink)}
.info .legend i.f{background:repeating-linear-gradient(90deg,#b9a6ff 0 4px,transparent 4px 7px)}
.info details summary{cursor:pointer;font:800 14px var(--f-game);color:var(--gold-ink)}
@media (max-width:820px){
  .shopwin .tools .field{min-width:0;flex:1 1 100%}
  .shopwin .tools .sel{flex:1}
  .rows li>button,.rows-head{grid-template-columns:40px minmax(0,1fr) 78px;gap:10px}
  .rows-head{padding:8px 16px 0}
  .rows svg,.rows .ch,.rows-head span:nth-child(3),.rows-head span:nth-child(5){display:none}
  .rows .pr{font-size:17px}
  .rows .pr small{display:block;font:800 12.5px var(--f-ui)}
  .info{position:relative;top:0;scroll-margin-top:56px}
  .info .price b{font-size:42px}
}
/* tablet: all eight category tabs fit on one line (counts hidden, tighter tabs) */
@media (max-width:1180px) and (min-width:821px){
  #tabs{padding:0 8px}
  #tabs button{padding:5px 8px 2px;font-size:13px}
  #tabs button small{display:none}
}
@media (max-width:980px) and (min-width:821px){#tabs{padding:0 4px;gap:1px}#tabs button{padding:5px 5px 2px;font-size:12px}}