/* Shared phone layout. Preserve visible labels and all primary actions. */
@media(max-width:700px){
  :root{--wxn-h:108px}
  html{scroll-padding-top:120px}
  body{overflow-wrap:break-word}
  .wxn .wxn-in{height:auto;min-height:108px;display:flex;flex-wrap:wrap;gap:0 12px;padding:4px 16px 0}
  .wxn .wxn-logo{height:52px;margin-right:auto}
  .wxn .wxn-logo img{width:154px;max-width:154px;height:auto}
  .wxn .wxn-links{order:10;width:100%;flex:0 0 100%;display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:0;overflow:visible}
  .wxn .wxn-links:has(> :nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
  .wxn .wxn-links:has(> :nth-child(5)) .wxn-link{white-space:normal;text-align:center;font-size:12px}
  .history-controls a{min-height:44px;display:inline-flex;align-items:center}
  .wxn .wxn-link{justify-content:center;min-height:48px;font-size:13px;white-space:nowrap}
  .wxn .wxn-me,.wxn .wxn-fh + .wxn-me{margin-left:0}
  .wxn .wxn-me summary{min-width:44px;min-height:44px;justify-content:center}
  .wxn .wxn-pop{max-width:calc(100vw - 32px);min-width:250px}
  .wrap,main.page{width:100%;min-width:0;padding-left:16px;padding-right:16px}
  input,select,textarea{font-size:16px!important;max-width:100%;min-height:44px}
  button,.ob-act,.obx,.open,.pager a,.ob-win a,.hsw a{min-height:44px;min-width:44px;touch-action:manipulation}
  a,button,input,select,summary{scroll-margin-top:120px}
  button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #2FB36B;outline-offset:3px}
  .cols{grid-template-columns:84px minmax(0,1fr)!important;grid-template-areas:"hero info" "market market"!important;gap:16px!important;align-items:start!important;padding-bottom:0}
  .cols>.hero{grid-area:hero;width:84px!important;height:84px!important}
  .cols>div:not(.hero):not(.mktcol){grid-area:info;min-width:0}
  .cols h1{font-size:22px!important;overflow-wrap:normal}
  .cols .refline{font-size:13px;overflow-wrap:anywhere}
  .cols .mktcol{grid-area:market;min-width:0;width:100%}
  .mktcol .market{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%}
  .mktcol .market .side{min-width:0;width:100%}
  .prow,.wlow{grid-template-columns:minmax(0,1fr)}
  .pbc{grid-template-columns:auto minmax(0,1fr);gap:8px}
  .pbc>span:nth-child(3n){grid-column:2}
  .mrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px 0}
  .mrow>*{min-width:0}.mrow .mw{grid-column:1/-1}
  .mrow .open{display:flex;align-items:center;justify-content:center;width:100%}
  .strip{padding:8px 0 18px;font-size:13px}
  .head h1{font-size:26px}
  .brands{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px}
  .brands a{white-space:nowrap;flex:none;min-height:44px;display:inline-flex;align-items:center}
  .ob-head,.ob-filters{flex-wrap:wrap;gap:8px}
  .ob-stats{flex-wrap:wrap;white-space:normal}
  .ob-filters a{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px}
  .bk2{grid-template-columns:minmax(0,1fr)}
  .bk2-asks,.bk2-bids{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table.bk2t{min-width:560px}
  .ob-bycond{display:block;overflow-x:auto;width:100%}
  .ob-hl{display:block}.ob-hl .r{text-align:left;margin-top:8px}
  .bd-head,.bd-sec{flex-wrap:wrap;gap:12px}
  .bd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bd-cards,.bgrid{grid-template-columns:minmax(0,1fr)}
  .bd-form label{min-width:0}.bd-form .fields{display:grid;grid-template-columns:1fr}
  .bd-tw,.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wx-trades table,.wx-trades tbody{display:block;width:100%}
  .wx-trades tr:first-child{display:none}
  .wx-trades tr[id]{display:grid;grid-template-columns:minmax(0,1fr);padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
  .wx-trades td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:6px 0;text-align:left;white-space:normal;border:0;overflow-wrap:anywhere}
  .wx-trades td:before{content:attr(data-label);font-weight:600;color:var(--muted)}
  .wx-trades td[data-label="Move"]{display:flex;flex-wrap:wrap}
  .wx-trades td[data-label="Move"]:before{width:100%}
  main.page section{padding:16px}main.page dl{grid-template-columns:86px minmax(0,1fr)}
  main.page dd{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.wxt-run{animation:none!important}}

/* design v2 phones (12 Oct 2026): dense lists, one line per item, the identifying
   column fixed on the left, swipe sideways for the rest. */
@media(max-width:700px){
  .cfeed-wrap,.tablewrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  table.cfeed,table.cfeed thead,table.cfeed tbody{display:block;width:max-content;min-width:100%}
  table.cfeed tr{display:flex;align-items:center;border:0;border-radius:0;padding:0;margin:0;border-bottom:1px solid var(--line)}
  table.cfeed th,table.cfeed td{display:block;padding:6px 6px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;border:0;font-size:13.5px;max-width:none!important}
  table.cfeed th{font-size:10px;letter-spacing:.05em}
  table.cfeed td:before{content:none!important}
  table.cfeed [data-label="Reference"]{position:sticky;left:0;z-index:2;background:var(--c-FFFFFF,#fff);text-align:left!important;box-shadow:1px 0 0 var(--line)}
  table.cfeed tbody tr:nth-child(even) [data-label="Reference"]{background:var(--c-F6F7F9,#F6F7F9)}
  table.cfeed td .fbuy{min-height:30px;padding:2px 10px}
  table.cfeed [data-label="Reference"]{order:1;flex:0 0 150px;width:150px}
  table.cfeed [data-label="F-ID"]{order:9;flex:0 0 80px;width:80px}
  table.cfeed [data-label="Copy"]{order:20;flex:0 0 40px;width:40px}
  table.cfeed [data-label="Net price"]{order:2;flex:0 0 92px;width:92px}
  table.cfeed [data-label="Your price"]{order:2;flex:0 0 92px;width:92px}
  table.cfeed [data-label="Comparison"]{order:4;flex:0 0 86px;width:86px}
  table.cfeed [data-label="Condition"]{order:5;flex:0 0 82px;width:82px}
  table.cfeed [data-label="Year"]{order:3;flex:0 0 48px;width:48px}
  table.cfeed [data-label="Location"]{order:6;flex:0 0 86px;width:86px}
  table.cfeed [data-label="Set"]{order:7;flex:0 0 84px;width:84px}
  table.cfeed [data-label="Captured"]{order:8;flex:0 0 92px;width:92px}
  table.cfeed [data-label="Bid"]{order:9;flex:0 0 80px;width:80px}
  table.cfeed [data-label="Brand"]{order:10;flex:0 0 96px;width:96px}
  table.cfeed [data-label="Model"]{order:11;flex:0 0 150px;width:150px}
  table.cfeed [data-label="Native price"]{order:12;flex:0 0 104px;width:104px}
  table.cfeed [data-label="Seller"]{order:13;flex:0 0 130px;width:130px}
  table.cfeed [data-label="Message"]{order:14;flex:0 0 220px;width:220px}
  table.cfeed [data-label="Action"]{order:15;flex:0 0 96px;width:96px}
}
@media(max-width:700px){
  .bk2-asks .bk2-scroll{overflow-x:auto!important;max-height:none!important}
  .bk2-asks table.bk2t,.bk2-asks table.bk2t tbody{display:block;width:max-content;min-width:100%}
  .bk2-asks table.bk2t tr.kl,.bk2-asks table.bk2t tr.lv{display:flex;align-items:center;padding:0;gap:0;border-bottom:1px solid var(--line)}
  .bk2-asks table.bk2t tr.kl td,.bk2-asks table.bk2t tr.lv td{display:block;padding:6px 6px;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;font-size:12.5px}
  .bk2-asks table.bk2t tr.kl td{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
  .bk2-asks table.bk2t tr.lv td:before{content:none!important}
  .bk2-asks table.bk2t [data-label="Ask"]{position:sticky;left:0;z-index:2;background:var(--c-FFFFFF,#fff);font-weight:800;box-shadow:1px 0 0 var(--line)}
  .bk2-asks table.bk2t .ob-act{min-height:30px;width:auto;font-size:12px;padding:2px 10px}
  .bk2-asks table.bk2t tr.dt:not([hidden]){display:block}
  .bk2-asks table.bk2t [data-label="Ask"]{order:1;flex:0 0 96px;width:96px}
  .bk2-asks table.bk2t [data-label="vs market"]{order:3;flex:0 0 74px;width:74px}
  .bk2-asks table.bk2t [data-label="Condition"]{order:4;flex:0 0 82px;width:82px}
  .bk2-asks table.bk2t [data-label="Year"]{order:2;flex:0 0 48px;width:48px}
  .bk2-asks table.bk2t [data-label="Country"]{order:5;flex:0 0 86px;width:86px}
  .bk2-asks table.bk2t [data-label="Age"]{order:6;flex:0 0 96px;width:96px}
  .bk2-asks table.bk2t [data-label="Action"]{order:7;flex:0 0 74px;width:74px}
  .bk2-asks table.bk2t [data-label="Details"]{order:8;flex:0 0 36px;width:36px}
}
@media(max-width:700px){
  .mrow{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 10px!important;padding:10px 0!important}
  .mrow .mw{grid-column:1!important}
  .mrow .mw .ph{width:40px;height:40px}
  .mrow .mw .s,.mrow .mcx,.mrow .strip,.mrow>div:has(>a.open){display:none!important}
  .mrow .mc{grid-column:1/-1;order:5}
  .mrow .v2vol{margin:0}
  .mrow{padding:8px 10px!important}
  .mrow .ma{grid-column:2;grid-row:1;text-align:right}
  .mrow .mt{grid-column:1;align-items:flex-start!important}
  .mrow .mb{grid-column:2;text-align:right}
  .mrow .v2rng{width:130px}
}
@media(max-width:700px){
  .bk2-bids .bk2-scroll{overflow:visible!important;max-height:none!important}
  .bk2-bids table.bk2t,.bk2-bids table.bk2t tbody{display:block;min-width:0;width:100%}
  .bk2-bids table.bk2t tr.kl{display:none}
  .bk2-bids table.bk2t tr.lv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px;border-bottom:1px solid var(--line)}
  .bk2-bids table.bk2t tr.lv td{display:block;text-align:left!important;white-space:normal;padding:0;border:0;min-width:0;width:auto;overflow-wrap:anywhere}
  .bk2-bids table.bk2t tr.lv td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:500;color:var(--muted)}
  .bk2-bids table.bk2t tr.lv td.px{grid-column:1/-1;font-size:20px}
  .bk2-bids table.bk2t tr.lv td[data-label="Action"]:before,.bk2-bids table.bk2t tr.lv td[data-label="Details"]:before{display:none}
  .bk2-bids table.bk2t .ob-act,.bk2-bids table.bk2t .obx{width:100%;min-height:44px;font-size:13px}
  .bk2-bids table.bk2t tr.dt:not([hidden]),.bk2-bids table.bk2t tr.dt:not([hidden])>td{display:block;width:100%;max-width:100%}
  .bk2-bids table.bk2t .dw{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
}