.sf-lists{padding-block:var(--space-6) var(--space-12)}.sf-lists--account{padding-block:0}.sf-lists__head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.sf-lists__title{align-items:center;gap:var(--space-3);font-size:var(--sf-h1-size);letter-spacing:var(--tracking-tight);margin:0;display:inline-flex}.sf-lists__count{min-height:26px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--sf-text-soft);font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.sf-lists__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.sf-lists__actions .sf-btn{gap:var(--space-2)}.sf-lists__notice{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--info-border);border-radius:var(--sf-radius);background:var(--info-bg);color:var(--sf-text);flex-wrap:wrap;display:flex}.sf-lists__empty{margin-block:var(--space-8)}.sf-list-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.sf-list-grid .sf-product-card[data-leaving]{opacity:.35;transition:opacity var(--transition-fast)}.sf-compare__bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.sf-compare__tabs{gap:var(--space-1);border-bottom:1px solid var(--sf-line);scrollbar-width:thin;max-width:100%;display:flex;overflow-x:auto}.sf-compare__tab{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--sf-text-soft);font:inherit;font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;text-decoration:none;display:inline-flex}.sf-compare__tab:hover{background:var(--surface-hover);color:var(--sf-text)}.sf-compare__tab[aria-selected=true],.sf-compare__tab[aria-current=true]{border-bottom-color:var(--sf-primary);color:var(--sf-text)}.sf-compare__tab:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.sf-compare__tab-count{border-radius:var(--radius-sm);background:var(--surface-raised);min-width:20px;min-height:20px;color:var(--sf-text-soft);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.sf-compare__diff{align-items:center;gap:var(--space-2);min-height:44px;font-weight:var(--weight-semibold);cursor:pointer;display:inline-flex}.sf-compare__diff input{width:18px;height:18px;accent-color:var(--sf-primary);margin:0}.sf-compare__panel+.sf-compare__panel{margin-top:var(--space-8)}.sf-compare__panel[hidden]{display:none}.sf-compare__heading{margin:0 0 var(--space-3);font-size:var(--text-lg)}.sf-compare__scroll{border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-surface);width:fit-content;max-width:100%}.sf-compare__scroll:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.sf-compare__table{width:min(100%, calc(200px + var(--compare-columns,4) * 280px));border-collapse:separate;border-spacing:0;table-layout:fixed;max-width:100%}.sf-compare__table th,.sf-compare__table td{padding:var(--space-3);border-bottom:1px solid var(--line-hairline);text-align:start;vertical-align:top;overflow-wrap:anywhere}.sf-compare__table tbody th{width:200px;color:var(--sf-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sf-compare__table tbody tr:last-child>*{border-bottom:0}.sf-compare__table thead>tr>*{z-index:2;background:var(--sf-surface);box-shadow:inset 0 -1px 0 var(--sf-line);position:sticky;top:0}.sf-compare__table .sf-compare__corner{vertical-align:bottom;width:200px}.sf-compare__hint{color:var(--sf-text-soft);font-size:var(--text-xs);display:none}.sf-compare__product{font-weight:var(--weight-medium);position:relative}.sf-compare__remove{top:var(--space-2);z-index:1;border:1px solid var(--sf-line);border-radius:var(--radius-sm);background:var(--sf-surface);width:32px;height:32px;color:var(--sf-text-soft);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--space-2)}.sf-compare__remove:hover{border-color:var(--danger-border);color:var(--danger)}.sf-compare__link{gap:var(--space-2);color:var(--sf-text);text-decoration:none;display:grid}.sf-compare__link:hover .sf-compare__name{text-decoration:underline}.sf-compare__media{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--sf-media-bg,var(--surface-raised));place-items:center;width:100%;max-width:140px;display:grid;overflow:hidden}.sf-compare__media img{object-fit:contain;width:100%;height:100%}.sf-compare__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-compare__price{margin:var(--space-2) 0}.sf-compare__buy{gap:var(--space-2);justify-content:center;width:100%}.sf-compare__table td[data-state=in]{color:var(--brand-deep);font-weight:var(--weight-semibold)}.sf-compare__table td[data-state=out]{color:var(--sf-text-soft)}.sf-compare__table tbody tr[data-differs] td{background:var(--sf-primary-wash,var(--brand-wash-soft))}.sf-compare:has([data-compare-diff]:checked) tbody tr[data-same]{display:none}.sf-compare__table tbody tr:hover>*{background:var(--surface-hover)}@media (width<=1023px){.sf-compare__scroll{overscroll-behavior-x:contain;max-height:78dvh;overflow:auto}.sf-compare__table{width:max-content;min-width:100%}.sf-compare__table th,.sf-compare__table td{width:168px;min-width:168px;max-width:168px}.sf-compare__table tbody th,.sf-compare__corner{z-index:1;background:var(--sf-surface);box-shadow:inset -1px 0 0 var(--sf-line);position:sticky;left:0;width:116px!important;min-width:116px!important;max-width:116px!important}.sf-compare__corner{z-index:3}.sf-compare__hint{display:block}.sf-compare__media{max-width:96px}.sf-lists__title{font-size:var(--sf-h1-size)}}