/* B: compact item cards and the existing transaction actions with real gear comparison. */
.market-b{min-width:0}
.market-b .mkhead{gap:10px;flex-wrap:wrap}
.market-b .mktabs{display:flex;gap:6px;flex-wrap:wrap}
.market-b .mktab{min-height:34px;padding:7px 12px;font-size:13px}
.review-rebuild[data-pc-page=market] .market-b .mkbody{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;min-height:0;background:transparent;border:0;align-items:start}
.market-b .review-market-list,.market-b .mkbody>.mklist{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}
.pc-page[data-pc-page=market] .market-b .review-market-list .mkcats{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 12px;border:0;gap:6px}
.pc-page[data-pc-page=market] .market-b .review-market-list .mkcat{width:auto;flex:none;min-width:0;min-height:32px;padding:6px 10px;font-size:12px}
.market-b .review-market-list .mklbl{margin:4px 0 0}
.market-b .mkchk{font-size:11px;padding:5px 7px}
.market-b .mkfilters{margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
.market-b .mkfilters summary{cursor:pointer;font-size:12px;color:var(--amber)}
.market-b .mkfilters[open] summary{margin-bottom:8px}
.market-b .mkfilters .mkchk{display:inline-flex;margin:3px;min-height:32px}
.market-b .mklist{padding:0;min-width:0}
.market-b .mkbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.market-b .mkbar input{flex:1 1 180px;min-width:0}
.market-b .mkbar select{flex:0 1 180px;width:auto;min-width:0}
.market-b .review-market-list .mkgrid,.market-b .mkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.market-b .mkcard{display:flex;flex-direction:column;min-width:0;padding:10px;text-align:left;min-height:190px;border-radius:10px}
.market-b .mkcard.on{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.market-b .mktop{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.market-b .mkic,.market-b .mkic.gun{width:100%;height:82px;background:#111315;border-radius:8px;margin:0}
.market-b .mkic img{width:100%;height:100%;object-fit:contain}
.market-b .mkt{min-width:0}
.market-b .mkt b{display:block;font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.market-b .mkt .sub{font-size:11px;white-space:normal}
.market-b .mklines{font-size:11px;margin:6px 0;overflow-wrap:anywhere}
.market-b .mkft{display:flex;gap:6px;align-items:end;justify-content:space-between;margin-top:auto;padding-top:10px;min-width:0;flex-wrap:wrap}
.market-b .mkp{font-size:17px;color:#96cda7}
.market-b .mkvs,.market-b .mks{font-size:11px;white-space:normal;overflow-wrap:anywhere}
.market-b .mkdet{position:sticky;top:14px;max-height:calc(100dvh - 28px);overflow-y:auto;scroll-margin-top:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.market-b .mkcompare h3{font-size:16px;margin:0 0 12px}
.market-b .mkcompare-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.market-b .mkcompare-items>div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#111315}
.market-b .mkcompare-items>.chosen{border-color:var(--amber)}
.market-b .mkcompare-items img{display:block;width:100%;height:80px;object-fit:contain;margin:8px 0}
.market-b .mkcompare-items b{display:block;font-size:12px;overflow-wrap:anywhere}
.market-b .mkcompare-items .dim{font-size:11px}
.market-b .mkcompare table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px;font-variant-numeric:tabular-nums}
.market-b .mkcompare th,.market-b .mkcompare td{padding:8px 4px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.market-b .mkcompare th:first-child{text-align:left}
.market-b .mkcompare .up{color:#96cda7}.market-b .mkcompare .dn{color:#e48d87}
.market-b .mkh{font-size:16px;margin-top:14px}
.market-b .mk-extra{margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px}
.market-b .mk-extra summary{cursor:pointer;font-size:12px;color:var(--amber)}
.market-b .mkbuy{margin-top:12px;padding:12px}
.market-b .mkbuy .row{font-size:12px;gap:10px;flex-wrap:wrap}
.market-b .mkbuy>.btn{min-height:44px;margin-top:12px}
.market-b .mkbig{height:100px}
.market-b .mkwatch{display:flex;gap:6px;flex-wrap:wrap}
.market-b .mkwatch input{min-width:0;flex:1 1 90px;width:auto}
.market-b .mkwatch .btn{flex:1 1 140px;white-space:normal}
.market-b .mkbody>.mklist[style]{grid-column:1!important}
@media(min-width:901px) and (max-width:1400px){.market-b .review-market-list .mkgrid,.market-b .mkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .review-rebuild[data-pc-page=market] .market-b .mkbody{grid-template-columns:minmax(0,1fr);gap:12px}
 .market-b .mkdet{position:static;max-height:none;overflow:visible}
 .market-b .review-market-list .mkgrid,.market-b .mkgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .market-b .mkcard{min-height:170px;padding:8px}
 .market-b .mkic,.market-b .mkic.gun{height:66px}
 .market-b .mktab,.market-b .mkcat{min-height:40px}
 .market-b .mktabs{width:100%}.market-b .mktab{flex:1;padding:7px 8px;font-size:12px}
 .market-b .mkbar select{flex:1 1 140px}
}
/* Match the selected B reference: flat three-column catalogue and framed comparison. */
.pc-page[data-pc-page=market] .feature-art{display:none}
body:has(.market-b) .topbar.hv2{display:flex!important;flex-wrap:nowrap!important;height:auto!important;min-height:54px!important;padding:8px 16px!important;border-radius:0;border-width:0 0 1px;margin:0 0 14px;gap:18px}
body:has(.market-b) .topbar.hv2>div,body:has(.market-b) .topbar.hv2>button{height:auto!important;min-height:0!important}
body:has(.market-b) .topbar .hv-vitals,body:has(.market-b) .topbar .hv-avatar,body:has(.market-b) .topbar .hv-rank,body:has(.market-b) .topbar .hv-info>:not(:first-child){display:none}
body:has(.market-b) .topbar .hv-id{padding:0;min-height:0;min-width:0;border:0;background:none}
body:has(.market-b) .topbar .hv-res{display:flex;align-items:center;gap:16px;padding:0;border:0;background:none;min-height:0;margin-left:auto}
body:has(.market-b) .topbar .hv-resource{display:flex;align-items:center;gap:5px}
body:has(.market-b) .topbar .hv-resource img{width:24px!important;height:24px!important}
body:has(.market-b) .topbar .hv-resource b{font-size:13px}
body:has(.market-b) .topbar .hv-economy{display:flex;flex-direction:row;align-items:center;gap:14px;min-height:0;padding:0}
body:has(.market-b) .topbar .hv-economy .hv-credit .v{font-size:18px}
body:has(.market-b) .topbar .hv-res .hv-resource .v{font-size:13px}
body:has(.market-b) .topbar .hv-credit{padding:0}
body:has(.market-b) .topbar .hv-credit b{font-size:18px}
.market-b .mk-view{display:flex;flex:none}.market-b .mk-view button{width:34px;height:42px;background:#111416;border:1px solid #353b3e;color:#a8afb5;font-size:22px;cursor:pointer}.market-b .mk-view button.on{color:#d7b650;border-color:#d7b650;background:#262211}
.market-b .mkbar{flex-wrap:nowrap}.market-b .mkbar input{flex:1 1 160px}.market-b .mkbar select{flex:0 1 140px;font-size:12px;width:140px;padding:6px}
.market-b .mkgrid.mk-list-view{grid-template-columns:1fr!important}.market-b .mk-list-view .mkcard{min-height:100px}.market-b .mk-list-view .mktop{flex-direction:row;align-items:center}.market-b .mk-list-view .mkic{width:150px;flex:none;height:65px}.market-b .mk-list-view .mkft{justify-content:flex-end;gap:20px;margin-top:0}
.market-b{--panel:#0e1011;--line:#303536;--amber:#d7b650}
.market-b .mkhead{position:relative;margin:0;align-items:end}
.market-b .mktabs{gap:8px;flex-wrap:nowrap}
.market-b .mktab{min-width:110px;height:42px;border-radius:4px 4px 0 0;border:1px solid var(--line);background:#111416;color:#c9cdcf;font-size:14px}
.market-b .mktab.on,.market-b .mkcat.on{background:linear-gradient(#b39338,#d4b65b);color:#17140b;border-color:#d7b650}
.market-b .mk-tab-icon{margin-right:12px;font-size:18px}
.market-b .mktick{display:none}
.review-rebuild[data-pc-page=market] .market-b .mkbody{grid-template-columns:minmax(0,1.68fr) minmax(300px,1fr);gap:14px}
.market-b .review-market-list{padding:14px;border-radius:5px;background:rgba(7,10,11,.94)}
.market-b .mkbar input,.market-b .mkbar select{height:42px;border-radius:4px;background:#111416;border:1px solid #353b3e}
.pc-page[data-pc-page=market] .market-b .review-market-list .mkcats{gap:5px;padding-bottom:12px}
.pc-page[data-pc-page=market] .market-b .review-market-list .mkcat{min-height:38px;flex:1;padding:7px 10px;border-radius:4px;background:#111416}
.pc-page[data-pc-page=market] .market-b .review-market-list .mkcat.on{background:linear-gradient(#b39338,#d4b65b)}
.market-b .mkcat span{display:none}
.market-b .mkfilters{padding:0;border:0;margin:0 0 8px}
.market-b .mkfilters summary{font-size:11px;color:#92999d}
.market-b .mkcard{position:relative;border:1px solid #30383b;background:linear-gradient(125deg,#131718,#0c0e0f);border-radius:6px;padding:10px;min-height:180px}
.market-b .mkcard.on{border:2px solid #d7b650;padding:9px;box-shadow:none}
.market-b .mk-card-head{display:flex;justify-content:space-between;align-items:center;height:22px}
.market-b .mk-grade{font-size:12px;color:#a8afb5}.market-b .grade-1{color:#64b1ff}.market-b .grade-2{color:#b679f0}.market-b .grade-3{color:#e5c553}
.market-b .mk-star{background:none;border:0;color:#bcc5ca;font-size:25px;line-height:1;padding:0 2px;cursor:pointer}
.market-b .mk-card-select{display:flex;flex-direction:column;flex:1;width:100%;border:0;background:none;color:inherit;padding:0;text-align:left;cursor:pointer;min-width:0}
.market-b .mkic,.market-b .mkic.gun{height:82px;background:none}
.market-b .mktop{gap:6px}.market-b .mkt b{font-size:14px}.market-b .mkt .sub{font-size:12px;color:#a5adb1}
.market-b .mkft{width:100%;padding-top:8px}.market-b .mkp{font-size:19px;color:#8ae691}.market-b .mks{font-size:12px;color:#bec6ca}
.market-b .mkdet{padding:0;border-radius:5px;background:rgba(13,16,17,.97);max-height:none;overflow:visible}
.market-b .mkcompare{padding:14px}.market-b .mkcompare h3{font-size:18px;border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 12px}
.market-b .mkcompare-items{gap:0}.market-b .mkcompare-items>div{border-radius:5px 5px 0 0;padding:10px;background:#101314}.market-b .mkcompare-items>.chosen{background:linear-gradient(#181911,#151611)}
.market-b .mkcompare-items img{height:92px;background:#0b0e0f;border:1px solid #272e30;border-radius:4px}
.market-b .mkcompare-items b{font-size:14px}.market-b .mkcompare-items .dim{font-size:13px}
.market-b .mkcompare table{margin:0;font-size:13px}.market-b .mkcompare td,.market-b .mkcompare th{padding:8px 5px}.market-b .mkcompare .hint{display:none}
.market-b .mk-seller{padding:0 14px 14px}.market-b .mk-seller h3,.market-b .mkbuy h3{font-size:14px;color:#bfc6c9;padding:10px 0;border-top:1px solid var(--line);margin:0}
.market-b .mk-seller>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:5px;padding:12px;background:#111516}.market-b .mk-seller-name{width:fit-content;border:0;background:none;color:#e4e6e7;font-size:14px;font-weight:bold;padding:0;cursor:pointer}.market-b .mk-seller span{font-size:11px;color:#9ba4a8}
.market-b .mkbuy{padding:0 14px 14px;margin:0;background:none;border:0;border-radius:0}.market-b .mkbuy .row{padding:5px 0;font-size:13px}.market-b .mkbuy .mk-total{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.market-b .mk-total b{font-size:24px;color:#dfbc50}.market-b .mkbuy>.btn.primary{background:linear-gradient(#dbb749,#b5943b);color:#151107;border:1px solid #e0c15d;border-radius:4px;font-size:18px;min-height:50px}
.market-b .mk-extra{padding:8px 0;border:0;border-top:1px solid var(--line);border-radius:0;margin:12px 0 8px}.market-b .mk-price-vs{color:#a3abad}
body:has(.market-b) .topbar.hv2{align-items:center!important}
body:has(.market-b) .topbar.hv2 .hv-resource{height:auto!important;min-height:0!important;padding:0!important}
body:has(.market-b) .topbar.hv2 .hv-credit{min-height:0!important;height:auto!important}
body:has(.market-b) .mainhead{padding:4px 0 10px;min-height:0;margin-bottom:4px}
@media(min-width:901px){
 .market-b .mkcompare{padding:10px}.market-b .mkcompare h3{font-size:16px;padding-bottom:8px;margin-bottom:8px}
 .market-b .mkcompare-items>div{padding:6px}.market-b .mkcompare-items img{height:62px;margin:5px 0}.market-b .mkcompare-items b{font-size:12px}.market-b .mkcompare-items .dim{font-size:11px}
 .market-b .mkcompare th,.market-b .mkcompare td{padding:4px;font-size:12px}
 .market-b .mk-seller{padding:0 10px 8px}.market-b .mk-seller h3,.market-b .mkbuy h3{padding:6px 0;font-size:12px}.market-b .mk-seller>div{padding:7px;gap:3px}.market-b .mk-seller-name{font-size:12px}
 .market-b .mkbuy{padding:0 10px 10px}.market-b .mkbuy .row{padding:2px 0;margin:2px 0;font-size:12px}.market-b .mkbuy .mk-price-vs{display:none}.market-b .mkbuy .mk-total{padding-top:6px;margin-top:5px}.market-b .mk-total b{font-size:22px}.market-b .mkbuy>.btn.primary{min-height:44px;margin-top:8px;font-size:16px}
}
@media(min-width:901px) and (max-height:850px){
 .market-b .mkcompare{padding:8px}.market-b .mkcompare h3{font-size:14px;line-height:18px;padding-bottom:4px;margin-bottom:4px}
 .market-b .mkcompare-items img{height:44px;margin:3px 0}.market-b .mkcompare-items>div{padding:4px}
 .market-b .mkcompare th,.market-b .mkcompare td{padding:3px;line-height:16px}
 .market-b .mk-seller{padding:0 8px 4px}.market-b .mk-seller h3,.market-b .mkbuy h3{padding:3px 0;line-height:16px}
 .market-b .mk-seller>div{flex-direction:row;justify-content:space-between;align-items:center;padding:5px}
 .market-b .mkbuy{padding:0 8px 8px}.market-b .mkbuy .row{padding:1px 0;margin:1px 0;line-height:16px}.market-b .mkbuy .mk-total{padding-top:3px;margin-top:3px}.market-b .mk-total b{font-size:20px;line-height:24px}.market-b .mkbuy>.btn.primary{margin-top:4px}
}
.pc-page[data-pc-page=market] .market-b details:not([open])>:not(summary){display:none!important}
.pc-page[data-pc-page=market] .market-b .mkfilters{background:none;border:0;padding:0}
@media(max-width:900px){body:has(.market-b) .topbar .hv-res{display:none}.market-b .mkbar{flex-wrap:wrap}.market-b .mkbar input{flex:1 1 100%}.market-b .mkbar select{flex:1 1 110px}.market-b .mk-view{margin-left:auto}}
@media(min-width:1100px){.market-b .review-market-list .mkgrid,.market-b .mkgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.review-rebuild[data-pc-page=market] .market-b .mkbody{grid-template-columns:minmax(0,1fr)}.market-b .mktab{min-width:0;flex:1;height:38px;padding:5px;font-size:11px}.market-b .mk-tab-icon{margin-right:4px;font-size:13px}.market-b .mktabs{gap:4px}.market-b .review-market-list{padding:10px}.market-b .mkcard{min-height:165px;padding:8px}.market-b .mkcard.on{padding:7px}.market-b .mkt b{font-size:12px}.market-b .mkp{font-size:16px}.market-b .mkic,.market-b .mkic.gun{height:66px}.market-b .mkhead>.btn{position:absolute;right:0;top:-36px}}
