.compare-add,.compare-bar button,.compare-dialog button{border:1px solid #777;background:transparent;color:inherit;padding:8px 12px;font-size:12px;cursor:pointer}.compare-add[aria-pressed=true]{color:#d5bd97}.compare-list-action{padding:0 20px 12px;text-align:right}.compare-detail-action{text-align:right;margin-bottom:12px}.has-comparison{padding-bottom:100px}.compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:85;padding:14px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#101010;color:#eee;border-top:1px solid #666}.compare-bar[hidden]{display:none}.compare-selected{display:flex;gap:8px;overflow:auto}.compare-selected button{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.compare-bar>button{white-space:nowrap}.compare-bar button:disabled{opacity:.4;cursor:default}.compare-notice:empty{display:none}.compare-notice{position:fixed;bottom:90px;left:20px;z-index:100;background:#292929;color:white;padding:12px;font-size:13px}.compare-dialog{width:calc(100vw - 32px);max-width:1200px;height:calc(100dvh - 32px);max-height:none;box-sizing:border-box;padding:24px;border:1px solid #666;background:#080808;color:#eee}.compare-dialog::backdrop{background:#000b}.compare-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px}.compare-dialog h2{font-size:20px}.compare-dialog>p{font-size:12px;line-height:1.8;color:#999}.compare-scroll{overflow:auto;max-height:calc(100dvh - 240px)}.compare-dialog table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:13px;line-height:1.8}.compare-dialog th,.compare-dialog td{padding:16px;vertical-align:top;border-bottom:1px solid #444;overflow-wrap:anywhere}.compare-dialog th:first-child{width:105px;position:sticky;left:0;background:#080808;z-index:2;text-align:left}.compare-dialog thead th{position:sticky;top:0;background:#080808;z-index:3;text-align:left}.compare-dialog thead th:first-child{z-index:4}.compare-dialog strong,.compare-dialog small{display:block}.compare-dialog strong{font-size:15px;margin:8px 0}.compare-dialog small{font-weight:400;color:#999}.compare-note{display:inline-block;padding:3px 7px;margin:0 5px 6px 0;border:1px solid #555}.compare-note.common{background:#d5bd97;color:#221e18;border-color:#d5bd97}.compare-dialog details p{margin-bottom:0}.compare-dialog summary{cursor:pointer}body:not(.future-mode) .compare-dialog,body:not(.future-mode) .compare-dialog th,body:not(.future-mode) .compare-bar{background:#f5f7f1;color:#254534}body:not(.future-mode) .compare-add[aria-pressed=true]{color:#34594c}@media(max-width:650px){.compare-dialog{width:100vw;height:100dvh;padding:16px;max-width:none}.compare-dialog table{width:max-content;min-width:100%}.compare-dialog th,.compare-dialog td{width:210px;min-width:210px;padding:12px}.compare-dialog th:first-child{width:85px;min-width:85px}.compare-bar{padding:10px;flex-wrap:wrap;gap:8px}.compare-selected{width:100%}.compare-bar>button{margin-left:auto}.compare-dialog header h2{font-size:17px}}
.compare-list-action .compare-add{border:0;padding:8px 0;background:none;box-shadow:none}
.future-mode .compare-list-action{padding-right:28px}
@media(max-width:650px){.future-mode .compare-list-action{padding-right:16px}}

.compare-bar-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.compare-bar-actions button{white-space:nowrap}.compare-selected{min-width:0}.explore-detail-dialog .compare-add:focus{outline:none;box-shadow:none}.explore-detail-dialog .compare-add{border:0;text-decoration:none}.explore-detail-dialog .compare-add:focus-visible{outline:1px solid currentColor;outline-offset:4px;text-decoration:none}

/* Keep the green-theme comparison action inside its product's visual boundary. */
body:not(.future-mode) .result-item:has(+ .compare-list-action) {
  border-bottom: 0;
  padding-bottom: 4px;
}
body:not(.future-mode) .compare-list-action {
  padding: 0 27px 12px;
  border-bottom: 1px solid #e4e9e1;
}
body:not(.future-mode) .result-item.selected + .compare-list-action {
  background: #eef2e9;
  box-shadow: inset 3px 0 #b79b62;
}
@media (max-width: 650px) {
  body:not(.future-mode) .compare-list-action {
    padding-right: 20px;
    padding-left: 20px;
  }
}