.compare-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit;cursor:pointer}.compare-toggle .icon{width:1.05rem;height:1.05rem}.lcard__compare{position:absolute;top:.75rem;right:.75rem;z-index:3;min-height:2.25rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text);font-size:var(--fs-xs);font-weight:600;box-shadow:var(--shadow-sm);transition:background-color var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}.lcard__compare:hover{border-color:var(--primary);color:var(--primary-text)}.compare-toggle[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.compare-toggle--wide{margin-top:.75rem}.compare-toggle--wide[aria-pressed=true]{border-color:var(--primary)}.compare-tray{position:fixed;inset:auto 0 0;z-index:95;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.7rem max(1rem,env(safe-area-inset-left)) calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 -8px 24px #00000014}.compare-tray[hidden]{display:none}.compare-tray__title{margin:0;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600}.compare-tray__items{display:flex;flex:1 1 14rem;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.compare-tray__item{display:inline-flex;align-items:center;gap:.35rem;max-width:15rem;padding:.2rem .3rem .2rem .8rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);font-size:var(--fs-xs);font-weight:500}.compare-tray__item>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-tray__x{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}.compare-tray__x:hover{background:var(--primary-soft);color:var(--primary-text)}.compare-tray__x .icon{width:.9rem;height:.9rem}.compare-tray__msg{flex-basis:100%;margin:0;color:var(--primary-text);font-size:var(--fs-xs);font-weight:600}.compare-tray__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.compare-tray__clear{padding:.4rem .6rem;border:0;background:none;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}.compare-tray__clear:hover{color:var(--primary-text);text-decoration:underline}@media(max-width:767.98px){.compare-tray{bottom:var(--dock-space, calc(3.6rem + env(safe-area-inset-bottom)) );padding-bottom:.7rem;border-bottom:1px solid var(--border)}.compare-tray__actions{flex:1 1 100%;margin-left:0}.compare-tray__actions .btn{flex:1}}.compare .muted{color:var(--text-muted)}.compare .compare__empty{max-width:40rem;padding:clamp(2rem,6vw,3.5rem) clamp(1.25rem,5vw,3rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.compare .empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem}.compare__scroll{position:relative;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.compare__table{width:100%;min-width:calc(8.5rem + var(--cols, 3) * 13rem);border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--fs-sm)}.compare__table th,.compare__table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.compare__table tbody tr:last-child>*,.compare__table tfoot td{border-bottom:0}.compare__table thead>tr>*{vertical-align:top}.compare__table thead>.compare__head--add,.compare__table thead>tr>.compare__head--add{vertical-align:middle}.compare__table tbody th[scope=row]{width:8.5rem;color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.compare__table tbody th[scope=row] .icon{width:1rem;height:1rem;margin-right:.4rem;vertical-align:-.15em;color:var(--primary-text)}.compare__table tbody th[scope=row],.compare__corner{position:sticky;left:0;z-index:1;width:8.5rem;background:var(--surface-elevated)}.compare__table .compare__group th{position:static;width:auto;padding-block:.6rem;background:var(--primary-soft);color:var(--primary-text);font-family:var(--font-heading);font-size:var(--fs-sm);letter-spacing:0;text-transform:none}.compare__head{display:table-cell;font-weight:400}.compare__logo{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.6rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.compare__logo img{width:100%;height:100%;object-fit:contain}.compare__logo--photo{padding:0;overflow:hidden}.compare__logo--photo{position:relative}.compare__logo--photo img{position:absolute;inset:0;object-fit:cover}.compare__logo--letters{background:var(--primary-soft);color:var(--primary-text);font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:.02em;line-height:1}.compare__name{display:block;color:var(--text);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:600;line-height:1.3;text-decoration:none}.compare__name:hover{color:var(--primary-text)}.compare__remove{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;color:var(--text-muted);font-size:var(--fs-xs);font-weight:500}.compare__remove .icon{width:.9rem;height:.9rem}.compare__remove:hover{color:var(--primary-text)}.compare__head--add{vertical-align:middle}.compare__list{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.compare__none{color:var(--text-muted)}.compare__yes{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--success-soft, rgb(34 160 90 / .14));color:var(--success, #1b8a4b)}.compare__yes .icon{width:.95rem;height:.95rem}.compare__best{display:inline-block;margin-left:.25rem;padding:.1em .6em;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--success) 24%,transparent);color:var(--text);font-size:var(--fs-xs);font-weight:600;vertical-align:.1em}.compare__actions{display:grid;gap:.5rem}.compare__note{margin:1rem 0 0;font-size:var(--fs-sm)}@media(max-width:767.98px){.compare-tray__items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.compare-tray__item{flex:none}}.compare__more{display:none}@media(max-width:767.98px){.compare__scroll{position:static;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}.compare__table,.compare__table thead,.compare__table tbody,.compare__table tfoot{display:block;min-width:0;width:100%}.compare__table tr{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr))}.compare__table th,.compare__table td{min-width:0;padding:.2rem .75rem .85rem;border:0;overflow-wrap:anywhere}.compare__corner,.compare__spare,.compare__head--add{display:none}.compare__table thead{position:sticky;top:var(--compare-top, calc(var(--sticky-top) + 4.75rem));z-index:5;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.compare__table .compare__head{padding:.7rem .6rem .6rem;text-align:center}.compare__table .compare__head+.compare__head{border-left:1px solid var(--border)}.compare__logo{width:2.6rem;height:2.6rem;margin:0 auto .4rem;padding:.2rem}.compare__logo--photo{padding:0}.compare__logo--letters{font-size:.95rem}.compare__name{display:-webkit-box;overflow:hidden;font-size:.8rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.compare__remove{margin-top:.4rem;font-size:.7rem}.compare__table tbody{margin-top:.9rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.compare__table tbody tr+tr{border-top:1px solid var(--border)}.compare__table .compare__group th{grid-column:1 / -1;padding:.65rem .9rem}.compare__table tbody th[scope=row]{grid-column:1 / -1;position:static;width:auto;padding:.7rem .9rem .3rem;background:none;font-size:.68rem}.compare__table tbody td+td{border-left:1px solid var(--border)}.compare__table tbody td{font-size:.82rem;line-height:1.4}.compare__table td.is-best{background:color-mix(in srgb,var(--success) 9%,transparent)}.compare__best{display:table;margin:.3rem 0 0}.compare__list{gap:.5rem}.compare__table tfoot{margin-top:.9rem}.compare__table tfoot td{padding:.2rem .3rem}.compare__actions .btn{min-height:2.6rem;padding-inline:.4rem;font-size:.75rem;line-height:1.15;white-space:normal}.compare__more{display:block;margin:1rem 0 0;text-align:center}}.compare__table td.is-best{background:color-mix(in srgb,var(--success) 7%,transparent)}
