.mkt{padding:44px 0 70px;display:flex;flex-direction:column;gap:22px}
.mkt-head{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.mkt-head__actions{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- filter toolbar ---------- */
.mkt-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.mkt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mkt-row--opts{gap:8px}

.mkt-search{position:relative;display:flex;align-items:center;flex:1;min-width:220px;max-width:360px}
.mkt-search > i{position:absolute;left:14px;color:var(--muted);font-size:13px;pointer-events:none}
.mkt-search input{width:100%;background:rgba(5,12,24,.7);border:1px solid var(--line-2);border-radius:999px;padding:11px 44px 11px 38px;color:var(--text);font-size:14px;font-family:var(--body)}
.mkt-search input:focus{outline:none;border-color:var(--gold);background:#fbf6dd;color:#241d08}
.mkt-search > button{position:absolute;right:5px;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1a04;display:grid;place-items:center;font-size:12px}

.mkt-classes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mkt-class{width:42px;height:42px;border-radius:11px;overflow:hidden;cursor:pointer;border:none !important;background:transparent !important;display:grid;place-items:center;transition:transform .12s;position:relative}
.mkt-class:hover{transform:translateY(-2px);border:none !important;background:transparent !important}
.mkt-class input{position:absolute;opacity:0;pointer-events:none}
.mkt-class img{width:100%;height:100%;object-fit:cover;background:transparent}
.mkt-class.is-on{border:none !important;background:transparent !important;box-shadow:none !important}

.mkt-icons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mkt-ic{width:40px;height:40px;border-radius:11px;cursor:pointer;border:1px solid var(--line);background:rgba(5,12,24,.5);display:grid;place-items:center;color:var(--muted);transition:color .14s,border .14s,background .14s}
.mkt-ic:hover{color:#fff;border-color:var(--line-2)}
.mkt-ic input{position:absolute;opacity:0;pointer-events:none}
.mkt-ic i{font-size:17px}
.mkt-ic.is-on{color:#2a1a04;background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:transparent}

/* generic chip */
.mkt-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--body);font-size:12.5px;color:#aebfdd;background:rgba(5,12,24,.5);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;transition:color .14s,background .14s,border .14s;white-space:nowrap;user-select:none}
.mkt-chip:hover{color:#fff;border-color:var(--line-2)}
.mkt-chip input{position:absolute;opacity:0;pointer-events:none}
.mkt-chip.is-on{color:#2a1a04;background:linear-gradient(180deg,var(--gold-2),var(--gold));border-color:transparent;font-weight:600}
.mkt-chip i{font-size:11px}
.mkt-clear{color:var(--red)}
.mkt-clear:hover{color:#fff;background:rgba(255,91,91,.15);border-color:rgba(255,91,91,.4)}

.mkt-dropdown{position:relative}
.mkt-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:40;display:none;flex-wrap:wrap;gap:6px;width:260px;background:linear-gradient(180deg,rgba(16,32,60,.99),rgba(9,19,38,.99));border:1px solid var(--line-2);border-radius:12px;padding:12px;box-shadow:0 20px 48px rgba(0,0,0,.5)}
.mkt-dropdown-menu.is-open{display:flex}

.mkt-sep{width:1px;align-self:stretch;min-height:24px;background:var(--line-2);margin:0 4px}
.mkt-label{font-family:var(--dsp);text-transform:uppercase;letter-spacing:1px;font-size:11px;color:var(--gold-2)}
.mkt-exe{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mkt-exe-types{display:flex;gap:6px}
.mkt-exe-opts{display:flex;gap:6px;flex-wrap:wrap}

/* ---------- results bar ---------- */
.mkt-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:2px}
.mkt-found{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.mkt-found b{font-family:var(--dsp);font-size:18px;color:var(--gold-2)}
.mkt-actions{display:flex;align-items:center;gap:10px}
.mkt-view{display:flex;gap:4px;background:rgba(5,12,24,.5);border:1px solid var(--line);border-radius:10px;padding:3px}
.mkt-view-btn{width:34px;height:30px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:14px}
.mkt-view-btn.is-on{color:#2a1a04;background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.mkt-sort{background:rgba(5,12,24,.7);border:1px solid var(--line-2);border-radius:10px;padding:9px 13px;color:var(--text);font-size:13.5px;font-family:var(--body);cursor:pointer}
.mkt-sort:focus{outline:none;border-color:var(--gold)}

/* ---------- results: LIST (default) ---------- */
.mkt-results{display:flex;flex-direction:column;gap:10px}
.mkt-item{display:grid;grid-template-columns:64px minmax(160px,1.4fr) minmax(120px,1fr) 130px 150px auto;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 16px;transition:transform .14s,border .14s}
.mkt-item:hover{transform:translateY(-2px);border-color:var(--line-2)}
.mkt-item.is-hot{border-color:rgba(246,168,33,.45);background:linear-gradient(120deg,rgba(246,168,33,.06),var(--panel))}
.mkt-thumb{width:64px;height:64px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(47,123,246,.16),rgba(5,12,24,.6));border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mkt-thumb img,.mkt-thumb > *{max-width:100%;max-height:100%}
.mkt-name{min-width:0}
.mkt-name a{font-family:var(--dsp);font-size:15px;color:var(--head);letter-spacing:.3px;line-height:1.2}
.mkt-name a:hover{color:var(--gold-2)}
.mkt-opts{display:flex;flex-wrap:wrap;gap:5px}
.mkt-b{font-family:var(--dsp);text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;padding:3px 8px;border-radius:6px;color:#fff;line-height:1.3}
.mkt-b.b-exe{background:rgba(55,194,106,.18);color:#83e2a4;border:1px solid rgba(55,194,106,.4)}
.mkt-b.b-luck{background:rgba(47,123,246,.18);color:#9cc3ff;border:1px solid rgba(47,123,246,.4)}
.mkt-b.b-skill{background:rgba(246,168,33,.16);color:var(--gold-2);border:1px solid rgba(246,168,33,.4)}
.mkt-b.b-anc{background:rgba(47,123,246,.20);color:#83e2a4;border:1px solid rgba(47,123,246,.45)}
.mkt-b.b-lvl{background:rgba(140,180,235,.14);color:#cfe0ff;border:1px solid var(--line-2)}
.mkt-b.b-soc{background:rgba(180,120,255,.16);color:#d4b6ff;border:1px solid rgba(180,120,255,.4)}
.mkt-seller{color:var(--muted);font-size:13px;white-space:nowrap}
.mkt-seller i{color:var(--muted-2);margin-right:5px}
.mkt-price{font-family:var(--dsp);font-size:15px;color:var(--gold-2);text-align:right;white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.mkt-price img{display:inline-block;height:22px;width:auto;vertical-align:middle}
.mkt-buy{justify-self:end}

/* ---------- results: GRID ---------- */
.mkt-results.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.mkt-results.is-grid .mkt-item{grid-template-columns:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 16px;height:100%}
.mkt-results.is-grid .mkt-thumb{width:84px;height:84px;flex:none}
.mkt-results.is-grid .mkt-opts{justify-content:center}
.mkt-results.is-grid .mkt-price{justify-content:center}
.mkt-results.is-grid .mkt-buy{justify-self:auto;width:100%;margin-top:auto}
.mkt-results.is-grid .mkt-buy .btn{width:100%}

.mkt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--muted);background:var(--panel);border:1px dashed var(--line-2);border-radius:var(--radius)}
.mkt-empty i{font-size:30px;color:var(--muted-2)}
.mkt-empty p{margin:0}

@media(max-width:900px){
  .mkt-item{grid-template-columns:56px 1fr auto;grid-template-areas:"thumb name buy" "thumb opts opts" "thumb seller price";row-gap:6px}
  .mkt-thumb{grid-area:thumb}
  .mkt-name{grid-area:name}.mkt-opts{grid-area:opts}.mkt-seller{grid-area:seller}.mkt-price{grid-area:price;text-align:left}.mkt-buy{grid-area:buy}
}

/* ---------- search autocomplete (custom, no jQuery UI) ---------- */
.mkt-ac{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;display:none;background:linear-gradient(180deg,rgba(16,32,60,.99),rgba(9,19,38,.99));border:1px solid var(--line-2);border-radius:12px;padding:6px;box-shadow:0 20px 48px rgba(0,0,0,.5);max-height:300px;overflow-y:auto}
.mkt-ac.is-open{display:block}
.mkt-ac-item{display:block;width:100%;text-align:left;background:none;border:0;color:#b7c6e4;font-family:var(--body);font-size:13.5px;padding:9px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s,color .1s}
.mkt-ac-item + .mkt-ac-item{margin-top:2px}
.mkt-ac-item:hover,.mkt-ac-item.is-active{background:rgba(79,151,255,.15);color:#fff}
/* market multi-currency price */
.mkt-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 4px;justify-content:flex-end}
.mkt-cur{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(90,130,190,.07)}
.mkt-cur__ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.mkt-cur__ico img{max-width:18px;max-height:18px;width:auto;height:auto;display:block;border:0}
.mkt-cur__amt{font-family:var(--dsp);font-size:15px;color:var(--head);font-variant-numeric:tabular-nums;line-height:1}
.mkt-cur__name{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--gold-2);line-height:1}
.mkt-cur__sep{color:var(--muted);opacity:.55;font-size:12px;padding:0 1px}
@media(max-width:600px){.mkt-price{justify-content:flex-start}.mkt-cur__name{display:none}}

.mkt-price--compact{gap:2px 3px}
.mkt-price--compact .mkt-cur--ico .mkt-cur__name{display:none}
.mkt-price--compact .mkt-cur{padding:3px 7px;gap:4px}
.mkt-price--compact .mkt-cur__amt{font-size:14px}