/* Fresh Rebuild V2 - trade-first visual refinement */
:root{--green:#059b78;--green2:#087d6a;--red:#e65b69;--navy:#1b3763;--gold:#f6c85f;--blue:#477ee7;--purple:#8762d4;--bg:#f3f6fd;--edge:#dfe7f2}
body{background:linear-gradient(180deg,#f1f6fd 0,#f8faff 390px,#f3f6fa 100%)}
.head{box-shadow:0 7px 25px #133c6b0a}
.brand-icon{background:linear-gradient(135deg,#1780cf,#12a780);box-shadow:0 6px 18px #1689ad31}
.brand-accent{color:#b87f17}
.ticker.market-ticker{background:#101d36;color:#fff;border:0;overflow:hidden}
.market-ticker .market-ticker-inner{display:flex;align-items:center;gap:0;max-width:100%;height:42px;overflow:hidden;padding:0}
.market-ticker .ticker-fixed{background:#172b49;border-right:1px solid #ffffff20;position:relative;z-index:1;height:100%;padding:0 18px;display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;letter-spacing:.3px;color:#f5cc72;font-weight:800}
.market-ticker .ticker-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.market-ticker .ticker-track{display:flex;width:max-content;min-width:100%;align-items:center;gap:24px;animation:cafe-ticker-scroll 42s linear infinite;will-change:transform}
.market-ticker:hover .ticker-track,.market-ticker:focus-within .ticker-track{animation-play-state:paused}
.market-ticker .ticker-set{display:flex;align-items:center;gap:25px;flex-shrink:0}
.market-ticker .ticker-item{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}
.market-ticker .ticker-item b{color:#fff;font-weight:800}
.market-ticker .ticker-item .ticker-price{font-weight:700;font-variant-numeric:tabular-nums;color:#e6edf8}
.market-ticker .ticker-item .ticker-up{color:#4cdda6}
.market-ticker .ticker-item .ticker-down{color:#ff8292}
.market-ticker .ticker-item .ticker-flat{color:#c4cfe0}
.market-ticker .ticker-meta{font-size:10px;white-space:nowrap;padding:0 15px;color:#ccd8ea;background:#172b49;height:100%;display:flex;align-items:center;gap:7px}
.market-ticker .ticker-meta .stale{color:#f5cd70}
@keyframes cafe-ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.market-ticker .ticker-track{animation:none;overflow-x:auto}}
.search-hero{background:linear-gradient(112deg,#18355c 0%,#244b87 48%,#0f8979 100%);border:1px solid #ffffff30;box-shadow:0 13px 40px #1939551b}
.search-hero h1{font-weight:800}
.hero-panel{background:#ffffff12;border-color:#ffffff45;backdrop-filter:blur(5px)}
.button.gold{background:#f3be56;color:#25334d}
.button.primary{background:#079a78}
.nav button.on{color:#266ac5;border-color:#3872c9}
.quick-stats>div:nth-child(1){background:linear-gradient(145deg,#fff,#e8f9f2);border-color:#d3eee5}
.quick-stats>div:nth-child(2){background:linear-gradient(145deg,#fff,#eaf1ff);border-color:#d8e5ff}
.quick-stats>div:nth-child(3){background:linear-gradient(145deg,#fff,#fff4d9);border-color:#f7e7b5}
.quick-stats>div:nth-child(4){background:linear-gradient(145deg,#fff,#f0eaff);border-color:#e7defe}
.market-panel{border-top:3px solid #306acb}
.sidebar .side-panel.safety{background:linear-gradient(145deg,#e8f7ff,#f3fcf8);border-color:#cee7fc}
.sidebar .side-panel.help{background:linear-gradient(145deg,#f5edff,#fff);border-color:#e7dbfa}
.seg button.on.sell{background:#dcf8ee;color:#087b5b}
.seg button.on.buy{background:#ffe8ec;color:#b9364c}
.offer-card{box-shadow:0 3px 15px #223f6908;transition:box-shadow .15s,border-color .15s}
.offer-card:hover{border-color:#aac4e9;box-shadow:0 6px 20px #173d6520}
.pill.face{background:#fff0d2;color:#936517}
.filter-row label{color:#445e80}
.market-market-note{font-size:11px;color:#75849a;margin:5px 0 12px}
@media(max-width:760px){
 .market-ticker .market-ticker-inner{height:34px}
 .market-ticker .ticker-fixed{padding:0 9px;font-size:9px}
 .market-ticker .ticker-meta{padding:0 8px;font-size:9px}
 .market-ticker .ticker-track,.market-ticker .ticker-set{gap:19px}
 /* Mobile priority: market list appears first; no giant banner before the offer list. */
 #page-market{display:flex;flex-direction:column}
 #page-market .market-layout{order:0}
 #page-market .search-hero{order:1;margin-top:4px;padding:12px 14px;border-radius:13px;grid-template-columns:1fr;gap:0}
 #page-market .quick-stats{order:2;margin-top:12px}
 #page-market .search-hero h1{font-size:17px;letter-spacing:-.6px;margin:4px 0 6px;line-height:1.35}
 #page-market .search-hero p{font-size:11px;margin:0;line-height:1.6}
 #page-market .search-hero .eyebrow{font-size:9px}
 #page-market .search-hero .hero-buttons,#page-market .search-hero .hero-panel{display:none}
 #page-market .market-panel{padding:12px 11px;margin-bottom:9px}
 #page-market .panel-title{margin-bottom:9px}
 #page-market .panel-title h2{font-size:18px}
 #page-market .panel-title p{font-size:10px;line-height:1.3}
 #page-market .panel-title .section-kicker{font-size:9px}
 #page-market .panel-title>.button{padding:8px 10px;font-size:11px}
 #page-market .seg{margin-bottom:9px;padding:3px}
 #page-market .seg button{padding:10px 6px;font-size:13px}
 #page-market .filter-row{margin-bottom:10px;gap:7px}
 #page-market .filter-row label{font-size:10px}
 #page-market .filter-row input,#page-market .filter-row select{padding:8px}
 #page-market .filter-row .button{padding:9px}
 #page-market .offer-card{padding:11px;gap:7px}
 #page-market .offer-card .value{font-size:18px}
 #page-market .sidebar{grid-template-columns:1fr 1fr;gap:8px}
 #page-market .sidebar .side-panel{padding:12px}
 #page-market .sidebar .side-panel.help{display:none}
 #page-market .sidebar .side-panel h3{font-size:12px}
 #page-market .sidebar .side-panel p{font-size:11px;line-height:1.4}
 #page-market .sidebar .tip{padding:6px 0;font-size:10px}
 #page-market .quick-stats{display:none}
}
@media(max-width:390px){#page-market .sidebar{grid-template-columns:1fr}}