.card{position: relative;}.card__compare{position: absolute;top: var(--space-3);left: var(--space-3);z-index: 1;display: inline-flex;align-items: center;gap: var(--space-2);min-height: 32px;padding: 0 var(--space-2);border: 0;border-radius: var(--cmp-radius,var(--radius,0));background: var(--cmp-toggle-bg,rgb(255 255 255 / 92%));color: var(--text-muted);font-family: var(--cmp-label-font,inherit);font-size: var(--text-label,0.75rem);font-weight: var(--fw-medium);letter-spacing: var(--cmp-label-tracking,var(--tracking-label,0.04em));text-transform: uppercase;cursor: pointer;}.card__compare::before{content: "";width: 14px;height: 14px;border: 1px solid var(--line-strong);background: var(--paper-card);}.card__compare:hover,.card__compare[aria-pressed='true']{color: var(--ink);}.card__compare[aria-pressed='true']::before{border-color: var(--ink);background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.5 2.5L11 4.5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center / 12px no-repeat;}.card__compare:focus-visible,.compare-tray :focus-visible,.compare :focus-visible{outline: 2px solid var(--focus,currentColor);outline-offset: 2px;}.compare-tray{position: fixed;inset: auto 0 0;z-index: 30;display: flex;align-items: center;gap: var(--space-4);padding: var(--space-3) var(--gutter);padding-bottom: max(var(--space-3),env(safe-area-inset-bottom));background: var(--cmp-bar,var(--ink));color: var(--cmp-bar-ink,var(--on-ink,#fff));}.compare-tray[hidden]{display: none;}html.has-sheet .compare-tray{display: none;}.compare-tray__text{flex: 1;min-width: 0;overflow: hidden;margin: 0;font-size: var(--text-sm);text-overflow: ellipsis;white-space: nowrap;}.compare-tray__clear,.compare__close,.compare__remove{min-height: var(--touch,44px);padding: 0;border: 0;background: none;color: var(--ink);font-size: var(--text-sm);font-weight: var(--fw-medium);text-decoration: underline;text-decoration-color: var(--line-strong);text-underline-offset: 5px;cursor: pointer;}.compare-tray__clear{color: var(--cmp-bar-muted,currentColor);text-decoration-color: currentColor;}.compare-tray__open,.compare-tray__open:hover{border-color: var(--cmp-bar-ink,var(--on-ink,#fff));background: var(--cmp-bar-ink,var(--on-ink,#fff));color: var(--cmp-bar,var(--ink));white-space: nowrap;}.compare-tray__open[aria-disabled='true']{opacity: 0.5;cursor: default;}body:has(.compare-tray:not([hidden])) .ftr{padding-bottom: 72px;}.compare{width: min(1040px,calc(100vw - 2 * var(--space-4)));max-height: calc(100dvh - 2 * var(--space-6));padding: 0;border: 0;border-radius: var(--cmp-radius,var(--radius,0));background: var(--paper-card);color: var(--text);box-shadow: var(--shadow);}.compare::backdrop{background: rgb(22 24 28 / 45%);}.compare__head{position: sticky;top: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-4) var(--space-6);border-bottom: 2px solid var(--ink);background: var(--paper-card);}.compare__title{margin: 0;font-size: var(--text-h3);}.compare__scroll{overflow-x: auto;overscroll-behavior-x: contain;}.compare .compare__scroll{padding: 0 0 var(--space-6);--cmp-edge: var(--space-6);}.compare__table th:first-child,.compare__table td:first-child{padding-left: var(--cmp-edge,0);}.compare__table tr > :last-child{padding-right: var(--cmp-edge,0);}.compare-page{padding-bottom: var(--space-10,40px);}.compare-page .compare__table tbody th,.compare-page .compare__corner{background: var(--paper);}.compare__table{width: 100%;border-collapse: collapse;font-size: var(--text-sm);}.compare__table th,.compare__table td{padding: var(--space-3) var(--space-4) var(--space-3) 0;border-bottom: 1px solid var(--line);text-align: left;vertical-align: top;}.compare__table thead th{min-width: 150px;border-bottom: 0;font-weight: inherit;}.compare__table tbody th,.compare__corner{position: sticky;left: 0;z-index: 1;width: calc(160px + var(--cmp-edge,0px));background: var(--paper-card);}.compare__table tbody th{color: var(--text-muted);font-family: var(--cmp-label-font,inherit);font-size: var(--text-label,0.75rem);font-weight: var(--fw-medium);letter-spacing: var(--cmp-label-tracking,var(--tracking-label,0.04em));text-transform: uppercase;}.compare__table td{font-weight: var(--fw-medium);font-variant-numeric: tabular-nums;}.compare__table td.is-diff{font-weight: var(--fw-bold,700);}.compare__product{display: grid;gap: 2px;color: inherit;text-decoration: none;}.compare__product img{width: 120px;height: 120px;margin-bottom: var(--space-2);border-radius: var(--cmp-radius,var(--radius,0));background: var(--cmp-photo-bg,var(--paper));object-fit: contain;clip-path: var(--cmp-photo-clip,none);}.compare__brand{color: var(--text-muted);font-family: var(--cmp-label-font,inherit);font-size: var(--text-caption);letter-spacing: var(--cmp-label-tracking,var(--tracking-label,0.04em));text-transform: uppercase;}.compare__model{font-family: var(--cmp-model-font,var(--font-display,inherit));font-size: var(--text-h4,1.125rem);font-weight: var(--cmp-model-weight,var(--fw-bold,700));font-stretch: var(--cmp-model-stretch,normal);}.compare__detail{color: var(--text-muted);font-size: var(--text-meta,var(--text-sm));font-weight: var(--fw-regular,400);}.compare__remove{min-height: 0;margin-top: var(--space-2);color: var(--text-muted);font-size: var(--text-caption);}.compare__price td{font-size: var(--text-h4,1.125rem);}.compare__shop,.compare__none{display: block;color: var(--text-muted);font-size: var(--text-caption);font-weight: var(--fw-regular,400);}.compare__go td,.compare__go th{border-bottom: 0;}.compare__cta{white-space: nowrap;}@media (max-width: 767px){.compare{width: 100vw;max-width: 100vw;max-height: 100dvh;margin: auto 0 0;}.compare__head{padding: var(--space-3) var(--gutter);}.compare .compare__scroll{--cmp-edge: var(--gutter);}.compare__table thead th{min-width: 40vw;}.compare__table tbody th,.compare__corner{width: calc(30vw + var(--cmp-edge,0px));min-width: calc(30vw + var(--cmp-edge,0px));hyphens: auto;overflow-wrap: break-word;}.compare__table tbody th{padding-right: var(--space-2);font-size: var(--text-caption);letter-spacing: 0;text-transform: none;}.compare__model{font-size: var(--text-base,1rem);}.compare__product img{width: 88px;height: 88px;}.compare__cta{white-space: normal;}.compare-tray{gap: var(--space-3);}}