.gh-compare-add{width:100%;margin-top:12px;min-height:44px}.gh-compare-tray[hidden]{display:none!important}.gh-compare-tray{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:80;width:min(1100px,calc(100% - 32px));background:rgb(var(--color-background,255,255,255));color:rgb(var(--color-foreground,25,25,25));border:1px solid rgba(var(--color-foreground,25,25,25),.2);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 24px #0002}.gh-compare-chips{display:flex;gap:8px;flex:1;flex-wrap:wrap}.gh-compare-chip{display:flex;gap:6px;align-items:center;max-width:220px;font-size:12px;border:1px solid #ccc;border-radius:6px;padding:4px 6px}.gh-compare-chip img{width:32px;height:36px;object-fit:contain;background:white}.gh-compare-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-compare-chip button,.gh-compare-clear{border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;cursor:pointer}.gh-compare-clear{text-decoration:underline}.gh-compare-status:not(:empty){position:fixed;bottom:124px;left:50%;transform:translateX(-50%);z-index:91;max-width:calc(100% - 32px);padding:12px 18px;background:rgb(var(--color-background,255,255,255));color:rgb(var(--color-foreground,25,25,25));border:1px solid #bbb;border-radius:6px}.gh-compare-dialog{width:min(1200px,calc(100% - 24px));max-height:88dvh;padding:22px;border:1px solid #ccc;border-radius:12px;color:rgb(var(--color-foreground,25,25,25));background:rgb(var(--color-background,255,255,255))}.gh-compare-dialog::backdrop{background:#0007}.gh-compare-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.gh-compare-dialog-head h2{margin:0}.gh-compare-toggle{display:flex;align-items:center;gap:8px;margin:14px 0;min-height:44px}.gh-compare-scroll{overflow:auto;max-height:63dvh}.gh-compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.gh-compare-table td,.gh-compare-table th{padding:14px;border-bottom:1px solid #ddd;vertical-align:top;text-align:left;min-width:180px;max-width:290px;overflow-wrap:anywhere}.gh-compare-table th{font-weight:600}.gh-compare-table thead th{background:rgb(var(--color-background,255,255,255));position:sticky;top:0;z-index:2}.gh-compare-table th:first-child{min-width:165px}.gh-compare-table img{width:100%;height:155px;object-fit:contain;background:white;border-radius:6px;margin-bottom:12px}.gh-compare-table a{color:inherit;display:block}.gh-compare-table .gh-compare-remove{margin-top:12px;min-height:44px;background:transparent;border:1px solid #ccc;border-radius:4px;color:inherit;padding:6px 14px;cursor:pointer}.gh-compare-cell-pending{opacity:.7}.gh-compare-different td{background:rgba(var(--color-foreground,25,25,25),.035)}body.gh-compare-has-tray{padding-bottom:140px}@media(max-width:749px){.gh-compare-tray{bottom:8px;width:calc(100% - 16px);padding:10px;gap:8px;flex-wrap:wrap}.gh-compare-tray>strong{display:none}.gh-compare-chips{flex-basis:100%;flex-wrap:nowrap;overflow-x:auto}.gh-compare-chip{min-width:120px;max-width:170px}.gh-compare-dialog{padding:12px}.gh-compare-table td,.gh-compare-table th{min-width:145px;padding:10px}.gh-compare-table th:first-child{min-width:125px}.gh-compare-table img{height:125px}.gh-compare-dialog-head h2{font-size:22px}.gh-compare-status:not(:empty){bottom:154px}}

body:has(#PBarNextFrame) .gh-compare-tray{bottom:100px}

@media(max-width:749px){
  .gh-compare-tray,body:has(#PBarNextFrame) .gh-compare-tray{bottom:calc(var(--gh-compare-bottom-obstruction,100px) + 8px);z-index:2147483000;display:grid;grid-template-columns:minmax(0,1fr) auto;max-height:40dvh;overflow:auto}
  .gh-compare-tray[hidden]{display:none!important}
  .gh-compare-chips{grid-column:1/-1;min-width:0;flex-wrap:nowrap;overflow-x:auto}
  .gh-compare-tray [data-compare-open]{width:100%;min-width:0;min-height:44px;padding:10px 12px;white-space:normal}
  .gh-compare-clear{min-height:44px;padding:8px}
  .gh-compare-status:not(:empty){bottom:calc(var(--gh-compare-bottom-obstruction,100px) + var(--gh-compare-tray-height,150px) + 16px);z-index:2147483001}
  body.gh-compare-has-tray{padding-bottom:calc(var(--gh-compare-bottom-obstruction,100px) + var(--gh-compare-tray-height,150px) + 24px)}
}

.gh-compare-chip .gh-compare-product-link{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:inherit;text-decoration:none;min-height:44px}
.gh-compare-chip .gh-compare-product-link img{width:44px!important;height:44px!important;min-width:44px;max-width:none;flex:0 0 44px;object-fit:contain!important;object-position:center;padding:3px;box-sizing:border-box;border-radius:3px;background:white}
.gh-compare-product-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gh-compare-product-link:focus-visible,.gh-compare-image-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.gh-compare-table .gh-compare-image-link img{object-fit:contain!important;object-position:center;max-width:100%;padding:4px;box-sizing:border-box}
@media(max-width:749px){.gh-compare-chip{min-width:200px;max-width:240px;flex:0 0 auto}}

.gh-compare-table tbody th:first-child{position:sticky;left:0;z-index:3;background:rgb(var(--color-background,255,255,255));box-shadow:2px 0 3px #0001}
.gh-compare-table thead th:first-child{left:0;z-index:4;box-shadow:2px 0 3px #0001}
