main:has(> .mx-list){box-sizing:content-box}
.mx-list{
  --surface:#FFFFFF;--surface-2:#F3F6F2;--line:#DDE4DC;--line-soft:#E7EDE5;
  --ink:#14241D;--ink-2:#33433B;--ink-3:#5B6370;--ink-4:#3D4450;
  --brand:#0B6E4F;--brand-tint:#E3F1EA;--link-hover:#0A5A41;
  --shadow-sm:0 1px 2px rgba(16,44,32,.04);
  --shadow:0 1px 2px rgba(16,44,32,.04),0 8px 24px -10px rgba(16,44,32,.10);
  --e-in:cubic-bezier(.2,0,0,1);
  font-family:'Noto Sans SC','PingFang SC',system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:16px
}
.mx-list .ph{width:1em;height:1em;fill:currentColor;flex:0 0 auto}
.mx-list a{color:var(--brand)}
.mx-list a:hover{color:var(--link-hover)}
.mx-list :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mx-list h2{font-size:18px;font-weight:700;color:var(--ink);margin:8px 0 0;text-wrap:balance}
.mx-list > p,.mx-list > details,.mx-list > ul{margin:0;max-width:880px;color:var(--ink-4)}

/* 面包屑、标题 */
.mx-list .crumb{display:flex;gap:6px;flex-wrap:wrap;margin:0;font-size:13px;color:var(--ink-3)}
.mx-list .crumb a{color:var(--ink-4);text-decoration:underline}
.mx-list .mx-head{display:flex;flex-direction:column;gap:6px}
.mx-list .mx-head h1{margin:0;font-size:28px;line-height:1.3;font-weight:700;color:var(--ink)}
.mx-list .mx-count{font-size:18px;font-weight:400;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* 品类卡片（全部库存） */
.mx-list .cats2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}
.mx-list .cat2{min-width:0;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform 180ms var(--e-in),box-shadow 180ms var(--e-in),border-color 120ms var(--e-in)}
.mx-list .cat2:hover{color:var(--ink);border-color:var(--brand);transform:translateY(-2px);box-shadow:0 1px 2px rgba(16,44,32,.06),0 14px 28px -10px rgba(16,44,32,.22)}
.mx-list .cat2ico{width:40px;height:40px;flex:0 0 auto;border-radius:10px;background:var(--brand-tint);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:24px}
.mx-list .cat2tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.mx-list .cat2tx b{font-size:15px;font-weight:700;overflow-wrap:break-word}
.mx-list .cat2tx em{font-style:normal;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0}
.mx-list .cat2ar{font-size:16px;color:#6B7870;transition:color 120ms var(--e-in),transform 180ms var(--e-in)}
.mx-list .cat2:hover .cat2ar{color:var(--brand);transform:translateX(2px)}

/* 子品类标签 */
.mx-list .genbar{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.mx-list .genbar a{margin:0;display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:13px;text-decoration:none;font-variant-numeric:tabular-nums;transition:color 120ms var(--e-in),border-color 120ms var(--e-in)}
.mx-list .genbar a:hover{border-color:var(--brand);color:var(--brand)}
.mx-list .genbar a.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}

/* 筛选栏 */
.mx-list .mx-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}
.mx-list .mx-filter label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;white-space:nowrap;color:var(--ink)}
.mx-list .mx-filter select{height:40px;min-width:96px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:400;cursor:pointer}
.mx-list .mx-filter select:hover{border-color:#A9B9AE}
.mx-list .mx-spacer{flex:1 1 auto}
.mx-list .mx-search{position:relative;display:flex;align-items:center}
.mx-list .mx-search .ph{position:absolute;inset-inline-start:12px;font-size:16px;color:#6B7870;pointer-events:none}
.mx-list .mx-search input{width:200px;height:40px;box-sizing:border-box;padding-block:0;padding-inline:36px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:13px}
.mx-list .mx-search input:focus{background:var(--surface);border-color:var(--brand);outline:none}
/* 覆盖全站 input:not(...) 的高优先级内边距，为搜索图标留出空间。 */
.mx-list .mx-search input{padding-inline:36px 12px!important}

/* 已选条件：没有筛选条件时收起整行 */
.mx-list .mx-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:32px}
.mx-list .mx-chiprow:has(.mx-chips:empty){display:none}
.mx-list .mx-chips{display:contents}
.mx-list .mx-chip{height:30px;padding:0 8px 0 10px;border:1px solid var(--brand);border-radius:999px;background:var(--brand-tint);color:var(--brand);font:inherit;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.mx-list .mx-chip .ph{font-size:12px}
.mx-list .mx-clear{height:30px;padding:0 6px;border:0;background:transparent;color:var(--brand);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.mx-list .mx-basis{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:13px}
.mx-list .mx-basis .ph{color:var(--brand);font-size:15px}

/* 表格 */
.mx-list .mx-tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow-x:auto}
.mx-list .mx-table{width:100%;min-width:1000px;border-collapse:collapse;margin:0}
.mx-list .mx-table th,.mx-list .mx-table td{border:0}
.mx-list .mx-table th{background:var(--surface-2);color:var(--ink-4);font-size:12px;font-weight:500;text-align:start;padding:10px 16px;border-bottom:1px solid var(--line)}
.mx-list .mx-table td{padding:12px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.mx-list .mx-table tbody tr:last-child td{border-bottom:0}
.mx-list .mx-table tbody tr{transition:background-color 120ms var(--e-in)}
.mx-list .mx-table tbody tr:hover{background:#F5FAF7}
.mx-list .mx-table .num{text-align:end;font-variant-numeric:tabular-nums}
.mx-list .mx-table th:nth-child(2){width:160px}
.mx-list .mx-table th:nth-child(3){width:200px}
.mx-list .mx-table th:nth-child(4){width:150px}
.mx-list .mx-item{min-width:0}
.mx-list .mx-name{display:block;color:var(--ink);font-weight:600;line-height:1.4;text-decoration:none}
.mx-list .mx-name:hover{color:var(--brand);text-decoration:underline}
.mx-list .mx-sku{display:flex;align-items:center;gap:4px;margin-top:2px}
.mx-list .mx-sku code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink-3);overflow-wrap:anywhere;background:none;padding:0}
.mx-list .mx-copy{flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color 120ms var(--e-in),color 120ms var(--e-in)}
.mx-list .mx-copy:hover{background:#EEF3EF;color:var(--brand)}
.mx-list .mx-copy.done{color:var(--brand)}
.mx-list .mx-var{font-size:12px;color:var(--ink-3)}
.mx-list .mx-tags{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:6px 0 0;padding:0}
.mx-list .mx-tags li{padding:1px 8px;border-radius:999px;background:#F1F4F0;border:1px solid #E3E9E1;font-size:12px;line-height:1.5;color:var(--ink-2);white-space:nowrap;margin:0}
.mx-list .mx-tags li.mx-cond{border-color:transparent;color:#fff;font-weight:700;background:#5F6B64}
.mx-list .mx-row[data-c="new"] .mx-cond{background:#0B6E4F}
.mx-list .mx-row[data-c="refurb"] .mx-cond{background:#6B4FA0}
.mx-list .mx-row[data-c="used_tested"] .mx-cond{background:#2F5D8A}
.mx-list .mx-row[data-c="used_untested"] .mx-cond{background:#3F6E73}
.mx-list .mx-row[data-c="used"] .mx-cond{background:#9A5B0B}
.mx-list .mx-stock{color:var(--ink)}
.mx-list .mx-spot{color:var(--ink-4);font-size:13px}
.mx-list .mx-price .mx-p{display:block;font-weight:700;color:var(--ink)}
.mx-list .mx-price.quote .mx-p{font-weight:400;color:var(--ink-4)}
.mx-list .mx-price .ask-price{color:var(--ink-4);text-decoration:none}
.mx-list .mx-price .mx-price-inquiry{color:var(--brand);text-decoration:underline;margin-inline-end:8px;white-space:nowrap}
.mx-list .mx-price .ask-price:hover{color:var(--brand);text-decoration:underline}
.mx-list .mx-price small{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}
.mx-list .mx-act{text-align:end}
.mx-list .mx-act .basket-add{display:inline-flex;margin:0}
.mx-list .mx-act .basket-add input[type=number]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.mx-list .mx-act .btn,.mx-list .mx-rowbtn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:1px solid var(--brand);border-radius:6px;background:var(--surface);color:var(--brand);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color 120ms var(--e-in)}
.mx-list .mx-act .btn:hover,.mx-list .mx-rowbtn:hover{background:var(--brand-tint);color:var(--brand)}
.mx-list .mx-act .btn:active,.mx-list .mx-rowbtn:active{background:#D3E9DE}
.mx-list .mx-act .hint{margin:0;font-size:12px}
.mx-list .mx-row[hidden]{display:none}

/* 空状态 */
.mx-list .mx-empty{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mx-list .mx-empty[hidden]{display:none}
.mx-list .mx-empty h2{margin:0}
.mx-list .mx-empty p{margin:0;max-width:480px;color:var(--ink-4)}
.mx-list .mx-empty div{display:flex;gap:8px;margin-top:6px}
.mx-list .mx-btn1,.mx-list .mx-btn2{height:44px;padding:0 18px;display:inline-flex;align-items:center;border-radius:6px;font:inherit;font-weight:500;text-decoration:none;cursor:pointer}
.mx-list .mx-btn1{background:linear-gradient(180deg,#0F7F5B,#0B6E4F);border:0;color:#fff;font-weight:700}
.mx-list .mx-btn1:hover{color:#fff;background:#0D7D5A}
.mx-list .mx-btn2{border:1px solid #A9B9AE;background:var(--surface);color:var(--ink)}
.mx-list .mx-btn2:hover{border-color:var(--brand);color:var(--brand);background:#F5FAF7}

/* 分页 */
.mx-list .mx-pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--ink-4)}
.mx-list .mx-pager nav{display:flex;gap:6px}
.mx-list .mx-pager a{min-width:40px;height:40px;box-sizing:border-box;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.mx-list .mx-pager a:hover{border-color:var(--brand);color:var(--brand)}
.mx-list .mx-pager a.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}

/* 表格之后的内容 */
.mx-list .buybanner{margin:0;background:var(--brand-tint);border:1px solid #CBE3D6;border-radius:12px;padding:10px 14px;color:var(--ink)}
/* 收货入口：宽屏使用正文外侧空白，窄屏回到文档流。 */
.mx-list .mx-supply{box-sizing:border-box;width:320px;max-width:100%;align-self:flex-start;display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 12px;padding:20px;background:linear-gradient(145deg,#fff 30%,#edf6ef);border-radius:18px;box-shadow:0 8px 28px -18px rgba(16,64,40,.3)}
.mx-list .mx-supply-icon{grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--brand);color:#fff;font-size:24px}
.mx-list .mx-supply strong{font-size:16px;line-height:24px}
.mx-list .mx-supply p{margin:0;color:var(--ink-3);font-size:13px;line-height:1.8}
.mx-list .mx-supply a{grid-column:2;display:block;margin-top:8px;font-size:13px;line-height:1.7;text-decoration:none}
.mx-list .mx-supply a:hover{text-decoration:underline}
/* 左侧信息统一排列，避免三张卡片相互覆盖。 */
.mx-list .mx-side-rail{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.mx-list .mx-side-card{box-sizing:border-box;width:320px;max-width:100%;padding:20px;border:1px solid #d5e3d9;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.mx-list .mx-side-card h2{margin:0 0 10px;font-size:15px;line-height:1.5}
.mx-list .mx-side-card p{margin:0;color:var(--ink-3);font-size:12px;line-height:1.8}
.mx-list .mx-side-terms ul{padding:0;margin:0;list-style:none;font-size:12px;color:var(--ink-3)}
.mx-list .mx-side-terms li+li{margin-top:7px}
.mx-list .mx-side-terms b{color:var(--brand);letter-spacing:.06em}
.mx-list .mx-side-stock{background:#0b4938;color:#fff;border-color:#0b4938}
.mx-list .mx-side-stock h2{color:#fff}
.mx-list .mx-side-stock p{color:#d4e5dc}
.mx-list .mx-side-eyebrow{display:block;margin-bottom:8px;font-size:11px;color:#b8d8c8;letter-spacing:.08em}
.mx-list .mx-side-stats{margin:12px 0;font-size:11px;color:#d4e5dc}
.mx-list .mx-side-stats b{font-size:20px;color:#fff}
 .mx-list .mx-side-combined{padding:0;overflow:hidden}
.mx-list .mx-side-combined .mx-side-terms{padding:16px 18px}
.mx-list .mx-side-combined .mx-side-stock{padding:16px 18px}
.mx-list .mx-side-combined .mx-side-terms ul{display:flex;flex-wrap:wrap;gap:6px 10px}
.mx-list .mx-side-combined .mx-side-terms li+li{margin:0}
.mx-list .mx-side-combined .mx-side-terms li:first-child{flex-basis:100%}
.mx-list .mx-side-combined .mx-side-stats{margin-bottom:0}
@media(min-width:1800px) and (min-height:850px){
 .mx-list .mx-side-rail{position:fixed;left:12px;top:220px;width:220px;z-index:10;flex-direction:column;flex-wrap:nowrap;padding-bottom:4px}
 .mx-list .mx-side-card,.mx-list .mx-supply{width:220px;flex-shrink:0;padding:16px}
 .mx-list .mx-side-combined{padding:0}
 .mx-list .mx-supply{grid-template-columns:1fr}
 .mx-list .mx-supply-icon{grid-row:auto;margin-bottom:4px}
 .mx-list .mx-supply a{grid-column:1;border-top:1px solid #d8e7dc;padding-top:12px;margin-top:8px}
}



.mx-list .mx-basis-l{margin-inline-start:auto;font-size:12px;color:var(--ink-3)}
.mx-list .mx-basis-l + .mx-basis{margin-inline-start:0}

/* 说明文字：默认两行，可展开 */
.mx-list .mx-intro{max-width:880px;color:var(--ink-4);display:flex;flex-direction:column;gap:6px}
.mx-list .mx-intro p{margin:0}
.mx-list .mx-intro.clamped{max-height:3em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.mx-list .mx-expand{align-self:flex-start;padding:0;border:0;background:none;color:var(--brand);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.mx-list .mx-expand:hover{text-decoration:underline}

/* 热门型号快捷标签 */
.mx-list .mx-hot{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.mx-list .mx-hot h2{flex-shrink:0}
.mx-list .mx-hot-window{flex:1;min-width:0;overflow:hidden}
.mx-list .mx-hot-track{display:flex;width:max-content}
.mx-list .mx-hot-group{display:flex;align-items:center;gap:8px;padding-inline-end:8px;flex-shrink:0}
.mx-list .mx-hot-group a{flex-shrink:0}
.mx-list .mx-hot-track.is-running{animation:mx-hot-marquee var(--mx-hot-duration,90s) linear infinite}
@keyframes mx-hot-marquee{to{transform:translateX(-50%)}}
@media(hover:hover) and (pointer:fine){.mx-list .mx-hot:hover .mx-hot-track{animation-play-state:paused}}
.mx-list .mx-hot:focus-within .mx-hot-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .mx-list .mx-hot-track.is-running{animation:none}
  .mx-list .mx-hot-window{overflow-x:auto;scrollbar-width:none}
  .mx-list .mx-hot-window::-webkit-scrollbar{display:none}
  .mx-list .mx-hot-group[aria-hidden]{display:none}
}
.mx-list .mx-hot h2{margin:0 6px 0 0;font-size:13px;font-weight:700;color:var(--ink-3)}
.mx-list .mx-hot a{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:12.5px;text-decoration:none;transition:border-color 120ms var(--e-in),color 120ms var(--e-in)}
.mx-list .mx-hot a:hover{border-color:var(--brand);color:var(--brand)}
.mx-list .mx-hot b{color:var(--ink);font-weight:700}
.mx-list .mx-hot em{font-style:normal;color:var(--brand);font-variant-numeric:tabular-nums}

/* 表格下方一行小字 */
.mx-list .mx-meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--ink-3)}

/* 下单流程 + 保障：一条细带 */
.mx-list .steps2{margin:0;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.mx-list .steps2 h3{margin:0;font-size:13px;font-weight:700;color:var(--ink)}
.mx-list .steps2 ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;flex:1 1 100%;min-width:0}
.mx-list .steps2 li{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:4px 8px;background:none;border:0;padding:0;min-width:0}
.mx-list .steps2 .num{flex:0 0 auto;width:20px;height:20px;margin:0;background:var(--brand);color:#fff;font-size:11px;align-self:start;grid-row:1 / 3}
.mx-list .steps2 li b{display:block;grid-column:2;margin:0;font-size:13px;line-height:20px;color:var(--ink)}
.mx-list .steps2 li p{grid-column:2;font-size:12px;color:var(--ink-3)}
@media(max-width:768px){.mx-list .steps2 ol{grid-template-columns:1fr}}
.mx-list .trust2{margin:-8px 0 0;padding:0;gap:8px}
.mx-list .trust2 span{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border-radius:0;color:var(--ink-3);font-size:12px}
.mx-list .trust2 span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}

/* 采购须知：两列折叠卡片 */
.mx-list .mx-notes{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.mx-list .mx-notes-h{margin:0;font-size:18px}
.mx-list .mx-ngrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:12px;align-items:start}
.mx-list .mx-note{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);transition:box-shadow 180ms var(--e-in)}
.mx-list .mx-note[open]{grid-column:1 / -1;box-shadow:var(--shadow)}
.mx-list .mx-note summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;cursor:pointer}
.mx-list .mx-note summary::-webkit-details-marker{display:none}
.mx-list .mx-note summary h2{flex:1;margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.mx-list .mx-note summary:hover h2{color:var(--brand)}
.mx-list .mx-chev{font-size:16px;color:#6B7870;transition:transform 180ms var(--e-in)}
.mx-list .mx-note[open] .mx-chev{transform:rotate(90deg);color:var(--brand)}
.mx-list .mx-nbody{padding:4px 16px 18px;display:flex;flex-direction:column;gap:12px;color:var(--ink-4);max-width:none}
.mx-list .mx-nbody p,.mx-list .mx-nbody ul{margin:0;max-width:880px}
.mx-list .mx-nbody h3{margin:6px 0 0;font-size:14px;color:var(--ink)}
.mx-list .mx-nbody .hint{font-size:12px;color:var(--ink-3)}
.mx-list .mx-nbody .table-scroll{border:1px solid var(--line);border-radius:6px;overflow-x:auto}
.mx-list .mx-nbody table.inv{margin:0;border-collapse:collapse;width:100%;font-size:13px}
.mx-list .mx-nbody table.inv caption{padding:10px 12px;text-align:start;font-size:12px;color:var(--ink-3)}
.mx-list .mx-nbody table.inv th,.mx-list .mx-nbody table.inv td{border:0;border-bottom:1px solid var(--line-soft);padding:8px 12px;text-align:start;vertical-align:top}
.mx-list .mx-nbody table.inv th{background:var(--surface-2);color:var(--ink-4);font-weight:500;font-size:12px}
.mx-list .mx-nbody .hero{margin:0;max-width:560px;padding:12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-2)}
.mx-list .mx-nbody .hero figcaption{font-size:12px;color:var(--ink-3);margin-top:6px}
.mx-list .mx-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none}
.mx-list .mx-more:hover{text-decoration:underline}
html[dir="rtl"] .mx-list .mx-more .ph,html[dir="rtl"] .mx-list .mx-note:not([open]) .mx-chev{transform:scaleX(-1)}
@media (prefers-reduced-motion:reduce){.mx-list .mx-chev{transition:none}}


@media (max-width:1080px){.mx-list .cats2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .mx-list .mx-head h1{font-size:24px}
  .mx-list .mx-count{font-size:15px}
  .mx-list .cats2{grid-template-columns:1fr 1fr;gap:8px}
  .mx-list .cat2{padding:12px}
  .mx-list .mx-filter label{flex:1 1 40%}
  .mx-list .mx-filter select{flex:1}
  .mx-list .mx-spacer{display:none}
  .mx-list .mx-search,.mx-list .mx-search input,.mx-list .mx-sort{width:100%;flex:1 1 100%}
  .mx-list .mx-basis{margin-left:0}
  .mx-list .mx-tablewrap{background:none;border:0;overflow:visible}
  .mx-list .mx-table{min-width:0}
  .mx-list .mx-table,.mx-list .mx-table tbody{display:block}
  .mx-list .mx-table thead{display:none}
  .mx-list .mx-table tr.mx-row{display:grid;grid-template-columns:1fr auto;gap:10px 12px;margin:0 0 10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
  .mx-list .mx-table td{display:block;padding:0;border:0}
  .mx-list .mx-table td.mx-item{grid-column:1 / -1}
  .mx-list .mx-table .mx-stock{text-align:start}
  .mx-list .mx-table td.mx-act{grid-column:1 / -1}
  .mx-list .mx-name{font-size:16px;font-weight:500}
  .mx-list .mx-act .basket-add{display:flex}
  .mx-list .mx-act .btn,.mx-list .mx-rowbtn{width:100%;height:44px}
  .mx-list .mx-copy{width:44px;height:44px;margin:-8px 0}
  .mx-list .mx-pager nav{flex-wrap:wrap}
  .mx-list .mx-ngrid{grid-template-columns:1fr}
}
@media (max-width:440px){.mx-list .cats2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .mx-list *{transition-duration:0s!important}
  .mx-list .cat2:hover,.mx-list .cat2:hover .cat2ar{transform:none}
}