/* client-marketplace.css — Marketplace preview */
.mk{--mk-gold:#c9a84c;--mk-card:#23273a;--mk-card2:#1f2333;--pop:#e17055;--ban:#6c8cff;--lnk:#00b894;color:var(--text)}
.mk-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:28px;border-radius:18px;margin-bottom:14px;
  background:radial-gradient(1200px 300px at 0% 0%,rgba(201,168,76,.18),transparent 60%),linear-gradient(135deg,#252a3e,#1c2030);border:1px solid var(--border)}
.mk-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-gold);font-weight:700;margin-bottom:6px}
.mk-hero h1{font-size:30px;font-weight:800;margin:0 0 6px}
.mk-hero p{color:var(--text-muted);max-width:620px;line-height:1.5;margin:0}
.mk-hero p strong{color:var(--text)}
.mk-lock{display:inline-block;margin-top:10px;font-size:12.5px;padding:6px 11px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-muted);cursor:help}.mk-lock.open{color:#f1d78a;border-color:rgba(201,168,76,.35)}
.mk-quota{min-width:190px;padding:16px 18px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(201,168,76,.35);text-align:center;cursor:help}
.mk-quota-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.mk-quota-dots{display:flex;gap:8px;justify-content:center;margin:10px 0 6px}
.mk-quota-dots .dot{width:16px;height:16px;border-radius:50%;background:var(--mk-gold);box-shadow:0 0 10px rgba(201,168,76,.5)}
.mk-quota-dots .dot.used{background:transparent;border:2px solid var(--border);box-shadow:none}
.mk-quota-num{font-size:13px;color:var(--text-muted)}.mk-quota-num b{color:var(--text);font-size:16px}
.mk-rules{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mk-rule{font-size:12.5px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}
.mk-rule b{color:var(--mk-gold)}.mk-rule.muted{color:var(--text-muted)}
.mk-filter-toggle{display:none}
.mk-status.offered{background:rgba(108,140,255,.18);color:#9fb3ff}
.mk-btn.offered{color:#9fb3ff;border-color:rgba(108,140,255,.35)}
.mk-status.rejected{background:rgba(214,48,49,.15);color:#ff8a80}
.mk-result{border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 10px}.mk-result.ok{background:rgba(0,184,148,.12);border:1px solid rgba(0,184,148,.4);color:#4fe0bf}.mk-result.bad{background:rgba(214,48,49,.12);border:1px solid rgba(214,48,49,.45);color:#ff8a80}
.mk-offers{padding:12px 16px;margin-bottom:16px;border-radius:14px;background:rgba(108,140,255,.07);border:1px solid rgba(108,140,255,.3);display:grid;gap:8px}
.mk-o-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px}
.mk-warn.last{background:rgba(214,48,49,.12);border-color:rgba(214,48,49,.45)}
.mk-yours{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 18px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,rgba(0,184,148,.12),rgba(0,184,148,.03));border:1px solid rgba(0,184,148,.35)}
.mk-y-main{display:flex;align-items:center;gap:12px;padding-right:4px}.mk-y-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#4fe0bf;font-weight:700}
.mk-y-big{font-size:28px;font-weight:800;line-height:1}
.mk-y-stat{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:40px;padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
.mk-y-stat b{display:block;font-size:18px;line-height:1}.mk-y-stat span{font-size:11px;line-height:1.2;color:var(--text-muted)}
.mk-y-types{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-height:40px;padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
.mk-yours .mk-btn{flex:0 0 auto}
.mk-filters{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:22px;display:grid;gap:12px;position:relative}
.mk-f-row{display:flex;gap:12px;flex-wrap:wrap}.mk-f-row>.mk-input{flex:1;min-width:180px}
.mk-f-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mk-f-group.grow{flex:1;min-width:170px;flex-direction:column;align-items:stretch;gap:4px}
.mk-f-group label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);min-width:70px;font-weight:600}
.mk-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:14px;outline:none}
.mk-input:focus{border-color:var(--mk-gold)}
.mk-chips{display:flex;gap:6px;flex-wrap:wrap}
.mk-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer;transition:.15s;white-space:nowrap}
.mk-chip:hover{color:var(--text);border-color:#4a5070}
.mk-chip.on{background:rgba(201,168,76,.16);border-color:var(--mk-gold);color:#f1d78a}
.mk-chip .n{opacity:.6;margin-left:4px;font-size:11px}
.mk-f-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}
.mk-link{background:none;border:none;color:var(--mk-gold);cursor:pointer;font-size:13px;padding:0}
.mk-domain{margin-bottom:30px}
.mk-dhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mk-dbadge{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#1a1d27;background:linear-gradient(135deg,#d4b65c,#a8892e)}
.mk-dfav{width:38px;height:38px;border-radius:10px;padding:5px;background:#fff;object-fit:contain;box-sizing:border-box;flex:0 0 38px}
.mk-dhead h2{font-size:19px;margin:0;font-weight:700}.mk-dhead .sub{font-size:12px;color:var(--text-muted)}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.mk-card{background:linear-gradient(180deg,var(--mk-card),var(--mk-card2));border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}
.mk-card:hover{transform:translateY(-2px);border-color:#43496a;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.mk-card.yours{border-color:rgba(0,184,148,.45)}
.mk-ctop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.mk-cname{font-weight:700;font-size:15px;line-height:1.3}
.mk-tags{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.mk-tag{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600;cursor:help}
.mk-tag.popunder{background:rgba(225,112,85,.15);color:#ff9f86}.mk-tag.banner{background:rgba(108,140,255,.15);color:#9fb3ff}
.mk-tag.link{background:rgba(0,184,148,.15);color:#4fe0bf}.mk-tag.other,.mk-tag.meta{background:rgba(255,255,255,.06);color:var(--text-muted)}
.mk-status{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap;cursor:help}
.mk-status.available{background:rgba(201,168,76,.18);color:#f1d78a}.mk-status.held{background:rgba(255,255,255,.07);color:var(--text-muted)}
.mk-status.yours{background:rgba(0,184,148,.18);color:#4fe0bf}
.mk-metrics{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mk-vol{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1}.mk-vol small{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-top:4px;letter-spacing:0}
.mk-trend{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;cursor:help}.mk-trend.up{color:#4fe0bf;background:rgba(0,184,148,.12)}.mk-trend.down{color:#ff8a80;background:rgba(214,48,49,.12)}.mk-trend.flat{color:var(--text-muted);background:rgba(255,255,255,.06)}
.mk-spark{width:100%;height:42px;display:block}
.mk-geos{display:grid;gap:5px}
.mk-geo{display:grid;grid-template-columns:22px 32px 1fr 42px;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
.mk-geo img{width:20px;height:15px;border-radius:2px;object-fit:cover}
.mk-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}.mk-bar>span{display:block;height:100%;background:linear-gradient(90deg,#a8892e,#e2c56b);border-radius:3px}
.mk-geo .p{text-align:right;color:var(--text)}
.mk-actions{display:flex;gap:8px;margin-top:auto}
.mk-btn{flex:1;border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:.15s}
.mk-btn:hover{border-color:#4f5679}
.mk-btn.gold{background:linear-gradient(135deg,#d4b65c,#a8892e);border-color:transparent;color:#1a1d27}.mk-btn.gold:hover{filter:brightness(1.08)}
.mk-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.mk-empty{text-align:center;color:var(--text-muted);padding:50px 10px}
[data-tip]{position:relative}
.tip{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:10px;font-style:normal;background:rgba(255,255,255,.1);color:var(--text-muted);cursor:help;margin-left:3px}
.mk-tipbox{position:fixed;z-index:10001;max-width:260px;background:#0f1119;color:#e4e6f0;border:1px solid #3a4060;padding:9px 12px;border-radius:9px;font-size:12.5px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none;text-transform:none;letter-spacing:0;font-weight:400}
.mk-modal{position:fixed;inset:0;background:rgba(8,10,16,.7);backdrop-filter:blur(3px);z-index:10000;display:grid;place-items:center;padding:16px}
.mk-modal[hidden]{display:none}
.mk-modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:auto;padding:24px;position:relative}
.mk-x{background:none;border:none;color:var(--text-muted);font-size:26px;line-height:1;width:40px;height:40px;cursor:pointer;border-radius:50%}
.mk-x:hover{background:rgba(255,255,255,.06);color:var(--text)}
.mk-modal-head{flex:none;display:flex;justify-content:flex-end;padding:6px 8px 0}
.mk-modal-box{display:flex!important;flex-direction:column;overflow:hidden!important;padding:0!important}
#mkModalBody{overflow:auto;padding:0 24px 24px;min-height:0}
.mk-modal h3{margin:0 0 4px;font-size:20px}.mk-modal .sub{color:var(--text-muted);font-size:13px;margin-bottom:16px}
.mk-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.mk-stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px}.mk-stat b{display:block;font-size:17px}.mk-stat span{font-size:11px;color:var(--text-muted)}
.mk-field{display:grid;gap:6px;margin:14px 0}.mk-field label{font-size:12px;color:var(--text-muted);font-weight:600}
.mk-money{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0 12px}.mk-money span{color:var(--text-muted);font-weight:700}
.mk-money input{flex:1;background:none;border:none;color:var(--text);font-size:20px;font-weight:700;padding:12px 8px;outline:none}
.mk-warn{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.35);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;margin:12px 0}
.mk-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:10px 0;cursor:pointer}
.mk-check input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#c9a84c}
.mk-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:10px}
@media (max-width:768px){
  .mk-hero{flex-direction:column;align-items:stretch;padding:20px}.mk-hero h1{font-size:24px}.mk-quota{min-width:0}
  .mk-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:9px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;flex:none}
  .mk-filters{display:none;margin:0}.mk-filters.open{display:grid;position:fixed;left:0;right:0;bottom:0;max-height:82vh;overflow-y:auto;z-index:10000;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.6);padding:18px 16px calc(16px + env(safe-area-inset-bottom))}
  .mk-chips{flex-wrap:wrap}.mk-f-group{flex-direction:column;align-items:stretch;gap:6px}
  .mk-grid{grid-template-columns:1fr}.mk-yours{gap:12px}.mk-y-main{flex-basis:100%}.mk-y-stat{flex:1;padding-left:0;border-left:0}.mk-y-stat+.mk-y-stat{padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}.mk-y-types{flex-basis:100%;padding-left:0;border-left:0;min-height:0}.mk-yours .mk-btn{width:100%}.mk-statgrid{grid-template-columns:repeat(3,1fr);gap:8px}.mk-stat{padding:8px}.mk-stat b{font-size:15px}.mk-stat span{font-size:10.5px}
  .mk-modal{place-items:end center;padding:0}.mk-modal-box{border-radius:18px 18px 0 0;max-height:88vh}
}

/* Open now: same .mk-card / .mk-grid as offer cards; only the section frame + price badge are extra */
.mk-open{margin:0 0 24px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(201,168,76,.09),rgba(201,168,76,.02));border:1px solid rgba(201,168,76,.4)}
.mk-ohead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 12px}.mk-ohead h2{margin:0;font-size:19px}.mk-ohead .sub{font-size:12.5px;color:var(--text-muted)}
.mk-live{font-size:11px;font-weight:800;letter-spacing:.08em;color:#ff6b6b;animation:mkpulse 1.4s infinite}.mk-now{font-size:11px;font-weight:800;letter-spacing:.08em;color:#00d68f}
@keyframes mkpulse{50%{opacity:.35}}
.mk-open .mk-grid{margin-bottom:14px}
.mk-card.auction{border-color:rgba(255,107,107,.55)}.mk-card.open{border-color:rgba(0,214,143,.45)}
.mk-oprice{text-align:right;font-size:20px;font-weight:800;color:#f1d78a;white-space:nowrap;line-height:1.1}
.mk-oprice small{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.mk-ocd{display:block;font-size:11.5px;font-weight:700;color:#ff8b8b;font-variant-numeric:tabular-nums;margin-top:3px}
.mk-tiers{display:flex;gap:8px;flex-wrap:wrap}

/* v2 layout (Oliver 2026-10-28): toolbar, list rows (default), compact cards */
.mk{overflow-x:clip}.mk-filters>*,.mk-f-row,.mk-f-group{min-width:0}
.mk-toolbar{display:flex;gap:8px;align-items:center;margin:0 0 12px;position:sticky;top:0;z-index:21;background:var(--bg);padding:8px 0}
.mk-toolbar .mk-input{flex:1;min-width:0}
.mk-view{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;flex:none}
.mk-view button{background:var(--bg);color:var(--text-muted);border:0;padding:9px 12px;font-size:13px;font-weight:700;cursor:pointer}
.mk-view button.on{background:rgba(201,168,76,.18);color:#f1d78a}
.mk-fdone{display:none}
.mk-allhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.mk-allhead[hidden]{display:none}.mk-allhead h2{margin:0;font-size:19px}.mk-allhead .sub{font-size:12.5px;color:var(--text-muted)}
.mk-domain{margin-bottom:16px}
.mk-dhead{cursor:pointer;user-select:none;margin-bottom:8px}.mk-dhead h2{font-size:17px}
.mk-darr{color:var(--text-muted);font-size:15px;padding:0 4px}
.mk-domain.collapsed .mk-rows,.mk-domain.collapsed .mk-grid{display:none}
.mk-rows{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,var(--mk-card),var(--mk-card2))}
.mk-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr) auto auto;grid-template-areas:"name meta price act";align-items:center;gap:6px 14px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.06)}
.mk-row:first-child{border-top:0}
.mk-row.auction{box-shadow:inset 3px 0 0 #ff6b6b}.mk-row.open{box-shadow:inset 3px 0 0 #00d68f}.mk-row.yours{box-shadow:inset 3px 0 0 #00b894}
.mk-rname{grid-area:name;font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.mk-rmeta{grid-area:meta;display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}
.mk-rvol{font-size:13px;font-weight:700;white-space:nowrap;cursor:help}.mk-rvol small{font-weight:500;color:var(--text-muted);font-size:11px}
.mk-rprice{grid-area:price;text-align:right}
.mk-row .mk-oprice{font-size:15px}.mk-row .mk-ocd{font-size:11px;margin-top:1px}
.mk-ract{grid-area:act;display:flex;gap:6px;justify-content:flex-end}
.mk-ract .mk-btn{flex:none;padding:7px 12px;font-size:12.5px;white-space:nowrap}
.mk-ract .mk-ico{width:36px;padding:7px 0;text-align:center}
.mk-card{padding:13px;gap:9px}.mk-card .mk-metrics{align-items:center}.mk-card .mk-rvol{font-size:17px}
.mk-card .mk-oprice{font-size:17px}.mk-card .mk-btn{padding:8px 10px;font-size:13px}
.mk-open{padding:12px 14px}.mk-osec+.mk-osec{margin-top:10px}
@media (max-width:768px){
  .mk-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "meta act";padding:9px 12px;gap:5px 10px}
  .mk-rmeta .mk-tag{font-size:10.5px;padding:2px 6px}
  .mk-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mk-card{padding:10px;gap:7px}.mk-card .mk-cname{font-size:13.5px}.mk-card .mk-ctop{flex-direction:column;gap:6px}
  .mk-card .mk-oprice{text-align:left}.mk-card .mk-actions{flex-direction:column;gap:6px}.mk-card .mk-trend{display:none}
  .mk-fdone{display:block;width:100%;margin-top:4px}
  .mk-hero{padding:14px;gap:12px}.mk-hero h1{font-size:22px}.mk-hero p{font-size:13px}
  .mk-quota{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.mk-quota-dots{margin:0}
  .mk-rules{gap:6px}.mk-rule{font-size:11.5px;padding:5px 10px}
  .mk-yours{padding:10px 12px}.mk-y-types{display:none}.mk-y-big{font-size:22px}
  .mk-view button{padding:9px 10px}.mk-open{padding:10px}.mk-ohead h2{font-size:17px}
}
@media (max-width:360px){.mk-grid{grid-template-columns:1fr}}

/* filters folded by default on all screens; rules folded on phones */
.mk-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:9px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;flex:none}
.mk-filters{display:none}.mk-filters.open{display:grid}
.mk-toolbar .mk-input{border:1px solid var(--border)}
.mk-rulesbox{margin-bottom:14px}.mk-rulesbox summary{cursor:pointer;font-size:12.5px;color:var(--text-muted);list-style:none;padding:4px 0}
.mk-rulesbox summary::-webkit-details-marker{display:none}.mk-rulesbox[open] summary{margin-bottom:8px}.mk-rulesbox .mk-rules{margin-bottom:0}
@media (max-width:768px){.mk-hero p{display:none}.mk-lock{margin-top:6px}.mk-offers{padding:10px 12px;gap:6px}.mk-o-row{font-size:12.5px}}

/* v3 filters: always open, Type + Status primary, rest behind More filters (Oliver 2026-10-28) */
.mk-filters,.mk-filters.open{display:grid;position:sticky;top:0;left:auto;right:auto;bottom:auto;max-height:none;overflow:visible;z-index:21;border-radius:14px;
  padding:12px 14px;gap:10px;margin:0 0 16px;border:1px solid rgba(201,168,76,.45);background:linear-gradient(180deg,#262b40,#1f2333);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.mk-fhead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mk-ftitle{font-weight:800;font-size:15px}.mk-ftitle #mkActiveCount{color:var(--mk-gold)}
.mk-view{border-color:rgba(201,168,76,.45)}.mk-view button{padding:8px 14px;font-size:13.5px;color:var(--text)}
.mk-view button.on{background:linear-gradient(135deg,#d4b65c,#a8892e);color:#1a1d27}
.mk-chip{padding:7px 13px;font-size:13px;color:var(--text)}
.mk-more{display:none;gap:10px}.mk-more.open{display:grid}
.mk-morebtn{font-weight:700}
.mk-f-foot{gap:10px}
@media (max-width:768px){
  .mk-filters,.mk-filters.open{position:sticky;top:0;padding:10px 12px;gap:8px;max-height:70vh;overflow-y:auto}
  .mk-f-group label{font-size:10.5px}.mk-chip{padding:6px 10px;font-size:12.5px}
  .mk-view button{padding:7px 10px;font-size:12.5px}
}

/* Offer rules live with All inventory only (Oliver 2026-10-28) */
.mk-offerzone{margin:22px 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(108,140,255,.10),rgba(108,140,255,.02));border:1px solid rgba(108,140,255,.4)}
.mk-offerzone[hidden]{display:none}
.mk-oz-top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.mk-oz-text{flex:1;min-width:0}.mk-oz-sub{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.mk-oz-sub strong{color:var(--text)}
.mk-offer-lbl{font-size:11px;font-weight:800;letter-spacing:.08em;color:#9fb3ff}
.mk-offerzone .mk-quota{min-width:170px;padding:10px 14px}
.mk-offerzone .mk-rulesbox{margin:10px 0 0}.mk-offerzone .mk-offers{margin:10px 0 0}
@media (max-width:768px){.mk-oz-top{flex-direction:column;gap:10px}.mk-offerzone .mk-quota{width:100%;box-sizing:border-box}.mk-offerzone{padding:12px}}

.mk-offerzone{scroll-margin-top:12px}

@media (hover:none){[data-tip],.tip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}

.mk-tag.now{background:rgba(0,214,143,.15);color:#3ee8b0}.mk-tag.soon{background:rgba(201,168,76,.18);color:#f1d78a}
.mk-soon{font-size:11px;font-weight:800;letter-spacing:.08em;color:#e2c56b}

.mk-chip .n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:rgba(108,140,255,.25);color:#cdd8ff;font-size:11px;font-weight:800;opacity:1;box-sizing:border-box}
.mk-chip.on .n{background:#c9a84c;color:#1a1d27}

/* Mobile list: offer-status pills (Held / Offer sent / Yours) repeat the button state, so hide them (Oliver 2026-10-28) */
@media (max-width:768px){.mk-row .mk-rprice.st{display:none}.mk-row:has(.mk-rprice.st){grid-template-areas:"name name" "meta act"}}

.mk-tier2{display:none}.mk-tier2.open{display:flex}
@media (max-width:768px){.mk-tier2.open{display:flex}}

/* Modals: centred layout, boxes and text (Oliver 2026-10-28) */
#mkModalBody{text-align:center}
.mk-modal h3,.mk-modal .sub{text-align:center}
.mk-modal .mk-statgrid{display:flex;flex-wrap:wrap;justify-content:center}
.mk-modal .mk-stat{flex:1 1 0;min-width:120px;max-width:200px;text-align:center}
.mk-modal .mk-warn,.mk-modal .mk-result,.mk-modal .mk-note{text-align:center}
.mk-modal .mk-field{justify-items:center}.mk-modal .mk-field label{text-align:center}
.mk-modal .mk-field input,.mk-modal .mk-field textarea{text-align:center;width:100%}
.mk-modal .mk-tiers{justify-content:center}
.mk-modal .mk-check{justify-content:center;text-align:left}

/* Post-offer feedback (Oliver 2026-10-28) */
.mk-justused{margin:12px 0 10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(201,168,76,.6);background:rgba(201,168,76,.14);font-size:14px;line-height:1.5;text-align:center;opacity:0;transform:translateY(-8px);transition:opacity .45s ease,transform .45s ease}
.mk-justused.low{border-color:rgba(214,48,49,.55);background:rgba(214,48,49,.12)}
.mk-justused.in{opacity:1;transform:none}
@keyframes mkFlash{0%,100%{box-shadow:0 0 0 rgba(201,168,76,0);transform:scale(1)}30%{box-shadow:0 0 0 4px rgba(201,168,76,.55),0 0 28px rgba(201,168,76,.6);transform:scale(1.05)}60%{box-shadow:0 0 0 2px rgba(201,168,76,.35),0 0 16px rgba(201,168,76,.35);transform:scale(1)}}
.mk-quota.mk-flash{animation:mkFlash 1.1s ease 3}
@keyframes mkDotUsed{0%{background:var(--mk-gold);transform:scale(1);box-shadow:0 0 14px rgba(201,168,76,.9)}35%{transform:scale(1.8);box-shadow:0 0 22px rgba(201,168,76,1)}100%{background:transparent;transform:scale(1);box-shadow:none}}
.mk-quota-dots .dot.just{animation:mkDotUsed 1.3s ease .1s both}
@keyframes mkSlideIn{0%{opacity:0;transform:translateX(-24px);background:rgba(201,168,76,.28)}60%{opacity:1;transform:none;background:rgba(201,168,76,.2)}100%{background:transparent}}
.mk-o-row.mk-o-new{animation:mkSlideIn 1.6s ease .5s both;border-radius:8px}
@media (prefers-reduced-motion:reduce){.mk-quota.mk-flash,.mk-quota-dots .dot.just,.mk-o-row.mk-o-new{animation:none}.mk-justused{transition:none}}
/* Sticky filter sits below the sticky top bar (was top:0, hiding its top half behind the nav) */
.mk-filters,.mk-filters.open{top:var(--nav-h,64px)}
@media (max-width:768px){.mk-filters,.mk-filters.open{top:58px}}
/* Each open-market category (Available now / Coming soon / Live auctions) is its own box, spaced like the Offers box */
.mk-open{margin:0;padding:0;border:0;border-radius:0;background:none}
.mk-osec{margin:0 0 22px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(201,168,76,.09),rgba(201,168,76,.02));border:1px solid rgba(201,168,76,.4)}
.mk-osec .mk-grid:last-child{margin-bottom:0}
.mk-open + .mk-offerzone{margin-top:0}
@media (max-width:768px){.mk-open{padding:0}.mk-osec{padding:12px 14px;margin-bottom:16px}}
/* Solid page-colour ring round the sticky filter so rows scrolling underneath never show at its edges/corners */
.mk-filters,.mk-filters.open{box-shadow:0 0 0 8px var(--bg),0 8px 24px rgba(0,0,0,.35)}