/* compare.html purifier table: icon above each value (icons from the comparison design, assets/compare/) */
.spec-matrix td.mx-cell{position:relative;vertical-align:top;text-align:center}
.spec-matrix .mx-ico{display:block;width:40px;height:40px;margin:0 auto 12px;object-fit:contain}
.spec-matrix td.mx-cell b{display:block;font-weight:500;font-size:14px;line-height:1.4;letter-spacing:-.02em;color:#000}
.spec-matrix td.mx-cell small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#6B6B66}
.spec-matrix td.matrix-no.mx-cell{vertical-align:middle}
.spec-matrix td.matrix-no .mx-ico{width:26px;height:26px;margin:0 auto;opacity:.55}
@media(max-width:700px){.spec-matrix .mx-ico{width:32px;height:32px;margin-bottom:8px}.spec-matrix td.mx-cell b{font-size:13px}.spec-matrix td.mx-cell small{font-size:11px}}
.spec-matrix td.mx-noicon{padding-top:73px}
@media(max-width:700px){.spec-matrix td.mx-noicon{padding-top:56px}}

/* pinned compact model header (compare-sticky.js) */
.mx-float{position:fixed;z-index:60;display:flex;background:#fff;box-shadow:0 1px 0 #E3E3DE;border-bottom:1px solid #E3E3DE;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.mx-float.is-on{opacity:1;visibility:visible;transform:none}
.mx-float__label{flex:none;display:flex;align-items:center;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#6B6B66;background:#fff;position:relative;z-index:1}
.mx-float__view{flex:1;min-width:0;overflow:hidden}
.mx-float__row{display:flex;will-change:transform}
.mx-float__c{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 8px;font-size:14px;font-weight:500;letter-spacing:-.03em;color:#000;text-decoration:none}
.mx-float__c img{width:40px;height:40px;object-fit:contain}
@media(max-width:700px){.mx-float__c{flex-direction:column;gap:4px;font-size:11px;padding:8px 4px}.mx-float__c img{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.mx-float{transition:none}}
/* locks table (23 Oct 2026): same icon + label cells as the purifiers; its icons are inline line SVGs */
.spec-matrix svg.mx-ico{color:#000;overflow:visible}
#matrix-locks td.mx-cell{text-align:center}
.spec-matrix td.mx-brand .mx-logo{display:block;height:24px;width:auto;margin:8px auto 14px}
.spec-matrix td.mx-brand small{max-width:30ch;margin-inline:auto}
@media(max-width:700px){.spec-matrix td.mx-brand .mx-logo{height:18px;margin:6px auto 10px}}
.spec-matrix td.mx-swatch .mx-dots{display:flex;justify-content:center;gap:10px;height:40px;align-items:center;margin:0 auto 12px}
.spec-matrix td.mx-swatch .mx-dots i{width:30px;height:30px;border-radius:50%;box-shadow:none}
@media(max-width:700px){.spec-matrix td.mx-swatch .mx-dots{height:32px;margin-bottom:8px}.spec-matrix td.mx-swatch .mx-dots i{width:24px;height:24px}}