.sf-button.comparison-toggle[aria-pressed=true]{border-color:var(--sf-primary);background:var(--sf-primary);color:#fff}.comparison-page{min-width:0}.comparison-page .comparison-scroll{overscroll-behavior-x:contain;border:1px solid var(--sf-border);background:var(--sf-surface);border-radius:10px;max-width:100%;overflow-x:auto}.comparison-page .comparison-scroll table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.comparison-page .comparison-scroll :is(th,td){border:1px solid var(--sf-border);vertical-align:top;overflow-wrap:anywhere;text-align:left;width:260px;min-width:260px;max-width:320px;padding:16px}.comparison-page .comparison-scroll tr>:first-child{background:var(--sf-surface);width:160px;min-width:160px;max-width:180px;font-weight:600}.comparison-page .comparison-scroll thead th{background:var(--sf-surface)}.comparison-product{gap:12px;min-width:0;font-weight:400;display:grid;position:relative}.comparison-product h2{min-height:2.7em;margin:0;font-size:1rem;line-height:1.35}.comparison-product p{margin:0}.comparison-product .comparison-brand{color:var(--sf-muted);font-size:.85rem}.comparison-image{background:var(--sf-surface);place-items:center;height:180px;padding:20px;display:grid}.comparison-image img{object-fit:contain;width:100%;height:100%;max-height:140px}.comparison-image>span{color:var(--sf-muted);font-size:2rem}.comparison-product .comparison-remove{border:1px solid var(--sf-border);background:var(--sf-surface);width:44px;height:44px;color:var(--sf-muted);font:inherit;cursor:pointer;border-radius:8px;padding:0;font-size:1.4rem;position:absolute;top:0;right:0}.comparison-product .sf-badge{white-space:normal;justify-self:start}.comparison-product :is(.sf-button,select){width:100%;min-height:44px}.comparison-variant{gap:6px;min-width:0;font-size:.85rem;display:grid}.comparison-variant select{border:1px solid var(--sf-border);background:var(--sf-surface);min-width:0;max-width:100%;color:var(--sf-text);font:inherit;border-radius:8px;padding:8px}.comparison-product .sf-price{flex-wrap:wrap}.comparison-product .sf-status{overflow-wrap:anywhere;gap:8px;padding:10px;font-size:.8rem;display:grid}.comparison-product .sf-status a{text-decoration:underline}.comparison-empty{border:1px solid var(--sf-border);background:var(--sf-surface);border-radius:10px;padding:24px}.comparison-empty p{margin:0 0 16px}.comparison-empty .sf-button{min-height:44px}@media (max-width:640px){.comparison-page .comparison-scroll tr>:first-child{width:160px;min-width:160px;max-width:160px;padding:12px}}