:root { --bg:#f6f8fb; --panel:#fff; --line:#d7dde7; --text:#1e2630; --muted:#667385; --blue:#1f5fd1; --soft:#edf3ff; --green:#14705c; --red:#b42318; --amber:#946200; --row-alt:#f8fbff; --row-hover:#eef6ff; }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; }
    a { color:var(--blue); text-decoration:none; }
    .site-header { display:flex; align-items:center; gap:18px; min-height:68px; padding:12px 14px 0; }
    .site-header-main { flex:0 0 auto; display:flex; align-items:center; }
    .site-header-extra { flex:1 1 auto; display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; min-height:54px; position:relative; }
    .layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:14px; padding:10px 14px 14px; align-items:start; }
    .sidebar { display:grid; gap:12px; align-self:start; }
    .site-brand { display:inline-flex; align-items:flex-end; gap:4px; min-width:0; }
    .site-logo-link { display:inline-flex; align-items:center; justify-content:flex-start; width:160px; max-width:100%; padding:2px 4px 0; }
    .site-logo-link:hover { opacity:.86; }
    .site-logo { display:block; width:100%; height:auto; }
    .site-version { display:inline-flex; align-items:center; margin-bottom:8px; color:#68768a; font-size:11px; font-weight:800; line-height:1; letter-spacing:0; }
    .share-box { position:relative; }
    .share-box > summary { list-style:none; }
    .share-box > summary::-webkit-details-marker { display:none; }
    .share-button { min-height:36px; border:1px solid #cbd7e6; border-radius:7px; background:#fff; color:#263241; display:inline-flex; align-items:center; gap:7px; padding:6px 12px; cursor:pointer; font-weight:800; box-shadow:0 1px 2px rgba(17,24,39,.04); }
    .share-button::before { content:""; width:16px; height:16px; display:block; background:radial-gradient(circle at 3px 8px,currentColor 0 2px,transparent 2.2px),radial-gradient(circle at 13px 3px,currentColor 0 2px,transparent 2.2px),radial-gradient(circle at 13px 13px,currentColor 0 2px,transparent 2.2px),linear-gradient(28deg,transparent 0 43%,currentColor 44% 52%,transparent 53% 100%),linear-gradient(-28deg,transparent 0 43%,currentColor 44% 52%,transparent 53% 100%); opacity:.78; }
    .share-button:hover, .share-box[open] .share-button { border-color:#9bb9e5; background:#f7fbff; color:#173d83; }
    .share-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:70; width:min(390px, calc(100vw - 28px)); display:grid; gap:10px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:10px; box-shadow:0 14px 36px rgba(17,24,39,.18); }
    .share-panel-title { margin:0; color:#263241; font-size:13px; font-weight:800; }
    .share-url-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; align-items:center; }
    .share-url-input { min-height:34px; border:1px solid var(--line); border-radius:6px; background:#f8fafc; color:#46556a; padding:5px 8px; font-size:12px; overflow:hidden; text-overflow:ellipsis; }
    .share-copy-button { min-height:34px; white-space:nowrap; font-weight:800; }
    .share-copy-button.copied { border-color:#a6d8c9; background:#effbf7; color:#14705c; }
    .share-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
    .share-link { min-height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #dce4ee; border-radius:6px; background:#fbfcfe; color:#263241; padding:5px 8px; font-size:13px; font-weight:800; text-decoration:none; }
    .share-link:hover { border-color:#bad0f0; background:#f4f8ff; color:#173d83; }
    .share-status { min-height:16px; color:#14705c; font-size:12px; line-height:1.35; }
    .feedback-link { min-height:36px; border:1px solid #cbd7e6; border-radius:7px; background:#fff; color:#263241; display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; font-weight:800; box-shadow:0 1px 2px rgba(17,24,39,.04); }
    .feedback-link:hover { border-color:#9bb9e5; background:#f7fbff; color:#173d83; text-decoration:none; }
    .cache-refresh-box { display:inline-flex; align-items:center; gap:7px; min-width:0; }
    .cache-refresh-button { min-height:36px; border:1px solid #cbd7e6; border-radius:7px; background:#fff; color:#263241; display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; font-weight:800; box-shadow:0 1px 2px rgba(17,24,39,.04); }
    .cache-refresh-button:hover { border-color:#9bb9e5; background:#f7fbff; color:#173d83; }
    .cache-refresh-button[disabled] { cursor:wait; opacity:.68; }
    .cache-refresh-status { min-width:5.5em; color:#526174; font-size:12px; font-weight:700; white-space:nowrap; }
    .cache-refresh-status.done { color:var(--green); }
    .cache-refresh-status.error { color:var(--red); }
    .site-footer { margin:22px 14px 0; padding-bottom:18px; color:var(--muted); }
    .site-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--line); padding-top:14px; }
    .site-footer-logo { display:inline-flex; align-items:center; width:118px; opacity:.92; }
    .site-footer-logo:hover { opacity:1; }
    .site-footer-logo img { display:block; width:100%; height:auto; }
    .site-footer-nav { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; font-size:13px; }
    .site-footer-nav a { color:#4f5f73; border:1px solid #dce4ee; border-radius:6px; background:#fff; padding:5px 9px; }
    .site-footer-nav a:hover { color:#173d83; border-color:#bad0f0; background:#f4f8ff; text-decoration:none; }
    .panel { background:var(--panel); border:1px solid var(--line); border-radius:8px; min-width:0; }
    .panel-head { padding:11px 13px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .panel-body { padding:12px 13px; }
    .filter-panel-title { font-size:16px; line-height:1.25; }
    .filter-panel-headline { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
    .filter-reset-button { min-height:26px; padding:3px 8px; font-size:12px; color:#526174; border-color:#ccd7e5; }
    .filter-reset-button:hover { background:#f1f5fb; color:#1f3d63; }
    .nav { display:flex; gap:8px; flex-wrap:wrap; }
    .btn, button { min-height:32px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--text); display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; cursor:pointer; }
    button.primary, .btn.primary { background:var(--blue); border-color:var(--blue); color:#fff; }
    h1 { font-size:21px; margin:0; }
    .title-line h1 { display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap; min-width:0; }
    .title-line { display:flex; align-items:center; gap:9px; flex-wrap:wrap; min-width:0; }
    .active-conditions { display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap; min-width:0; color:var(--muted); font-size:11px; line-height:1.35; }
    .active-conditions-label { font-weight:700; white-space:nowrap; }
    .condition-chip { display:inline-flex; align-items:center; max-width:260px; min-height:22px; border:1px solid #dce4ee; border-radius:999px; background:#fff; color:#526174; padding:2px 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .h1-category-link { color:var(--text); text-decoration:none; }
    .h1-category-link:hover { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
    .seo-intro { margin:0 0 12px; border:1px solid #dce6f3; border-radius:8px; background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); padding:10px 12px; color:#405063; font-size:13px; }
    .seo-intro p { margin:0; line-height:1.6; }
    .seo-intro ul { margin:8px 0 0; padding:0; display:flex; gap:6px; flex-wrap:wrap; list-style:none; }
    .seo-intro li { display:inline-flex; align-items:center; min-height:24px; border:1px solid #d8e4f2; border-radius:999px; background:#fff; padding:2px 9px; color:#526174; font-size:12px; font-weight:700; }
    .summary, .muted { color:var(--muted); }
    .category-tree { padding:8px 10px; }
    .cat-path-list { list-style:none; margin:0; padding:0; display:grid; gap:3px; }
    .cat-path-item { position:relative; padding-left:calc(var(--depth, 0) * 15px); }
    .cat-top-row { display:flex; align-items:center; gap:6px; min-width:0; }
    .cat-top-row .cat-picker { flex:1 1 auto; min-width:0; }
    .cat-top-row > .cat-path-line { flex:1 1 auto; }
    .cat-top-diy-link { display:inline-flex; align-items:center; justify-content:center; flex:0 1 142px; min-width:72px; min-height:26px; border:1px solid #dce4ee; border-radius:6px; background:#fff; color:#31506f; padding:2px 7px; font-size:12px; font-weight:800; line-height:1.2; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .cat-top-diy-link:hover { color:#173d83; border-color:#bad0f0; background:#f4f8ff; text-decoration:none; }
    .cat-picker { position:relative; }
    .cat-picker > summary { min-height:28px; display:flex; align-items:center; cursor:pointer; list-style:none; }
    .cat-picker > summary::-webkit-details-marker { display:none; }
    .cat-picker > summary::before { content:""; width:17px; height:17px; margin-right:3px; flex:0 0 auto; display:block; border:1px solid #d3deec; border-radius:5px; background-color:#f8fbff; background-image:linear-gradient(currentColor,currentColor), linear-gradient(currentColor,currentColor); background-position:center; background-repeat:no-repeat; background-size:9px 2px, 2px 9px; color:#42536a; transition:background-color .16s ease, border-color .16s ease, color .16s ease; }
    .cat-picker[open] > summary::before { background-color:#eaf2ff; background-image:linear-gradient(currentColor,currentColor); background-size:9px 2px; border-color:#bed2f1; color:#173d83; }
    .cat-path-line, .cat-option { display:flex; align-items:center; gap:6px; min-height:28px; border-radius:6px; padding:3px 6px; color:var(--text); text-decoration:none; min-width:0; flex:1 1 auto; }
    button.cat-option { width:100%; border:0; background:transparent; font:inherit; text-align:left; cursor:pointer; }
    .cat-path-line.top { font-weight:800; }
    .cat-path-line:hover, .cat-option:hover { background:#f1f5fb; }
    .cat-path-line.active, .cat-option.active { background:var(--soft); color:#173d83; font-weight:800; }
    .cat-path-line.on-path, .cat-option.on-path { font-weight:700; }
    .cat-option.missing { color:#8a94a3; }
    .cat-path-line .name, .cat-option .name { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .category-icon { display:inline-block; flex:0 0 auto; color:#2f3d4f; }
    .category-icon-sm { width:18px; height:18px; }
    .category-icon-md { width:22px; height:22px; }
    .category-icon-lg { width:28px; height:28px; }
    .cat-path-line.active .category-icon, .cat-option.active .category-icon { color:#173d83; }
    .h1-category-link + .category-icon { margin-left:0; }
    .cat-option-node { display:grid; gap:2px; min-width:0; }
    .cat-option-node.has-children > .cat-option { padding-right:5px; }
    .cat-path-line .cat-more { display:none; }
    .cat-option .cat-mark { order:0; }
    .cat-option .cat-more { order:1; position:relative; width:17px; height:17px; flex:0 0 auto; display:block; border:1px solid #d3deec; border-radius:5px; background:#f8fbff; color:#42536a; transition:background-color .16s ease, border-color .16s ease, color .16s ease; }
    .cat-option .category-icon { order:2; }
    .cat-option .name { order:3; }
    .cat-option .badge { order:4; }
    .cat-more::before,
    .cat-more::after { content:""; position:absolute; left:50%; top:50%; display:block; border-radius:2px; background:currentColor; transform:translate(-50%, -50%); }
    .cat-more::before { width:9px; height:2px; }
    .cat-more::after { width:2px; height:9px; }
    .cat-option-node.is-open > .cat-option .cat-more,
    .cat-option-node:focus-within > .cat-option .cat-more { background:#eaf2ff; border-color:#bed2f1; color:#173d83; }
    .cat-option-node.is-open > .cat-option .cat-more::after,
    .cat-option-node:focus-within > .cat-option .cat-more::after { opacity:0; }
    .cat-nested-menu { display:grid; gap:2px; max-height:0; margin:0 0 0 21px; padding:0 0 0 8px; border-left:2px solid #e1eaf6; opacity:0; overflow:hidden; visibility:hidden; pointer-events:none; transform:translateY(-3px); transition:max-height .18s ease, opacity .14s ease, transform .18s ease, margin .18s ease, padding .18s ease, visibility 0s linear .18s; }
    .cat-option-node.is-open > .cat-nested-menu,
    .cat-option-node:focus-within > .cat-nested-menu { max-height:var(--cat-nested-open-height, 720px); margin:2px 0 5px 21px; padding:3px 0 3px 8px; opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); transition:max-height .18s ease, opacity .14s ease, transform .18s ease, margin .18s ease, padding .18s ease, visibility 0s; }
    .cat-nested-menu .cat-option { min-height:26px; padding-top:2px; padding-bottom:2px; }
    .cat-child-menu { position:absolute; left:15px; right:0; top:calc(100% + 4px); z-index:35; max-height:min(var(--cat-child-menu-max-height, calc(100vh - 120px)), calc(100vh - 24px)); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; display:grid; gap:2px; min-width:260px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 10px 24px rgba(17,24,39,.16); padding:6px; }
    .cat-picker[open] > .cat-child-menu { animation:cat-menu-fade-in .14s ease-out; }
    @keyframes cat-menu-fade-in { from { opacity:.2; } to { opacity:1; } }
    .cat-menu-head { display:none; }
    .cat-mark { width:14px; flex:0 0 auto; color:var(--blue); font-weight:800; }
    .badge { margin-left:auto; flex:0 0 auto; border:1px solid #dce2eb; border-radius:5px; color:#6d7888; font-size:11px; padding:1px 5px; }
    .group-badge { display:inline-flex; align-items:center; border:1px solid #cfe0ff; border-radius:5px; background:#edf3ff; color:#173d83; font-size:11px; font-weight:700; padding:1px 5px; white-space:nowrap; }
    @media (prefers-reduced-motion: reduce) {
      .cat-picker > summary::before,
      .cat-option .cat-more,
      .cat-nested-menu { transition:none; }
      .cat-picker[open] > .cat-child-menu { animation:none; }
    }
    .topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
    .side-search-form { display:grid; gap:10px; }
    .form-section { display:grid; gap:8px; }
    .section-title { font-weight:800; font-size:13px; color:#263241; }
    .section-title-row { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
    .section-title-row .inline-check { min-height:24px; font-size:12px; }
    .mobile-filter-button, .mobile-breadcrumb, .modal-close { display:none; }
    .search-actions { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:7px; align-items:end; }
    .search-actions.bottom { grid-template-columns:1fr; }
    .search-actions > .compact-field:first-of-type { order:1; }
    .search-actions > .sort-field { order:2; }
    .search-actions > .compact-field:last-child { order:3; }
    .search-actions button { width:100%; }
    .filter-top-submit { width:100%; }
    .compact-field label { margin-bottom:2px; }
    .limit-field select, .search-actions > .compact-field:first-of-type select { min-width:54px; padding-left:5px; padding-right:4px; }
    .view-toggle { display:inline-flex; border:1px solid var(--line); border-radius:7px; background:#fff; padding:2px; min-height:32px; }
    .view-toggle input { position:absolute; opacity:0; pointer-events:none; }
    .view-button { width:34px; min-height:26px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; margin:0; color:#526174; }
    .view-button::before { content:""; width:17px; height:15px; display:block; }
    .view-button.list::before { background:linear-gradient(#526174,#526174) 0 0/17px 2px no-repeat,linear-gradient(#526174,#526174) 0 6px/17px 2px no-repeat,linear-gradient(#526174,#526174) 0 12px/17px 2px no-repeat,linear-gradient(#526174,#526174) 0 0/2px 15px no-repeat,linear-gradient(#526174,#526174) 7px 0/2px 15px no-repeat,linear-gradient(#526174,#526174) 15px 0/2px 15px no-repeat; }
    .view-button.table::before { background:linear-gradient(#526174,#526174) 0 1px/17px 2px no-repeat,linear-gradient(#526174,#526174) 0 6px/17px 2px no-repeat,linear-gradient(#526174,#526174) 0 11px/17px 2px no-repeat; }
    .view-toggle input:checked + .view-button { background:var(--blue); color:#fff; }
    .view-toggle input:checked + .view-button.list::before { background:linear-gradient(#fff,#fff) 0 0/17px 2px no-repeat,linear-gradient(#fff,#fff) 0 6px/17px 2px no-repeat,linear-gradient(#fff,#fff) 0 12px/17px 2px no-repeat,linear-gradient(#fff,#fff) 0 0/2px 15px no-repeat,linear-gradient(#fff,#fff) 7px 0/2px 15px no-repeat,linear-gradient(#fff,#fff) 15px 0/2px 15px no-repeat; }
    .view-toggle input:checked + .view-button.table::before { background:linear-gradient(#fff,#fff) 0 1px/17px 2px no-repeat,linear-gradient(#fff,#fff) 0 6px/17px 2px no-repeat,linear-gradient(#fff,#fff) 0 11px/17px 2px no-repeat; }
    label { display:block; color:var(--muted); font-size:12px; margin-bottom:3px; }
    input[type="text"], input[type="number"], select { width:100%; min-height:32px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--text); padding:5px 8px; }
    .inline-check { display:inline-flex; align-items:center; gap:5px; min-height:32px; margin:0; color:var(--text); white-space:nowrap; }
    .filter-grid { display:grid; grid-template-columns:1fr; gap:7px; }
    .filter-box { position:relative; overflow:visible; border:1px solid #e2e8f0; border-radius:7px; padding:0 7px 7px; margin-top:8px; background:#fbfdff; min-width:0; }
    .filter-title { position:relative; top:-9px; display:inline-block; max-width:calc(100% - 16px); background:#fbfdff; padding:0 4px; color:#263241; font-weight:700; font-size:13px; line-height:16px; overflow:visible; overflow-wrap:anywhere; white-space:normal; }
    .filter-title + * { margin-top:-7px; }
    .multi-select { position:relative; }
    .multi-select summary { min-height:32px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--text); padding:5px 8px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; }
    .multi-select summary::-webkit-details-marker { display:none; }
    .multi-select summary::after { content:"v"; color:var(--muted); font-size:11px; flex:0 0 auto; }
    .multi-select[open] summary { border-color:#9db8ee; box-shadow:0 0 0 2px rgba(31,95,209,.12); }
    .multi-select [data-multi-summary] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .multi-options { position:absolute; z-index:20; left:0; right:0; margin-top:4px; max-height:260px; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 10px 24px rgba(17,24,39,.16); padding:6px; display:grid; gap:3px; }
    .multi-option { display:flex; align-items:center; gap:6px; min-height:28px; color:var(--text); margin:0; font-size:12px; padding:3px 4px; border-radius:5px; cursor:pointer; }
    .multi-option:hover { background:#f1f5fb; }
    .multi-option.selected { background:#edf3ff; }
    .multi-option .label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .multi-option .count { margin-left:auto; color:var(--muted); font-variant-numeric:tabular-nums; }
    .dual-range { display:grid; grid-template-columns:1fr 1fr; column-gap:6px; row-gap:0; }
    .range-field { position:relative; }
    .range-field input { padding-right:28px; }
    .range-suffix { position:absolute; right:8px; bottom:7px; color:var(--muted); font-size:12px; pointer-events:none; }
    .range-slider { grid-column:1/-1; position:relative; height:22px; margin-bottom:-2px; --from:0%; --to:100%; cursor:pointer; overflow:visible; }
    .range-slider::before { content:""; position:absolute; left:0; right:0; top:10px; height:4px; border-radius:999px; background:linear-gradient(to right,#dbe3ef 0,#dbe3ef var(--from),var(--blue) var(--from),var(--blue) var(--to),#dbe3ef var(--to),#dbe3ef 100%); }
    .range-slider input[type="range"] { position:absolute; inset:0; width:100%; height:22px; margin:0; background:transparent; appearance:none; pointer-events:none; }
    .range-slider input[type="range"]::-webkit-slider-runnable-track { background:transparent; border:0; }
    .range-slider input[type="range"]::-moz-range-track { background:transparent; border:0; }
    .range-slider input[type="range"]::-webkit-slider-thumb { appearance:none; width:14px; height:14px; border-radius:50%; background:#fff; border:2px solid var(--blue); box-shadow:0 1px 3px rgba(0,0,0,.25); pointer-events:none; }
    .range-slider input[type="range"]::-moz-range-thumb { width:14px; height:14px; border-radius:50%; background:#fff; border:2px solid var(--blue); box-shadow:0 1px 3px rgba(0,0,0,.25); pointer-events:none; }
    .range-marker { position:absolute; top:14px; transform:translateX(-50%); color:#718096; font-size:10px; line-height:1; white-space:nowrap; pointer-events:none; }
    .range-marker::before { content:""; position:absolute; left:50%; top:-5px; width:1px; height:4px; background:#aebbd0; }
    .range-marker.edge { transform:translateX(-100%); }
    .range-marker.edge::before { left:auto; right:0; }
    .price-range .range-slider { margin-top:8px; }
    .price-range .range-marker { top:-8px; }
    .price-range .range-marker::before { top:13px; height:6px; }
    .result-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 0 8px; }
    .summary { display:flex; align-items:center; gap:7px; flex-wrap:wrap; min-width:0; }
    .cost-formula { position:relative; display:inline-flex; align-items:center; }
    .cost-formula summary { list-style:none; cursor:pointer; border:1px solid var(--line); border-radius:999px; background:#fff; color:#334155; min-height:24px; padding:2px 8px 2px 10px; font-size:12px; font-weight:700; display:inline-flex; align-items:center; gap:5px; }
    .cost-formula summary::-webkit-details-marker { display:none; }
    .cost-formula summary::after { content:""; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; opacity:.72; transition:transform .15s ease; }
    .cost-formula[open] summary { border-color:#bad0f0; background:var(--soft); color:#173d83; }
    .cost-formula[open] summary::after { transform:rotate(180deg); }
    .cost-formula-panel { position:absolute; left:0; top:calc(100% + 6px); z-index:30; width:min(520px, calc(100vw - 28px)); padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 12px 30px rgba(17,24,39,.16); color:#334155; font-size:12px; line-height:1.65; overflow-wrap:anywhere; white-space:pre-line; }
    .cost-formula-guide .cost-formula-panel { width:min(420px, calc(100vw - 28px)); }
    .products { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; }
    .product { display:grid; grid-template-columns:86px minmax(0,1fr); gap:10px; min-height:156px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:10px; min-width:0; transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
    .products .product:nth-child(even) { background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%); border-color:#cfdbea; }
    .products .product:nth-child(odd) { background:#fff; }
    .products .product:hover { background:#f4f9ff; border-color:#bfd2eb; box-shadow:0 2px 8px rgba(31,95,209,.07); }
    .product-media { display:grid; gap:6px; align-content:start; min-width:0; }
    .product img { width:86px; height:86px; aspect-ratio:1/1; object-fit:contain; border:1px solid #e5eaf1; border-radius:6px; background:#fff; }
    .no-image { width:86px; height:86px; aspect-ratio:1/1; border:1px solid #e5eaf1; border-radius:6px; background:#f1f4f8; display:flex; align-items:center; justify-content:center; color:#7b8795; font-size:12px; }
    .product-title { font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
    .product-title-row { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; min-width:0; }
    .product-detail-link { color:inherit; text-decoration:none; }
    .product-detail-link:hover { color:var(--blue); text-decoration:underline; }
    .detail-cta { display:inline-flex; align-items:center; min-height:20px; padding:1px 7px; border:1px solid #cbd9ea; border-radius:999px; background:#fff; color:#315b8c; font-size:12px; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap; }
    .detail-cta:hover { background:#f2f7ff; border-color:#9ec0e8; text-decoration:none; }
    .diy-build-cta { display:inline-flex; align-items:center; min-height:22px; padding:2px 8px; border:1px solid #9dc9b1; border-radius:999px; background:#f3fbf6; color:#17623a; font-size:12px; font-weight:800; line-height:1.1; text-decoration:none; white-space:nowrap; }
    .diy-build-cta:hover { background:#e6f6ec; border-color:#74b891; text-decoration:none; }
    .product-brand { margin-top:2px; color:#6f7d90; font-size:12px; font-weight:600; line-height:1.25; overflow-wrap:anywhere; }
    .price { color:var(--green); font-weight:800; font-size:16px; margin-top:4px; }
    .meta { display:flex; gap:6px; flex-wrap:wrap; color:var(--muted); font-size:12px; margin-top:4px; }
    .exclusion-reasons { display:flex; gap:4px; flex-wrap:wrap; align-items:center; margin-top:6px; color:#8a4b10; font-size:12px; line-height:1.35; }
    .exclusion-reasons b, .exclusion-reasons span { display:inline-flex; align-items:center; min-height:20px; border:1px solid #f0cf9b; border-radius:5px; background:#fff8eb; padding:2px 6px; }
    .exclusion-reasons b { background:#fff2d6; color:#7a3f08; font-weight:800; }
    .specs { display:flex; gap:4px; flex-wrap:wrap; margin-top:6px; }
    .spec { display:inline-flex; align-items:center; gap:0; border:1px solid #dce2eb; border-radius:5px; padding:2px 5px; font-size:12px; color:#4f5d70; background:#fbfcfe; text-decoration:none; }
    a.spec:hover { border-color:#b9d7ef; background:#f7fbff; color:#2f4f6f; }
    .spec.has-meter { position:relative; padding-bottom:6px; }
    .spec b { display:inline-flex; align-items:center; font-weight:700; }
    .spec b::after { content:""; display:inline-block; width:1px; height:.95em; margin:0 3px; background:#cbd5e1; }
    .spec-value { display:inline-flex; align-items:center; min-width:0; }
    .sort-caret { display:inline-flex; flex-direction:column; gap:1px; width:9px; margin-left:4px; align-items:center; justify-content:center; opacity:.62; }
    .sort-caret::before, .sort-caret::after { content:""; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; }
    .sort-caret::before { border-bottom:5px solid #9aaabe; }
    .sort-caret::after { border-top:5px solid #9aaabe; }
    .spec-sortable.sort-active { border-color:#9dcef1; background:#f4fbff; color:#24577a; box-shadow:inset 0 -1px 0 rgba(86,168,220,.22); }
    .spec-sortable.sort-active .sort-caret { opacity:1; }
    .spec-sortable.sort-active.sort-asc .sort-caret::before { border-bottom-color:#35a1d8; }
    .spec-sortable.sort-active.sort-desc .sort-caret::after { border-top-color:#35a1d8; }
    .spec-meter { position:absolute; left:5px; right:5px; bottom:2px; height:3px; border-radius:999px; background:#edf5fa; overflow:hidden; }
    .spec-meter > span { display:block; height:100%; min-width:2px; max-width:100%; border-radius:999px; background:linear-gradient(90deg,#75cef7 0%,#ffb29f 100%); }
    .offers { margin-top:6px; display:grid; gap:3px; font-size:12px; }
    .offer { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #edf1f6; padding-top:3px; }
    .image-offers { margin-top:0; font-size:11px; }
    .image-offers .offer { align-items:center; gap:4px; }
    .image-offers .offer-price-link { width:100%; justify-content:space-between; gap:3px; }
    .image-offers .shop-icon { width:12px; height:12px; border-radius:3px; }
    .external-link, .price-link, .offer-price-link { display:inline-flex; align-items:center; gap:4px; }
    .offer-price-link { color:var(--text); }
    .offer-price-link strong { color:var(--green); white-space:nowrap; }
    .shop-icon { width:14px; height:14px; flex:0 0 auto; border-radius:4px; vertical-align:middle; box-shadow:0 0 0 1px rgba(15,23,42,.08); object-fit:contain; }
    .price-shop-line .shop-icon { width:15px; height:15px; }
    .offer-delivery-badges { display:inline-flex; align-items:center; gap:3px; flex-wrap:wrap; }
    .offer-delivery-badge { display:inline-flex; align-items:center; min-height:17px; padding:1px 5px; border-radius:999px; border:1px solid #dbe7f3; background:#f8fbff; color:#526174; font-size:10px; font-weight:900; line-height:1.1; white-space:nowrap; }
    .offer-delivery-badge.prime { border-color:#b8d8f1; background:#edf7ff; color:#1468a8; }
    .offer-delivery-badge.shipping-free { border-color:#bde7cf; background:#effaf3; color:#197447; }
    .offer-delivery-badge.shipping-paid { border-color:#ead8b5; background:#fff8e9; color:#7c5512; }
    .external-icon { position:relative; display:inline-block; width:12px; height:12px; flex:0 0 auto; border:1.5px solid currentColor; border-radius:2px; opacity:.75; }
    .external-icon::before { content:""; position:absolute; right:-2px; top:-2px; width:6px; height:6px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; background:#fff; }
    .external-icon::after { content:""; position:absolute; right:1px; top:1px; width:6px; height:1.5px; background:currentColor; transform:rotate(-45deg); transform-origin:right center; }
    .price-link { color:var(--green); }
    .price-shop-line { gap:7px; flex-wrap:wrap; align-items:baseline; }
    .offer-details { margin-top:4px; min-width:170px; }
    .offer-details summary { cursor:pointer; color:var(--blue); font-size:12px; list-style:none; }
    .offer-details summary::-webkit-details-marker { display:none; }
    .offer-details summary::after { content:" v"; color:var(--muted); font-size:10px; }
    .offer-details[open] summary::after { content:" ^"; }
    .table-offers { display:grid; gap:3px; margin-top:4px; }
    .offer-row { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #edf1f6; padding-top:3px; font-size:12px; }
    .offer-row strong { white-space:nowrap; }
    .more-offers-note { color:var(--muted); font-size:11px; padding-top:2px; }
    .image-group { margin-top:6px; }
    .table-wrap { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:auto; }
    .result-table { width:100%; border-collapse:collapse; min-width:760px; }
    .result-table th, .result-table td { border-bottom:1px solid #edf1f6; padding:8px 9px; text-align:left; vertical-align:top; }
    .result-table th { position:sticky; top:0; background:#f8fafc; color:#526174; font-size:12px; z-index:1; }
    .result-table tbody tr:nth-child(even) { background:var(--row-alt); }
    .result-table tbody tr:nth-child(odd) { background:#fff; }
    .result-table tbody tr:hover { background:var(--row-hover); }
    .table-sort-link { display:inline-flex; align-items:center; gap:3px; color:inherit; text-decoration:none; }
    .table-sort-link.sort-active { color:#24577a; }
    .table-sort-link.sort-active.sort-asc .sort-caret::before { border-bottom-color:#35a1d8; }
    .table-sort-link.sort-active.sort-desc .sort-caret::after { border-top-color:#35a1d8; }
    .table-metric-cell { min-width:112px; }
    .table-metric-cell .spec { display:flex; width:100%; box-sizing:border-box; justify-content:space-between; align-items:center; }
    .table-metric-cell .spec b, .table-metric-cell .spec-value { min-width:0; }
    .table-metric-empty { color:var(--muted); }
    .socket-cell { display:grid; gap:2px; min-width:190px; max-width:260px; color:#405063; font-size:12px; line-height:1.35; }
    .socket-cell-row { display:grid; grid-template-columns:42px minmax(0,1fr); gap:4px; align-items:start; }
    .socket-cell-row b { color:#526174; font-weight:800; white-space:nowrap; }
    .socket-cell-row span { overflow-wrap:anywhere; }
    .table-product-main { display:grid; grid-template-columns:46px minmax(0,1fr); gap:8px; align-items:start; min-width:240px; }
    .table-product-main img, .table-product-no-image { width:46px; height:46px; aspect-ratio:1/1; object-fit:contain; border:1px solid #e5eaf1; border-radius:6px; background:#fff; }
    .table-product-no-image { display:flex; align-items:center; justify-content:center; color:#7b8795; font-size:10px; }
    .result-table .cpu-name { font-weight:700; color:#172033; overflow-wrap:anywhere; }
    .result-table .product-brand { margin-top:2px; }
    .result-table .sub-title { color:var(--muted); font-size:12px; margin-top:2px; overflow-wrap:anywhere; }
    .result-table .price { margin:0; font-size:14px; white-space:nowrap; }
    .result-table .nowrap { white-space:nowrap; }
    .table-exclusion-cell { min-width:220px; max-width:320px; }
    .table-exclusion-cell .exclusion-reasons { margin-top:0; }
    .notice { margin-bottom:12px; border:1px solid #b8dfd4; background:#eefbf7; color:var(--green); border-radius:8px; padding:10px 12px; }
    .maintenance-notice { display:grid; gap:4px; margin:0 0 12px; border:1px solid #f2d59c; background:#fff8e9; color:#6d4a05; border-radius:8px; padding:10px 12px; line-height:1.55; }
    .maintenance-notice strong { color:#513800; }
    .maintenance-notice span { font-size:12px; color:#80622a; }
    .error { margin-bottom:12px; border:1px solid #f2b8b5; background:#fff5f5; color:var(--red); border-radius:8px; padding:10px 12px; }
    .empty { border:1px dashed var(--line); border-radius:8px; padding:18px; background:#fff; color:var(--muted); }
    .category-overview { display:grid; gap:12px; }
    .category-overview-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .category-overview-head-start { justify-content:flex-start; flex-wrap:wrap; }
    .category-overview h2 { margin:0; font-size:17px; }
    .category-overview-head > span { color:var(--muted); font-size:12px; }
    .category-overview-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; min-width:0; color:var(--muted); font-size:12px; }
    .category-related-links { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-top:2px; }
    .category-related-link { display:inline-flex; align-items:center; min-height:32px; border:1px solid #dce4ee; border-radius:7px; background:#fff; color:#263241; padding:5px 10px; font-size:13px; font-weight:800; }
    .category-related-link:hover { color:#173d83; border-color:#bad0f0; background:#f4f8ff; text-decoration:none; }
    .category-search-footer { margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
    .category-footer-placeholder { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:12px; color:var(--muted); }
    .category-footer-placeholder-main { display:grid; gap:2px; min-width:0; }
    .category-footer-placeholder-main strong { color:var(--text); font-size:15px; }
    .category-footer-placeholder-main span { font-size:12px; }
    .category-footer-placeholder-links { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
    .category-list-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
    .category-card { display:grid; gap:5px; min-height:72px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--text); padding:12px; text-decoration:none; }
    .category-card:hover { border-color:#b9d7ef; background:#f7fbff; box-shadow:0 2px 8px rgba(31,95,209,.07); }
    .category-card strong { font-size:15px; line-height:1.35; overflow-wrap:anywhere; }
    .category-card-main { display:flex; align-items:center; gap:7px; min-width:0; color:var(--text); }
    .category-card-main strong { min-width:0; }
    .category-card-meta { color:var(--muted); font-size:12px; line-height:1.4; }
    .category-family-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; align-items:start; }
    .category-family { display:grid; gap:7px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:10px; min-width:0; }
    .category-family-title { display:grid; gap:3px; color:var(--text); text-decoration:none; padding:2px 2px 8px; border-bottom:1px solid #e8edf4; }
    .category-family-title:hover strong { color:var(--blue); }
    .category-family-main { display:flex; align-items:center; gap:7px; min-width:0; color:var(--text); }
    .category-family-main strong { min-width:0; }
    .category-family-title strong { font-size:15px; line-height:1.35; }
    .category-family-meta { color:var(--muted); font-size:12px; line-height:1.4; }
    .category-descendant-list { display:grid; gap:1px; }
    .category-descendant-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; min-height:28px; padding:4px 6px 4px calc(8px + var(--level, 0) * 16px); border-radius:6px; color:var(--text); text-decoration:none; }
    .category-descendant-row:hover { background:#f4f8ff; color:#173d83; }
    .category-descendant-row.has-children .category-descendant-name { font-weight:700; }
    .category-descendant-main { display:flex; align-items:center; gap:6px; min-width:0; }
    .category-descendant-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .category-descendant-meta { color:var(--muted); font-size:12px; white-space:nowrap; }
    @supports (content-visibility:auto) {
      .product { content-visibility:auto; contain-intrinsic-size:auto 156px; }
      .category-card { content-visibility:auto; contain-intrinsic-size:auto 72px; }
      .category-family { content-visibility:auto; contain-intrinsic-size:auto 420px; }
      .category-descendant-row { content-visibility:auto; contain-intrinsic-size:auto 28px; }
    }
    .pager { display:flex; gap:6px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
    .pager.bottom-pager { justify-content:center; margin:16px 0 2px; }
    .page-link { min-width:34px; min-height:32px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--text); display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; font-weight:700; line-height:1; }
    .page-link:hover { background:#f1f5fb; }
    .page-link.current { background:var(--blue); border-color:var(--blue); color:#fff; }
    .page-prev, .page-next { min-width:56px; }
    .page-ellipsis { color:var(--muted); padding:0 2px; }
    @media (max-width:760px) {
      .table-wrap { background:transparent; border:0; border-radius:0; overflow:visible; }
      .result-table { display:block; width:100%; min-width:0 !important; border-collapse:separate; }
      .result-table thead { display:none; }
      .result-table tbody { display:grid; gap:10px; }
      .result-table tr { display:grid; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 1px 4px rgba(17,24,39,.04); }
      .result-table tbody tr:nth-child(even) { background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%); border-color:#cfdbea; }
      .result-table tbody tr:hover { background:#f4f9ff; }
      .result-table td { display:grid; grid-template-columns:82px minmax(0,1fr); gap:8px; align-items:start; border-bottom:1px solid #edf1f6; padding:8px 10px; min-width:0; }
      .result-table td:last-child { border-bottom:0; }
      .result-table td::before { content:attr(data-label); color:#667385; font-size:12px; font-weight:800; line-height:1.35; padding-top:2px; overflow-wrap:anywhere; }
      .result-table .table-product-cell { display:block; padding:10px; background:rgba(237,243,255,.58); }
      .result-table .table-product-cell::before { display:block; margin-bottom:7px; padding-top:0; }
      .result-table .table-product-main { grid-template-columns:54px minmax(0,1fr); gap:9px; min-width:0; }
      .result-table .table-product-main img, .result-table .table-product-no-image { width:54px; height:54px; }
      .result-table .product-title-row { align-items:flex-start; gap:5px; }
      .result-table .detail-cta { min-height:21px; padding:2px 7px; }
      .result-table .table-price-cell .price { font-size:16px; }
      .result-table .table-metric-cell { min-width:0; }
      .result-table .table-metric-cell .spec { width:100%; justify-content:space-between; min-width:0; }
      .result-table .table-metric-cell .spec-value { justify-content:flex-end; text-align:right; overflow-wrap:anywhere; }
      .result-table .table-spec-cell .specs { margin-top:0; }
      .result-table .socket-cell { min-width:0; max-width:none; width:100%; }
      .result-table .socket-cell-row { grid-template-columns:48px minmax(0,1fr); }
      .result-table .offer-details { min-width:0; }
      @supports (content-visibility:auto) {
        .result-table tr { content-visibility:auto; contain-intrinsic-size:auto 220px; }
      }
    }
    @media (max-width:980px) {
      .site-header { min-height:62px; padding:10px 10px 0; gap:12px; }
      .site-header-extra { min-height:48px; }
      .share-button { min-height:34px; padding:5px 10px; }
      .layout { grid-template-columns:1fr; padding:10px; }
      .sidebar { display:none; }
      main { order:1; }
      .topbar { flex-direction:column; }
      .seo-intro { margin:0 0 8px; padding:7px 9px; border-radius:7px; font-size:12px; }
      .seo-intro p { line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
      .seo-intro ul { display:none; }
      .mobile-breadcrumb { display:flex; align-items:center; gap:5px; flex-wrap:wrap; margin:8px 0 8px; color:var(--muted); font-size:12px; }
      .mobile-breadcrumb .crumb { display:inline-flex; align-items:center; min-height:24px; border:1px solid #dce2eb; border-radius:6px; padding:2px 7px; background:#fff; color:var(--text); }
      .mobile-breadcrumb .crumb.parent { color:#45546a; }
      .mobile-breadcrumb .crumb.current { background:var(--soft); border-color:#cfe0ff; color:#173d83; font-weight:800; }
      .mobile-filter-button { display:inline-flex; width:100%; min-height:40px; margin:4px 0 12px; font-weight:800; }
      .modal-close { display:inline-flex; width:100%; margin-bottom:8px; min-height:38px; font-weight:800; }
      .cat-picker[open] .cat-child-menu { position:fixed; inset:18px; z-index:120; max-height:none; align-content:start; padding:12px; border-radius:10px; box-shadow:0 18px 48px rgba(17,24,39,.32); }
      .cat-menu-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:8px; margin-bottom:4px; border-bottom:1px solid var(--line); }
      .cat-menu-head button { flex:0 0 auto; min-height:30px; }
      .pager { justify-content:flex-start; }
      body.filters-open { overflow:hidden; }
      body.filters-open .sidebar { display:grid; position:fixed; inset:10px; z-index:80; overflow:auto; align-content:start; padding:8px; background:var(--bg); border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 48px rgba(17,24,39,.28); }
    }
    @media (max-width:560px) {
      .layout { padding:8px; gap:10px; }
      .site-footer { margin:20px 10px 0; padding-bottom:16px; }
      .site-footer-inner { align-items:flex-start; flex-direction:column; }
      .site-footer-nav { justify-content:flex-start; }
      .products { grid-template-columns:1fr; }
      .product { grid-template-columns:84px minmax(0,1fr); gap:8px; padding:8px; }
      .search-actions { grid-template-columns:56px minmax(0,1fr) auto; }
      .panel-head { align-items:flex-start; flex-direction:column; }
      .result-head { align-items:flex-start; flex-direction:column; }
      .product img, .no-image { width:84px; height:84px; }
      .image-offers { font-size:10px; }
      .image-offers .offer-price-link { justify-content:flex-start; flex-wrap:wrap; }
      .product-title { font-size:13px; }
    }
    @media (max-width:360px) {
      .product { grid-template-columns:76px minmax(0,1fr); }
      .product img, .no-image { width:76px; height:76px; }
    }