/* Comparison values stay quiet; one verified advantage is the visual accent. */
.fit-matrix-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; margin-top:20px; }
.fit-matrix-toolbar .fit-comparison-controls { display:flex; align-items:center; gap:9px; min-height:44px; font-size:.875rem; font-weight:600; cursor:pointer; }
.fit-matrix-toolbar input { width:18px; height:18px; margin:0; accent-color:#2b6c40; }
.fit-matrix-legend { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; color:#52635a; font-size:.8125rem; }
.fit-matrix-legend__best { padding:4px 8px; border-radius:4px; background:#eaf5ee; color:#25653b; font-weight:600; }
.fit-matrix-scroll { max-height:72vh; max-height:72dvh; overflow:auto; overscroll-behavior:contain; margin-top:10px; scrollbar-gutter:stable; border-radius:8px; }
.fit-matrix { border-collapse:separate; border-spacing:0; table-layout:fixed; }
.fit-matrix thead th, #fit-pdp-comparison.fit-matrix thead th { position:sticky; top:0; z-index:3; width:220px; min-width:220px; background:#f4f7f5; color:#213e36; border-bottom:2px solid #dce4e1; }
.fit-matrix thead th:first-child { left:0; z-index:5; width:220px; min-width:220px; vertical-align:middle; }
.fit-matrix tbody th[scope="row"], .fit-matrix tfoot th { position:sticky; left:0; z-index:2; width:220px; background:#f7f9f7; white-space:normal; overflow-wrap:anywhere; font-size:.875rem; line-height:1.5; }
.fit-matrix th, .fit-matrix td { box-sizing:border-box; padding:14px 16px; line-height:1.5; overflow-wrap:anywhere; }
.fit-matrix td { background:#fff; font-size:.9375rem; }
.fit-matrix .fit-matrix-numeric td { text-align:right; font-variant-numeric:tabular-nums; }
.fit-matrix thead a, #fit-pdp-comparison.fit-matrix thead a { color:#213e36; }
.fit-matrix .fit-matrix-product { display:flex; align-items:center; gap:10px; text-decoration:none; }
.fit-matrix-product__media { flex:0 0 56px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:4px; }
.fit-matrix-product__media img { width:56px; height:56px; object-fit:contain; }
.fit-matrix-product__identity { min-width:0; }
.fit-matrix-product__name { display:block; font-size:.9375rem; font-weight:700; line-height:1.4; }
.fit-matrix thead small, #fit-pdp-comparison.fit-matrix thead small { color:#52635a; font-size:.75rem; font-weight:400; line-height:1.45; }
.fit-matrix-product__source { margin-top:6px; }
.fit-matrix .fit-matrix-section th { padding:10px 16px; background:#edf2ef; color:#213e36; text-align:left; font-size:.8125rem; font-weight:700; border-bottom:1px solid #dce4e1; }
.fit-matrix-section th > span { position:sticky; left:16px; }
.fit-matrix tbody tr:hover td { background:#fafcfb; }
.fit-matrix .fit-matrix-best, .fit-matrix tbody tr:hover .fit-matrix-best { background:#eaf5ee; color:#25653b; font-weight:700; box-shadow:inset 3px 0 #79ab86; }
.fit-matrix-best__label { display:block; margin-top:4px; color:#25653b; font-size:.6875rem; line-height:1.4; font-weight:600; }
.fit-matrix td .fit-matrix-unknown { display:inline-block; min-width:44px; max-width:100%; margin:-8px 0; color:#64746b; font-weight:400; font-style:normal; }
.fit-matrix td .fit-matrix-unknown summary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 8px; list-style:none; cursor:pointer; }
.fit-matrix-unknown summary::-webkit-details-marker { display:none; }
.fit-matrix-unknown > span { display:block; max-width:180px; padding:4px 8px; font-size:.75rem; text-align:left; }
.fit-matrix td details:not(.fit-matrix-unknown) summary { font-size:.8125rem; }
.fit-matrix tfoot td, .fit-matrix tfoot th { border-top:1px solid #dce4e1; border-bottom:0; }
.fit-matrix tfoot a { display:inline-flex; align-items:center; min-height:44px; color:#25653b; font-size:.8125rem; font-weight:600; }
.fit-matrix-filter-status { margin:8px 0 0; color:#52635a; font-size:.8125rem; }
.fit-matrix-filter-status:empty { display:none; }
.fit-matrix [hidden], .fit-matrix-scroll [hidden] { display:none !important; }
.fit-matrix-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.fit-matrix-scroll:focus-visible, .fit-matrix :is(a,summary):focus-visible, .fit-matrix-toolbar input:focus-visible { outline:3px solid #25653b; outline-offset:3px; }
@media (max-width:600px) {
    .fit-matrix-toolbar { gap:4px; }
    .fit-matrix-legend { gap:8px 12px; font-size:.75rem; }
    .fit-matrix { min-width:0; width:max-content; }
    .fit-matrix thead th, #fit-pdp-comparison.fit-matrix thead th { width:180px; min-width:180px; }
    .fit-matrix thead th:first-child, #fit-pdp-comparison.fit-matrix thead th:first-child, .fit-matrix tbody th[scope="row"], .fit-matrix tfoot th { width:132px; min-width:132px; max-width:132px; }
    .fit-matrix th, .fit-matrix td { padding:12px; }
    .fit-matrix tbody th[scope="row"] { font-size:.75rem; }
    .fit-matrix td { font-size:.875rem; }
    .fit-matrix .fit-matrix-product { flex-direction:column; align-items:flex-start; gap:6px; }
    .fit-matrix-product__media { flex-basis:auto; }
    .fit-matrix-product__media img { width:40px; height:40px; }
    .fit-matrix-product__name { font-size:.8125rem; }
    .fit-matrix thead small, #fit-pdp-comparison.fit-matrix thead small { font-size:.6875rem; }
    .fit-matrix-scroll { max-height:76vh; max-height:76dvh; }
}