.detail-menu{height:64px;padding:0 8vw;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-start;gap:0}.detail-menu a{min-width:180px;padding:22px 28px;border-left:1px solid var(--line);font-size:12px;font-weight:700;position:relative}.detail-menu a:last-child{border-right:1px solid var(--line)}.detail-menu a:hover{color:var(--blue);background:#f7fbff}.detail-menu a:after{content:"";position:absolute;bottom:-1px;left:28px;right:28px;height:2px;background:var(--blue);transform:scaleX(0);transition:.2s}.detail-menu a:hover:after{transform:scaleX(1)}
.catalog-toolbar{background:#fff;border:1px solid #d7e1e8;padding:18px;display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(220px,1fr) auto auto;gap:12px}.catalog-search{border:1px solid #bfcdd7;display:flex;align-items:center;gap:10px;padding:0 14px;color:#658095}.catalog-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(10,83,210,.08)}.catalog-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:12px;color:var(--ink)}.catalog-select{position:relative;border:1px solid #bfcdd7;padding:8px 38px 7px 13px}.catalog-select span{display:block;font-size:8px;color:#71889b;margin-bottom:2px}.catalog-select select{appearance:none;border:0;background:none;width:100%;outline:0;font-size:12px;color:var(--ink)}.catalog-select svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.column-button,.reset-button{border:1px solid #bfcdd7;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.column-button:hover,.reset-button:hover{border-color:var(--blue);color:var(--blue)}.reset-button{border-color:transparent;color:#587188}.column-panel{display:flex;align-items:center;gap:13px;padding:16px 18px;background:#eaf2f8;border:1px solid #cad9e4;border-top:0;font-size:11px}.column-panel b{display:block}.column-panel p{margin:4px 0 0;color:#5f7689}.column-panel>span{margin-left:auto;color:#708697;font-size:10px}.catalog-summary{display:flex;align-items:baseline;gap:7px;margin:28px 0 12px}.catalog-summary b{font:600 24px Arial;color:var(--blue)}.catalog-summary span{font-size:11px;font-weight:700}.catalog-summary small{margin-left:auto;color:#758a9b;font-size:9px}.catalog-table-wrap{overflow-x:auto;background:#fff;border:1px solid #d5e0e7}.catalog-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:11px}.catalog-table th{background:#edf3f7;color:#425c70;padding:15px 14px;text-align:left;border-right:1px solid #d3dfe7;border-bottom:2px solid #b8cad6;white-space:nowrap}.catalog-table th button{float:right;border:0;background:transparent;color:#70879a;padding:1px}.catalog-table td{padding:18px 14px;border-right:1px solid #e0e7ec;border-bottom:1px solid #d8e2e9;color:#788c9c;min-width:135px}.catalog-table tbody tr:hover{background:#f6faff}.catalog-table td:first-child{min-width:280px;color:var(--ink)}.table-product{display:flex;align-items:center;gap:14px}.table-thumb{width:58px;height:48px;display:grid;place-items:center;background:#eef6fb;border:1px solid #d8e7f0;color:#2daee1;flex:0 0 auto}.table-thumb svg{width:24px}.table-product b{display:block;font-size:12px}.table-product small{display:block;margin-top:5px;color:#8699a7;font-size:9px}.catalog-empty{text-align:center;padding:48px;color:#718697;font-size:12px}
@media(max-width:850px){.detail-menu{height:auto;padding:0 24px;overflow-x:auto}.detail-menu a{min-width:max-content;padding:18px;border-left:0;border-right:1px solid var(--line)}.catalog-toolbar{grid-template-columns:1fr}.catalog-search,.catalog-select,.column-button,.reset-button{min-height:46px}.column-panel{align-items:flex-start;flex-wrap:wrap}.column-panel>span{margin-left:30px}.catalog-summary small{display:none}}