.compare-page{--comparison-green:#176343;--comparison-green-bg:#eef8f1}[data-theme=dark] .compare-page{--comparison-green:#8ee1b2;--comparison-green-bg:#1b3429}.compare-page .compare-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.compare-page .compare-heading .page-heading{min-width:0}.compare-page .compare-heading>.button{flex-shrink:0;margin:0}.compare-page .compare-selection-bar{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:20px 0 8px;font-size:13px;display:flex}.compare-selection-bar small{font-size:inherit}.compare-page .comparison-add-button{color:var(--accent);background:0 0;border:0;padding-inline:0}.compare-page .compare-controls{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.compare-page .switch-label{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.compare-page .switch-label input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-page .switch-label:has(input:disabled){opacity:.5}.comparison-mobile-view{display:none}.compare-page .comparison-scroll{border:1px solid var(--line);background:var(--surface);isolation:auto;border-radius:16px;width:100%;max-height:none;overflow:visible}.compare-page .comparison-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:0}.compare-page .comparison-label{text-align:start;width:156px;min-width:0;font-size:14px}.compare-page .comparison-table thead th{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);vertical-align:middle;padding:18px 14px;position:sticky;top:0}.compare-page .comparison-table thead th:first-child{z-index:5;border-start-start-radius:16px;inset-inline-start:auto}.compare-page .comparison-table thead th:last-child{border-start-end-radius:16px}.compare-page .comparison-bike{text-align:center;width:auto;min-width:0}.compare-page .comparison-remove{min-width:64px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:6px;padding:8px 12px;font-size:12px;font-weight:400;display:inline-flex}.compare-page .comparison-remove:hover{background:var(--surface-2);color:var(--text)}.compare-page .comparison-image{background:var(--product-image-surface);border-radius:10px;height:100px;margin:0 0 10px;display:block;position:relative}.compare-page .comparison-image .bike-image{mix-blend-mode:multiply;padding:5px}.compare-page .comparison-bike h2{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.8}.compare-page .comparison-bike-brand{color:var(--muted);letter-spacing:0;margin-top:3px;font-size:12px;font-weight:400;display:block}.compare-page .comparison-table tbody th,.compare-page .comparison-table tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px;font-size:13px;line-height:1.8}.compare-page .comparison-table tbody th[scope=row]{background:var(--surface);color:var(--muted);box-shadow:none;font-weight:400;position:static}.compare-page .comparison-table tbody td{text-align:center;border-inline-start:1px solid var(--line);overflow-wrap:anywhere;font-weight:400}.compare-page .comparison-table tr.different td{background:0 0}.compare-page .comparison-table tbody td.is-best,.comparison-mobile-cell.is-best{background:var(--comparison-green-bg)}.compare-page .comparison-table tr.comparison-group th{background:var(--surface-2);color:var(--text);text-align:start;padding:10px 14px;font-size:13px;font-weight:600}.comparison-value{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 6px;min-height:30px;display:flex}.comparison-value b{color:var(--text);overflow-wrap:anywhere;font-size:17px;font-weight:550}.comparison-value .spec-unit{color:var(--muted);font-size:11px}.is-best .comparison-value b{color:var(--comparison-green);font-weight:650}.comparison-advantage{color:var(--comparison-green);justify-content:center;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.comparison-advantage svg{flex-shrink:0}.comparison-delta,.comparison-value-note{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.8;display:block}.comparison-original{color:var(--muted);font-size:12px}.comparison-original summary{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.comparison-original summary .comparison-value{min-height:0}.comparison-original summary>svg{flex-shrink:0}.comparison-original p{background:var(--surface);overflow-wrap:anywhere;border-radius:8px;padding:8px;line-height:1.9}.comparison-row-label{text-align:start;color:var(--text);flex-direction:column;gap:5px;font-weight:500;display:flex}.comparison-row-label small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.9}.compare-page .comparison-source,.compare-page .source-compare-row td a{min-height:44px;color:var(--accent);align-items:center;gap:5px;font-size:12px;display:inline-flex}.compare-page .comparison-no-rows{text-align:center;color:var(--muted);padding:24px 16px;font-size:13px}.comparison-summary{border-top:1px solid var(--line);margin-top:16px;padding:18px 0 0;font-size:13px;line-height:2}.comparison-summary h2{margin-bottom:4px;font-size:14px}.comparison-summary p{margin-block:3px}.comparison-conclusion-item{margin-inline-end:8px}.comparison-summary small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.compare-page .compare-bottom-note{color:var(--muted);align-items:center;gap:5px;margin-top:16px;font-size:11px;line-height:1.9;display:flex}.compare-bottom-note svg{color:var(--comparison-green);flex-shrink:0}.comparison-single-note{color:var(--muted);font-size:12px;line-height:1.9}.compare-page .compare-empty{flex-direction:column;align-items:center;margin-top:32px;padding:44px 24px;display:flex}.compare-page .compare-empty h2{margin:0;font-size:18px;line-height:1.9}.compare-page .compare-empty p{margin:10px 0 0;font-size:13px;line-height:2}.compare-page .compare-empty .button{margin-top:24px}@media (max-width:959px){.comparison-desktop-view{display:none}.comparison-mobile-view{display:block}.compare-page .compare-heading .page-heading h1{letter-spacing:-.6px;font-size:clamp(20px,5.6vw,28px);line-height:1.7}.compare-page .compare-heading>.button{padding-inline:10px;font-size:12px}.compare-page .compare-selection-bar{margin-top:14px;font-size:12px}.compare-page .comparison-add-button{font-size:12px}.compare-page .compare-controls{margin-bottom:14px}.comparison-mobile-table{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;container-type:inline-size}.comparison-mobile-header{z-index:6;background:var(--surface);box-shadow:0 1px 0 var(--line);border-start-start-radius:12px;border-start-end-radius:12px;position:sticky;top:0}.comparison-scroll-guide{background:var(--surface);min-height:44px;color:var(--text);text-align:center;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:4px;padding:2px 4px;font-size:11px;display:flex}.comparison-scroll-arrow{width:44px;height:44px;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.comparison-scroll-arrow:hover:enabled{background:var(--surface)}.comparison-scroll-arrow:disabled{opacity:.3;cursor:default}.comparison-mobile-head-scroll,.comparison-mobile-scroll{overscroll-behavior-x:contain;scroll-behavior:auto;direction:inherit;overflow-x:auto}.comparison-mobile-head-scroll{scrollbar-width:none}.comparison-mobile-head-scroll::-webkit-scrollbar{display:none}.comparison-mobile-scroll{scrollbar-width:thin;scrollbar-color:var(--muted) var(--surface-2);border-radius:0 0 12px 12px}.comparison-mobile-models,.comparison-mobile-specs{width:calc(100cqw * var(--mobile-model-count) / var(--mobile-columns))}.comparison-mobile-models{grid-template-columns:repeat(var(--mobile-model-count), minmax(0, 1fr));display:grid}.comparison-mobile-model{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:10px 8px 2px;display:flex}.comparison-mobile-model+.comparison-mobile-model{border-inline-start:1px solid var(--line)}.comparison-mobile-model .comparison-model-link{flex:1;width:100%}.comparison-mobile-image{background:var(--product-image-surface);border-radius:8px;height:62px;margin-bottom:7px;display:block;position:relative}.comparison-mobile-image .bike-image{mix-blend-mode:multiply;padding:4px}.comparison-mobile-model h2{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.8}.comparison-mobile-model small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.8;display:block}.compare-page .comparison-mobile-model .comparison-remove{margin-top:0}.comparison-mobile-specs{table-layout:fixed;border-collapse:separate;border-spacing:0}.comparison-mobile-specs th{text-align:start;padding:0}.comparison-mobile-row-heading{white-space:normal;overflow-wrap:anywhere;width:100cqw;padding:10px 12px;position:sticky;inset-inline-start:0}.comparison-mobile-group th{background:var(--surface-2);border-block:1px solid var(--line);font-size:13px;font-weight:600}.comparison-mobile-label th{background:var(--surface);border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.comparison-mobile-cell{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;overflow-wrap:anywhere;padding:12px 8px;font-size:13px;font-weight:400}.comparison-mobile-cell+.comparison-mobile-cell{border-inline-start:1px solid var(--line)}.comparison-value b{font-size:17px}}@media (prefers-reduced-motion:reduce){.compare-page *,.compare-page :after{scroll-behavior:auto!important;transition:none!important}}