.auct5-wrap { display:grid; gap:10px; margin:6px 0 0; padding:10px; background:#F9F9FA; border-radius:10px; color:#1c1c28; text-align:left; line-height:1.42; }
.auct5-strip::before { content:''; display:block; height:4px; background:linear-gradient(to right,#2FC997,#0B7A58); }
.auct5-title { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 14px; }
.auct5-itembox { flex:0 0 80px; width:80px; height:80px; text-align:center; background:#fff; border:1px solid #E8E8E8; border-radius:12px; }
.auct5-titletext { flex:1 1 160px; min-width:0; }
.auct5-titletext h1 { margin:0; }
.auct5-actions { display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; }
.auct5-bid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 330px); gap:14px; padding:12px 14px 14px; }
.auct5-price { margin:2px 0 4px; }
.auct5-clock { display:flex; gap:6px; margin:10px 0 12px; }
.auct5-clock span { display:flex; flex-direction:column; align-items:center; min-width:58px; padding:6px 4px; border-radius:10px; background:#f0f2f5; font-variant-numeric:tabular-nums; }
.auct5-clock i { font-style:normal; color:#65676b; }
.auct5-facts { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; }
.auct5-facts > div { padding:6px 8px; border:1px solid #E8E8E8; border-radius:10px; }
.auct5-note { margin-top:8px; }
.auct5-box { display:grid; gap:8px; align-content:start; padding:10px 12px 12px; border-radius:12px; background:#f0f2f5; }
.auct5-box .auct5-helper { margin:0; }
.auct5-status:empty { display:none; }
.auct5-cooldown { display:grid; gap:8px; padding:12px; border:1px solid #edc8a1; border-radius:10px; background:#fff3e3; color:#6a4017; }
.auct5-pending { border:1px solid #d4e0eb; background:#f0f6fb; color:#33546f; }
.auct5-field { display:flex; align-items:center; gap:6px; }
.auct5-field input { flex:1 1 auto; min-width:0; height:34px; padding:4px 10px; border:1px solid #c6ced4; border-radius:9px; background:#fff; box-sizing:border-box; font-variant-numeric:tabular-nums; }
.auct5-btns { display:flex; gap:6px; flex-wrap:wrap; }
.auct5-typed { min-height:1.3em; }
.auct5-switch { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:8px; border-top:1px solid #E8E8E8; }
.auct5-pills { display:inline-flex; padding:2px; border:1px solid #e0e7f1; border-radius:11px; background:#eef3fa; }
.auct5-pills label { position:relative; display:inline-flex; align-items:center; margin:0; padding:5px 12px; border-radius:9px; color:#5a6b86; font-weight:700; cursor:pointer; }
.auct5-pills input { position:absolute; opacity:0; width:1px; height:1px; }
.auct5-pills label:has(input:checked) { background:#fff; color:#2f7ad6; box-shadow:0 1px 3px rgba(40,60,90,.16); }
.auct5-pills label:has(input:focus-visible) { outline:3px solid #82afe0; outline-offset:1px; }
.auct5-row { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:10px; align-items:start; }
.auct5-row > div:empty { display:none; }
.auct5-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 14px; border-bottom:1px solid #E8E8E8; background:#F9F9FA; }
.auct5-head h3 { margin:0; }
.auct5-ic { flex:0 0 44px; width:44px; height:44px; }
.auct5-ic img { display:block; width:44px; height:44px; }
.auct5-grow { flex:1 1 auto; min-width:0; }
.auct5-body { padding:10px 14px 12px; }
.auct5-bidrow { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:10px; padding:6px 0; border-top:1px solid #f0f2f5; }
.auct5-bidrow:first-child { border-top:0; }
.auct5-top { display:inline-block; margin-left:6px; padding:1px 8px; border-radius:999px; background:#E4F4EA; color:#27A05D; font-weight:800; }
.auct5-tiles { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; margin:0 0 12px; }
.auct5-tile { padding:8px 6px; border:1px solid #E8E8E8; border-radius:14px; background:#F9F9FA; text-align:center; }
.auct5-read { margin:0 0 8px; }
.auct5-chart { display:flex; gap:6px; }
.auct5-scale { position:relative; flex:0 0 34px; height:120px; }
.auct5-scale span { position:absolute; right:0; transform:translateY(50%); line-height:1; white-space:nowrap; }
.auct5-bars { position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:flex-end; gap:3px; height:120px; }
.auct5-bars b { position:absolute; left:0; right:0; height:1px; background:#eef0f4; }
.auct5-bars i { position:relative; flex:1 1 0; min-height:2px; border-radius:3px 3px 0 0; background:linear-gradient(0deg,#2FC997,#0B7A58); cursor:pointer; }
.auct5-bars i.auct5-zero { background:#e2e6ee; cursor:default; }
.auct5-bars i.auct5-sel { box-shadow:0 0 0 2px #1f2937; }
.auct5-axis { position:relative; height:16px; margin:4px 0 0 40px; }
.auct5-axis span { position:absolute; top:0; white-space:nowrap; transform:translateX(-50%); }
.auct5-axis span.auct5-start { transform:none; }
.auct5-axis span.auct5-end { transform:translateX(-100%); }
.auct5-sales { list-style:none; margin:10px 0 0; padding:0; }
.auct5-sales li { display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-top:1px solid #f0f2f5; font-variant-numeric:tabular-nums; }
.auct5-more { margin-top:8px; text-align:center; }
.auct5-sellgrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px 14px; padding:12px 14px; }
.auct5-sellgrid:has(#auct5-type option[value='0']:checked) .auct5-rankwrap { display:none; }
.auct5-helper { display:grid; gap:4px; margin:12px 14px 0; padding:10px 12px; border:1px solid #cfe9db; border-radius:12px; background:#f0f7f3; }
.auct5-helperlock { min-height:104px; display:grid; align-content:start; gap:4px; }
.auct5-lockbody { position:relative; }
.auct5-lockbody > .auct5-lockover { align-items:flex-end; padding:4px 4px 44px; }
.auct5-helperlock > .auct5-lockover { align-items:center; padding:4px; }
.auct5-frost { filter:blur(5px); opacity:.6; }
.auct5-tiles .auct5-frost { filter:blur(4px); }
.auct5-free { position:relative; z-index:2; }
.auct5-promo { display:grid; grid-template-columns:48px minmax(0, 1fr); align-items:center; gap:10px; max-width:400px; padding:10px 12px; border:1px solid #E8E8E8; border-radius:14px; background:#fff; box-shadow:0 6px 22px rgba(40,60,80,.18); }
.auct5-promotext { display:grid; justify-items:start; gap:6px; min-width:0; }
.auct5-field select { flex:1 1 auto; min-width:0; height:34px; padding:4px 8px; border:1px solid #c6ced4; border-radius:9px; background:#fff; }
.auct5-sellfoot { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:0 14px 14px; }
.auct5-tiles4 { grid-template-columns:repeat(4, minmax(0, 1fr)); margin:0; }
.auct5-tiles3 { grid-template-columns:repeat(3, minmax(0, 1fr)); margin:10px 0 0; }
.auct5-wrap > .auct5-tiles .auct5-tile { background:#fff; box-shadow:0 1px 3px rgba(40,60,80,.08); }
.auct5-itemtiles { padding:0 14px 10px; }
.auct5-tilelink, .auct5-tilelink:link, .auct5-tilelink:visited { display:block; color:inherit; text-decoration:none; }
.auct5-tilelink:hover { border-color:#91a2b1; }
.auct5-tilelink.auct5-on { border-color:#82afe0; background:#fff; box-shadow:0 1px 3px rgba(40,60,90,.16); }
.auct5-chip { display:inline-block; margin-top:3px; padding:1px 8px; border-radius:999px; font-weight:800; background:#e9f8f1; border:1px solid #bfe4c9; }
.auct5-chip.offline { background:#fdebea; border-color:#e2b7b4; }
.auct5-list { list-style:none; margin:0; padding:0 14px; }
.auct5-list li { display:flex; align-items:center; gap:12px; min-height:96px; padding:7px 0; border-top:1px solid #f0f2f5; }
.auct5-list li:first-child { border-top:0; }
.auct5-list li.auct5-empty { display:block; min-height:0; padding:14px 0; text-align:center; }
.auct5-list .mp-dollframe-pip { margin-right:4px; }
.auct5-icon { flex:0 0 80px; width:80px; height:80px; text-align:center; }
.auct5-right { flex:0 0 auto; text-align:right; }
.auct5-list + .auct5-more { padding:0 14px 12px; }
.auct5-heatwrap { display:grid; grid-template-columns:28px repeat(53, minmax(0, 1fr)); column-gap:2px; }
.auct5-heatwrap span { white-space:nowrap; }
.auct5-heat { touch-action:pan-y; display:grid; grid-template-columns:28px repeat(53, minmax(0, 1fr)); grid-template-rows:repeat(7, auto); grid-auto-flow:column; gap:2px; }
.auct5-heat b { padding-right:4px; line-height:1; }
.auct5-heat i { display:block; aspect-ratio:1; border-radius:2px; background:#e8ebf0; cursor:pointer; }
.auct5-heat i.auct5-out { background:transparent; cursor:default; }
.auct5-heat i.auct5-sel { box-shadow:0 0 0 2px #1f2937; }
.auct5-bars { touch-action:pan-y; }
.auct5-key { text-align:right; margin-top:6px; }
.auct5-key i { display:inline-block; width:9px; height:9px; margin-left:6px; border-radius:2px; background:#e8ebf0; vertical-align:middle; }
.auct5-heat i.auct5-l1, .auct5-key i.auct5-l1 { background:#D5F4EA; }
.auct5-heat i.auct5-l2, .auct5-key i.auct5-l2 { background:#97E4CB; }
.auct5-heat i.auct5-l3, .auct5-key i.auct5-l3 { background:#2FC997; }
.auct5-heat i.auct5-l4, .auct5-key i.auct5-l4 { background:#0B7A58; }
.auct5-bars:focus-visible, .auct5-heat:focus-visible { outline:3px solid #82afe0; outline-offset:2px; }
@media (max-width:600px) { .auct5-heatwrap, .auct5-heat { grid-template-columns:0 repeat(53, minmax(0, 1fr)); } .auct5-heatwrap { column-gap:1px; } .auct5-heat { gap:1px; } .auct5-heat b { height:0; padding:0; overflow:hidden; } .auct5-bars[data-read='auct5-read1'] { gap:1px; } }
.auct5-head > .auct5-pills { margin-left:auto; flex-wrap:wrap; }
.auct5-more .auct5-pills { flex-wrap:wrap; justify-content:center; }
.auct5-pills a { display:inline-flex; align-items:center; padding:5px 12px; border-radius:9px; color:#5a6b86; font-weight:700; text-decoration:none; }
.auct5-pills a.auct5-on { background:#fff; color:#2f7ad6; box-shadow:0 1px 3px rgba(40,60,90,.16); }
.auct5-count { margin-left:5px; font-weight:400; }
.auct5-dot { display:inline-block; flex:0 0 9px; width:9px; height:9px; margin-right:5px; border-radius:50%; vertical-align:middle; }
.auct5-dot-win { background:#2FC997; }
.auct5-dot-out { background:#e0675e; }
.auct5-find { display:flex; gap:6px; margin:0 0 0 auto; }
.auct5-find input { width:150px; min-width:0; height:34px; padding:4px 10px; border:1px solid #c6ced4; border-radius:9px; background:#fff; box-sizing:border-box; }
.auct5-busy { opacity:.55; pointer-events:none; }
.auct5-head > .auct5-grow { flex:1 1 160px; }
.auct5-wrap > .auct5-row:empty { display:none; }
.auct5-front { margin-top:10px; }
.auct5-front > * { min-width:0; }
.auct5-hero { flex:0 0 56px; width:56px; height:56px; }
.auct5-hero img { display:block; width:56px; height:56px; }
.auct5-search { display:grid; grid-template-columns:minmax(0, 1fr) auto auto; grid-template-areas:'q opts go'; align-items:center; gap:8px; padding:0 14px 12px; }
.auct5-search input[type=text] { grid-area:q; width:100%; min-width:0; height:34px; padding:4px 10px; border:1px solid #c6ced4; border-radius:9px; background:#fff; box-sizing:border-box; }
.auct5-searchopts { grid-area:opts; display:flex; flex-wrap:wrap; gap:8px; }
.auct5-search .gal-btn { grid-area:go; }
.auct5-sorts { margin:0 0 6px; text-align:center; }
.auct5-sorts .auct5-pills { flex-wrap:wrap; justify-content:center; margin:2px 3px; }
.auct5-toolbar { margin:0 0 8px; padding:10px 12px; }
.auct5-fchips { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.auct5-fchip, .auct5-fchip:link, .auct5-fchip:visited { display:inline-flex; align-items:center; gap:4px; padding:6px 11px; border:1px solid #e6e6e8; border-radius:999px; background:#fff; color:#5a6b86; font-weight:700; text-decoration:none; white-space:nowrap; }
.auct5-fchip:hover { border-color:#BFD5EC; }
.auct5-fchip.auct5-on { background:#E4EEF8; border-color:#BFD5EC; color:#255C95; }
.auct5-fchip .auct5-count { margin-left:2px; }
.auct5-tabcard .auct5-card { border:0; border-radius:0; box-shadow:none; }
.auct5-hub > .mk5-findbar:last-child { margin-bottom:0; }
.auct5-card > .auct5-itemtiles:first-child { padding-top:12px; }
.auct5-tabcard .auct5-tiles, .auct5-tabcard .auct5-statsmore > .auct5-card, .auct5-tabcard .auct5-tiles + .auct5-card { border-top:1px solid #E8E8E8; }
.auct5-tabcard .auct5-tiles { margin:0; padding:12px 14px; }
.auct5-cardchips { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:12px 14px 0; }
.auct5-panehead { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 14px 0; }
.auct5-statsmore { display:grid; gap:10px; }
.auct5-tabcard .auct5-statsmore { gap:0; }
.auct5-showall { display:flex; justify-content:center; padding:6px 0 12px; }
.auct5-few > .auct5-more, .auct5-few > .auct5-statsmore, .auct5-few .flex-table14 > .auct5-lot:nth-child(n+4) { display:none; }
@media (max-width:600px) { .auct5-phonefew.auct5-few .flex-table14 > .auct5-lot:nth-child(n+4) { display:grid; } .auct5-phonefew.auct5-few .flex-table14 > .auct5-lot:nth-child(n+4 of .auct5-lot), .auct5-phonefew.auct5-few .flex-table14 > .auct5-lot:nth-child(4 of .auct5-lot) ~ * { display:none; } .auct5-phonefew:not(:has(.flex-table14 > .auct5-lot:nth-child(4 of .auct5-lot))) > .auct5-showall { display:none; } }
@media (min-width:601px) { .auct5-phonefew .flex-table14 > .auct5-lot:nth-child(n+4) { display:grid; } .auct5-phonefew > .auct5-showall { display:none; } }
@media (max-width:600px) { .auct5-panehead .auct5-find { width:100%; margin-left:0; } .auct5-panehead .auct5-find input { flex:1 1 auto; width:auto; } }
.auct5-fend { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-left:auto; }
.auct5-sortsel { display:inline-flex; align-items:center; gap:6px; color:#7c8288; font-weight:800; }
.auct5-sortsel .gal-sel { padding:6px 10px; }
.auct5-tickbox { position:relative; display:inline-block; flex:0 0 14px; width:14px; height:14px; margin-right:3px; box-sizing:border-box; border:1.5px solid #9aa6b2; border-radius:4px; background:#fff; }
.auct5-on .auct5-tickbox { background:#2F6FB0; border-color:#2F6FB0; }
.auct5-on .auct5-tickbox::after { content:''; position:absolute; left:3.5px; top:0.5px; width:3px; height:7px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.auct5-pbar { display:none; position:sticky; top:0; z-index:5; grid-template-columns:auto minmax(0, 1fr) minmax(0, 1fr); margin:0 0 8px; background:#fff; border:1px solid #E8E8E8; border-radius:14px; box-shadow:0 4px 12px rgba(40,60,80,.12); overflow:hidden; }
.auct5-pbar a, .auct5-pbar a:link, .auct5-pbar a:visited { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:46px; padding:0 9px; border-left:1px solid #E8E8E8; color:#255C95; font-weight:700; text-decoration:none; white-space:nowrap; }
.auct5-pbar a:first-child { border-left:0; }
.auct5-pbar a span { overflow:hidden; text-overflow:ellipsis; }
.auct5-pbar img { display:block; width:18px; height:18px; }
.auct5-pbar .auct5-chev { flex:0 0 6px; }
.auct5-wlist { margin:-16px -18px 0; }
.auct5-wrow, .auct5-wrow:link, .auct5-wrow:visited { display:flex; align-items:center; gap:8px; min-height:50px; padding:0 18px; border-bottom:1px solid #edf0f2; color:#1c1c28; font-weight:700; text-decoration:none; }
.auct5-wrow.auct5-on { background:#E4EEF8; color:#255C95; }
.auct5-wrow.auct5-on::after { content:''; width:5px; height:10px; margin-left:auto; border:solid #255C95; border-width:0 2px 2px 0; transform:rotate(45deg); }
.auct5-wswitch { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 0 0; font-weight:700; }
.mara-modal .auct5-search { padding:0; }
.auct5-pbar4 { grid-template-columns:auto minmax(0, .75fr) minmax(0, .75fr) minmax(0, 1.2fr); }
.auct5-pbar4 a:first-child span { display:none; }
.auct5-pbar .auct5-count { flex:0 0 auto; margin-left:0; }
.auct5-filteron { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 8px; }
.auct5-filteron .auct5-fchip { max-width:100%; box-sizing:border-box; }
.auct5-filteron .auct5-cut { min-width:0; }
.auct5-wfield { display:block; margin:0 0 12px; font-weight:700; }
.auct5-wfield .gal-sel { display:block; width:100%; max-width:100%; height:auto; box-sizing:border-box; margin:4px 0 0; }
.auct5-wfilter .gal-btn { display:flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; }
.auct5-wfilter .gal-btn + .gal-btn { margin-top:8px; }
@media (max-width:600px) { .auct5-home .mk5-findbar, .auct5-home .auct5-toolbar { display:none; } .auct5-pbar { display:grid; } }
.auct5-front .friendsbackground { background:transparent; }
@media (max-width:700px) { .auct5-bid { grid-template-columns:minmax(0, 1fr); } .auct5-actions { margin-left:0; } .auct5-sellgrid > div:has(#auct5-length), .auct5-sellgrid > div:has(#auct5-relist), .auct5-sellgrid > div:has(#auct5-copies), .auct5-sellgrid > div:has(#auct5-type), .auct5-sellgrid > .auct5-rankwrap, .auct5-sellgrid > div:has(#auct5-alerts-on) { grid-column:span 2; } }
@media (max-width:600px) { .auct5-tiles4, .auct5-tiles3 { grid-template-columns:repeat(2, minmax(0, 1fr)); } .auct5-tiles3 .auct5-tile:last-child { grid-column:span 2; } .auct5-head > .auct5-pills { margin-left:0; } .auct5-head > .auct5-pills a, .auct5-more .auct5-pills a { padding:5px 8px; } .auct5-find { width:100%; margin-left:0; } .auct5-find input { flex:1 1 auto; width:auto; } }
@media (max-width:600px) { .auct5-search { grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:'q go' 'opts opts'; } .auct5-searchopts { justify-content:space-between; } .auct5-search .auct5-pills label { padding:5px 8px; } .auct5-sorts .auct5-pills { display:flex; width:100%; box-sizing:border-box; margin:0 0 6px; } .auct5-sorts .auct5-pills a { flex:1 1 0; min-width:0; justify-content:center; text-align:center; padding:6px 4px; line-height:1.2; } .auct5-front .auct5-listbody { padding:6px 0 8px; } }
@media (max-width:420px) { .auct5-clock span { min-width:0; flex:1 1 0; } }
.auct5-hub { position:relative; }
.auct5-findbtn { display:none; }
.auct5-lothead { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px 0; }
.auct5-lotitem { display:flex; flex:1 1 100%; align-items:center; gap:8px; min-width:0; }
.auct5-lotitem .itempic { --pic:44px; }
.auct5-lotwho { flex:1 1 200px; min-width:0; }
.auct5-lotwho .mp-dollframe-pip, .auct5-topwho .mp-dollframe-pip { position:relative; display:inline-block; vertical-align:middle; margin:0 3px 0 2px; }
.auct5-lotbtns { display:flex; flex-wrap:wrap; gap:6px; margin-left:auto; }
.auct5-topline { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; }
.auct5-bigprice { line-height:1.2; }
.auct5-topwho { display:flex; align-items:center; gap:8px; min-width:0; }
.auct5-topwho > div { display:grid; min-width:0; }
.auct5-topwho b.more { display:inline-block; max-width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
.auct5-factline { margin-top:6px; }
.auct5-bidline { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:8px; }
.auct5-bidline .gal-btn { height:auto; min-height:44px; white-space:nowrap; }
.auct5-maxwrap summary, .auct5-allbids summary { display:flex; align-items:center; min-height:36px; color:#255C95; font-weight:700; cursor:pointer; }
.auct5-allbids summary { justify-content:center; }
.auct5-maxwrap[open] summary { margin-bottom:6px; }
@media (max-width:600px) { .auct5-wrap .mk5-findbar { display:none; } .auct5-findbtn { position:absolute; top:10px; right:10px; z-index:2; display:flex; align-items:center; justify-content:center; width:44px; height:44px; box-sizing:border-box; border:1px solid #E8E8E8; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(40,60,80,.12); } .auct5-findbtn img { width:20px; height:20px; } .auct5-hub .mk5-pagecopy { padding-right:48px; } .auct5-home .auct5-findbtn { display:none; } .auct5-clock { margin:8px 0 4px; gap:4px; } .auct5-clock span { flex:1 1 0; min-width:0; padding:3px 2px; } .auct5-bid { padding:8px 12px 12px; gap:10px; } .auct5-sellgrid { gap:10px; padding:12px; } }
.auct5-locked { position:relative; }
.auct5-locked > :not(.auct5-lockover) { opacity:.35; }
.auct5-lockover { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:4px; z-index:1; }
.auct5-lockover .gal-btn img { width:24px; height:24px; }
.auct5-lockover .gal-btn, .auct5-lockover .gal-btn:link, .auct5-lockover .gal-btn:visited { max-width:100%; height:auto; min-height:30px; white-space:normal; text-align:center; }