#compare-tray{position:fixed;top:auto;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;width:calc(100% - 32px);max-width:calc(var(--max) - 84px);min-width:0;box-sizing:border-box;margin:0 auto;padding:0 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 28px #08070d24;max-height:50vh;max-height:50dvh;overflow-x:hidden;overflow-y:auto}
#compare-tray.is-compare-focus-hidden{display:none}
body.has-compare-tray{padding-bottom:var(--compare-tray-height,148px)}
body.has-compare-tray .toast{bottom:calc(var(--compare-tray-height,148px) + 4px)}
body.has-compare-tray [data-compare-id],body.has-compare-tray [data-save],body.has-compare-tray .load-more{scroll-margin-bottom:var(--compare-tray-height,148px)}
#compare-tray .compare-tray-heading strong{font-size:14px}#compare-tray .compare-tray-heading>span{font-size:12px}#compare-tray .compare-tray-actions .primary{font-size:14px;font-weight:650}
.compare-tray-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:11px 0}
.compare-tray-heading{display:flex;flex-direction:column;gap:4px;white-space:nowrap;font-size:12px}.compare-tray-heading strong{color:var(--text)}.compare-tray-heading span{font-size:11px;color:var(--muted)}
.compare-tray-manage{display:none;align-items:center;justify-content:flex-start;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compare-tray-manage:hover{border-color:var(--purple);color:var(--purple);background:var(--surface-2)}
.compare-tray-selection{min-width:0}.compare-tray-selection>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;color:var(--muted)}.compare-tray-selection .compare-tray-items{max-height:180px;overflow:auto}
.compare-tray-items{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.compare-tray-item{display:inline-flex;align-items:center;gap:6px;max-width:220px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding-left:7px;color:var(--text);font-size:11px;line-height:1.6}.compare-tray-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-tray-item button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;color:var(--muted);font-size:19px}.compare-tray-item button:hover{color:var(--purple);background:var(--surface-2)}
.compare-tray-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.compare-tray-actions button{min-height:44px}.compare-tray-actions .primary{padding:10px 14px}.compare-tray-actions .secondary{padding:10px 14px}
.compare-product-thumbnail{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;object-fit:contain;background:#edeaf0;border-radius:5px;color:#6f6877;text-align:center;line-height:1.2}.compare-product-thumbnail-heading{width:64px;height:64px;padding:4px}.compare-product-thumbnail-small{width:32px;height:32px;padding:2px}.compare-product-thumbnail-placeholder{border:1px dashed var(--line);background:var(--surface-2);font-size:10px}.compare-product-thumbnail-placeholder>span{display:block;white-space:normal}
.compare-tray-item .compare-product-thumbnail{border-radius:4px}.compare-tray-item .compare-product-thumbnail-placeholder{font-size:8px}
.robot-card-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.compare-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:9px 12px;border:1px solid #443451;border-radius:7px;color:#d6c5e7;font-size:11px;background:transparent}.compare-button:hover,.compare-button.is-selected{border-color:#8e64bd;color:#fff;background:#241a30}.compare-button.is-selected{color:#e2c9ff}
.compare-detail-button{min-height:44px}.saved-sync-state{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 25px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px}.saved-sync-state p{color:var(--muted);line-height:1.7}.saved-sync-state.is-error{border-color:#80516c}.saved-sync-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.saved-sync-actions .muted{font-size:11px}
.compare-page{min-width:0;max-width:100%;padding-bottom:60px}.compare-page .page-intro{padding-bottom:27px}.compare-page .page-intro p{max-width:760px}.compare-notice{margin:0 0 20px;padding:12px 15px;border:1px solid #8a6a42;border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px}.compare-notice p{line-height:1.8}.compare-notice p+p{margin-top:4px}.compare-table-region{min-width:0;max-width:100%}.compare-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.compare-table{width:100%;min-width:0;border-collapse:collapse;text-align:left;table-layout:fixed;color:var(--text);font-size:12px}.compare-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.compare-table th,.compare-table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.8;overflow-wrap:anywhere}.compare-table thead th{background:var(--surface-2);font-weight:600;color:var(--text)}.compare-table .compare-field-column{width:126px}.compare-table thead th:first-child,.compare-table tbody th{position:sticky;left:0;z-index:2;width:126px;color:var(--muted);background:var(--surface-2);border-right:1px solid var(--line)}.compare-table thead th:first-child{z-index:3}.compare-product-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.compare-product-heading-copy{min-width:0}.compare-product-heading-copy>span,.compare-product-heading-copy>small{display:block}.compare-product-heading-copy>span{overflow-wrap:anywhere}.compare-product-heading-copy>small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:400}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}.compare-table tbody th{font-weight:500;background:color-mix(in srgb,var(--surface-2) 52%,var(--surface))}.compare-table td{color:var(--text)}.compare-missing{color:var(--muted)}.compare-value-note,.compare-spec-source{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.6}.compare-spec-source a,.compare-source-list a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.compare-source-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.compare-source-list li{min-width:130px}.compare-source-list li small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.compare-swipe-hint{display:none;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.compare-disclosure{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.8}.compare-state{margin-top:10px}.compare-state .secondary{margin:5px 4px}
@media(max-width:800px){#compare-tray{padding:0 16px}.compare-tray-inner{grid-template-columns:1fr auto}.compare-tray-heading{grid-column:1/-1}.compare-tray-items{grid-column:1/-1}.compare-tray-actions{justify-content:flex-start}.saved-sync-state{align-items:flex-start;flex-direction:column}.compare-swipe-hint{display:block}.compare-table{font-size:14px}.compare-table thead th small,.compare-value-note,.compare-spec-source,.compare-source-list li small{font-size:12px}.compare-spec-source a,.compare-source-list a{display:inline-flex;align-items:center;min-height:44px}.compare-tray-actions button{min-width:44px}}
@media(max-width:600px),(max-width:900px) and (max-height:500px){#compare-tray{left:12px;right:12px;width:calc(100% - 24px);padding:0 12px}.compare-tray-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:8px 0}.compare-tray-heading{display:none}.compare-tray-manage{display:inline-flex;grid-column:1;grid-row:1}.compare-tray-actions{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:6px;width:auto}.compare-tray-actions button{width:auto;min-width:44px;padding:10px 12px}.compare-tray-selection{grid-column:1/-1;grid-row:2;width:100%}.compare-tray-selection:not([open]){display:none}.compare-tray-selection>summary{display:none}.compare-tray-selection .compare-tray-items{max-height:min(150px,25vh);padding-top:2px}.compare-tray-item{width:100%;max-width:100%;min-width:0}.compare-product-thumbnail-heading{width:56px;height:56px}.compare-page .page-intro{padding-top:39px}.compare-table th,.compare-table td{padding:12px 10px}.compare-swipe-hint{display:block}.robot-card-actions{margin-top:10px}}
@media(max-width:540px){.compare-tray-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px 8px}.compare-tray-actions .primary{padding-inline:10px}.compare-tray-actions .secondary{padding-inline:10px}.compare-table-wrap[data-compare-count="2"] .compare-table{min-width:472px}.compare-table-wrap[data-compare-count="3"] .compare-table{min-width:656px}.compare-table-wrap[data-compare-count="4"] .compare-table{min-width:840px}.compare-table-wrap[data-compare-count] .compare-product-column{width:184px}.compare-table .compare-field-column,.compare-table thead th:first-child,.compare-table tbody th{width:104px}.save-button{min-width:44px;min-height:44px}}
:root[data-theme="light"] .compare-button{border-color:#c9c4d4;color:#5f3b9f}:root[data-theme="light"] .compare-button:hover,:root[data-theme="light"] .compare-button.is-selected{border-color:#8064c7;color:#43268f;background:#eee9fb}:root[data-theme="light"] .compare-tray-item{background:var(--surface)}:root[data-theme="light"] .compare-table tbody th{background:var(--surface-2)}:root[data-theme="light"] .compare-product-thumbnail-placeholder{background:#f3f1f6;color:#5f5968}

/* Column widths depend on the number of selected products. */
.compare-table-wrap[data-compare-count="2"] .compare-table{min-width:566px}.compare-table-wrap[data-compare-count="3"] .compare-table{min-width:696px}.compare-table-wrap[data-compare-count="4"] .compare-table{min-width:814px}.compare-table-wrap[data-compare-count="2"] .compare-product-column{width:220px}.compare-table-wrap[data-compare-count="3"] .compare-product-column{width:190px}.compare-table-wrap[data-compare-count="4"] .compare-product-column{width:172px}
@media(max-width:540px){.compare-table-wrap[data-compare-count="2"] .compare-table{min-width:472px}.compare-table-wrap[data-compare-count="3"] .compare-table{min-width:656px}.compare-table-wrap[data-compare-count="4"] .compare-table{min-width:840px}.compare-table-wrap[data-compare-count] .compare-product-column{width:184px}.compare-table .compare-field-column,.compare-table thead th:first-child,.compare-table tbody th{width:104px}}

/* Values lead; long source conditions remain available without stretching every row. */
.compare-spec-value{display:block;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.55;color:var(--text)}
.compare-spec-note{margin-top:6px;font-size:12px;line-height:1.65;color:var(--muted)}
.compare-spec-note>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:var(--purple);text-underline-offset:3px}
.compare-spec-note>summary:hover{text-decoration:underline}
.compare-spec-note>p{margin:4px 0;overflow-wrap:anywhere}
.compare-spec-note>summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}