.eb-compare{--compare-cols: 3;--compare-col-min: 200px;--compare-gutter: clamp(10px, 1.6vw, 22px);--compare-sticky-model-height: 78px;--compare-sticky-top: clamp(56px, 6vw, 72px);--compare-track: repeat(var(--compare-cols), minmax(var(--compare-col-min), 1fr));--compare-divider: color-mix(in srgb, var(--color-border) 62%, transparent)}.eb-comparison-section.eb-section,.eb-comparison-section .eb-section__inner{overflow:visible}.eb-compare__top{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.eb-compare__title{font-size:clamp(34px,4.5vw,60px);letter-spacing:-.02em;line-height:1.02;margin:6px 0 0}.eb-compare__tools{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.eb-compare__count{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;gap:6px}.eb-compare__count:before{background:var(--color-accent);border-radius:50%;content:"";height:6px;width:6px}.eb-compare__count:empty{display:none}.eb-compare__toggle,.eb-compare__share{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--fs-body-sm);gap:var(--space-2);padding:8px 15px;transition:border-color var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth);-webkit-user-select:none;user-select:none}.eb-compare__toggle:hover,.eb-compare__share:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border))}.eb-compare__toggle:has(input:checked){background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border))}.eb-compare__toggle input{accent-color:var(--color-accent);margin:0}.eb-compare__switcher{display:none}.eb-compare__scroll{margin-inline:calc(-1 * var(--compare-gutter));overflow:visible;padding-inline:var(--compare-gutter)}.eb-compare__table{display:grid;grid-template-columns:var(--compare-track);min-width:min-content}.eb-compare__heads{display:grid;grid-column:1 / -1;grid-template-columns:var(--compare-track);position:relative;z-index:2}.eb-compare__heads:after{background:var(--color-border);bottom:0;content:"";grid-column:1 / -1;height:1px}.eb-compare__head{background:color-mix(in srgb,var(--color-bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:10px;padding:var(--space-1) var(--compare-gutter) var(--space-3);position:relative}.eb-compare__head+.eb-compare__head{border-left:1px solid var(--compare-divider)}.eb-compare__sticky-models{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-bg) 84%,transparent);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:grid;grid-column:1 / -1;grid-template-columns:var(--compare-track);min-height:var(--compare-sticky-model-height);position:sticky;top:var(--compare-sticky-top);z-index:9}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.eb-compare__sticky-models{background:var(--color-bg)}}.eb-compare__sticky-model{align-items:center;color:var(--color-text);display:grid;font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-medium);gap:10px;grid-template-columns:58px minmax(0,1fr);min-width:0;padding:9px var(--compare-gutter)}.eb-compare__sticky-model+.eb-compare__sticky-model{border-left:1px solid var(--compare-divider)}.eb-compare__sticky-media{align-items:center;background:var(--color-surface);border-radius:var(--radius-button);display:flex;height:48px;justify-content:center;overflow:hidden;width:58px}.eb-compare__sticky-media img,.eb-compare__sticky-media svg{display:block;height:100%;object-fit:contain;width:100%}.eb-compare__sticky-copy{display:grid;gap:3px;min-width:0}.eb-compare__sticky-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-compare__sticky-price{align-items:baseline;color:var(--color-text);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold, 600);gap:6px;line-height:1.2}.eb-compare__sticky-price s{color:var(--color-text-muted);font-size:var(--fs-caption);font-weight:var(--fw-medium)}.eb-compare__sticky-model.is-placeholder{color:var(--color-text-muted)}.eb-compare__head.is-placeholder{opacity:.55}.eb-compare__head-media{align-items:center;background:var(--color-surface);border-radius:var(--radius-image);display:flex;height:clamp(145px,13.5vw,215px);justify-content:center;margin-inline:auto;max-width:min(66%,410px);overflow:hidden;width:100%}.eb-compare__head-media img,.eb-compare__head-media svg{display:block;height:100%;object-fit:contain;width:100%}.eb-compare__media-placeholder{background:repeating-linear-gradient(135deg,transparent,transparent 10px,color-mix(in srgb,var(--color-border) 40%,transparent) 10px,color-mix(in srgb,var(--color-border) 40%,transparent) 20px);height:100%;width:100%}.eb-compare__select{position:relative}.eb-compare__select select{appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1px solid transparent;border-radius:var(--radius-button);color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-medium);line-height:1.2;overflow:hidden;padding:12px 40px 12px 14px;text-overflow:ellipsis;transition:border-color var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-smooth);white-space:nowrap;width:100%}.eb-compare__select select:hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border))}.eb-compare__select select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent);outline:0}.eb-compare__select .eb-icon-svg{color:var(--color-text-muted);pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%)}.eb-compare__price{align-items:baseline;color:var(--color-text);display:flex;flex-wrap:wrap;font-size:clamp(17px,1.1vw,20px);font-weight:var(--fw-semibold, 600);gap:8px;margin:0}.eb-compare__price s{color:var(--color-text-muted);font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}.eb-compare__head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.eb-compare__view{align-items:center;color:var(--color-accent-2);display:inline-flex;font-size:var(--fs-body-sm);gap:4px;text-decoration:none}.eb-compare__view:hover{text-decoration:underline;text-underline-offset:3px}.eb-compare__cart{background:color-mix(in srgb,var(--color-accent) 78%,var(--color-bg));border:1px solid transparent;border-radius:var(--radius-pill);box-shadow:0 3px 12px color-mix(in srgb,var(--color-accent) 13%,transparent);color:var(--color-inverse);cursor:pointer;font:inherit;font-size:var(--fs-caption);padding:7px 14px;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth),opacity var(--dur-fast) var(--ease-smooth)}.eb-compare__cart:hover{background:var(--color-accent);box-shadow:0 5px 16px color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-inverse);opacity:1}.eb-compare__remove{align-items:center;background:color-mix(in srgb,var(--color-bg) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:var(--compare-gutter);top:4px;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth);width:28px;z-index:2}.eb-compare__remove:hover{background:var(--color-surface);color:var(--color-text)}.eb-compare__groups,.eb-compare__group{display:block;grid-column:1 / -1}.eb-compare__group[hidden]{display:none}.eb-compare__group-head{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-bg));border-top:1px solid var(--color-border);cursor:pointer;display:flex;gap:var(--space-3);grid-column:1 / -1;list-style:none;padding:var(--space-3) var(--compare-gutter);position:sticky;top:calc(var(--compare-sticky-top) + var(--compare-sticky-model-height));z-index:8}.eb-compare__group-head::-webkit-details-marker{display:none}.eb-compare__group-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase}.eb-compare__group-badge{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:var(--radius-pill);color:var(--color-accent-2);font-size:11px;font-weight:var(--fw-medium);line-height:1;padding:3px 8px}.eb-compare__group-chevron{color:var(--color-text-muted);margin-left:auto;transition:transform var(--dur-fast) var(--ease-smooth)}.eb-compare__group[open] .eb-compare__group-chevron{transform:rotate(180deg)}.eb-compare__row{display:grid;grid-column:1 / -1;grid-template-columns:var(--compare-track)}.eb-compare__row[hidden]{display:none}.eb-compare__cell{border-top:1px solid var(--compare-divider);display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-height:64px;min-width:0;padding:14px var(--compare-gutter);transition:background var(--dur-fast) var(--ease-smooth)}.eb-compare__cell+.eb-compare__cell{border-left:1px solid var(--compare-divider)}.eb-compare__row:first-child .eb-compare__cell{border-top:0}.eb-compare__row:hover .eb-compare__cell{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}@media(hover:hover){.eb-compare__cell.is-col-hover{background:color-mix(in srgb,var(--color-accent) 9%,transparent)}.eb-compare__head.is-col-hover .eb-compare__select select{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}}.eb-compare__diff-dot{background:var(--color-accent);border-radius:50%;flex:0 0 auto;height:5px;width:5px}.eb-compare__cell-label{align-items:center;color:var(--color-text-muted);display:flex;font-size:11px;font-weight:var(--fw-medium);gap:6px;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.eb-compare__value{align-items:center;color:var(--color-text);display:inline-flex;flex-wrap:wrap;font-size:var(--fs-body);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium);gap:8px;line-height:1.4}.eb-compare__cell.is-empty .eb-compare__value{color:var(--color-text-muted);font-weight:var(--fw-regular)}.eb-compare__cell.is-best .eb-compare__value{color:var(--color-accent-2)}.eb-compare__best{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:var(--radius-pill);color:var(--color-accent-2);font-size:10px;font-weight:var(--fw-medium);letter-spacing:.06em;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.eb-compare__bar{background:color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:var(--radius-pill);display:block;height:4px;margin-top:2px;max-width:150px;overflow:hidden;width:100%}.eb-compare__bar-fill{background:color-mix(in srgb,var(--color-accent) 50%,var(--color-border));border-radius:inherit;display:block;height:100%;transition:width var(--dur-slow) var(--ease-drift)}.eb-compare__cell.is-best .eb-compare__bar-fill{background:var(--color-accent)}@media(max-width:1023px){.eb-compare{--compare-col-min: 0;--compare-sticky-model-height: 72px;--compare-track: repeat(2, minmax(0, 1fr))}.eb-compare__top{align-items:flex-start;flex-direction:column}.eb-compare__table{grid-template-columns:var(--compare-track)}.eb-compare__head:not(.is-shown),.eb-compare__sticky-model:not(.is-shown),.eb-compare__cell:not(.is-shown){display:none}.eb-compare__cell.is-shown,.eb-compare__head.is-shown,.eb-compare__sticky-model.is-shown{border-left:1px solid var(--compare-divider)}.eb-compare__cell.is-first-shown,.eb-compare__head.is-first-shown,.eb-compare__sticky-model.is-first-shown{border-left:0}.eb-compare__view{display:none}.eb-compare__cell{min-height:58px;padding:12px var(--compare-gutter)}.eb-compare__group-head{padding:var(--space-3) var(--compare-gutter)}.eb-compare__bar{max-width:110px}}@media(max-width:560px){.eb-compare__head-media{height:clamp(120px,36vw,160px);max-width:100%}.eb-compare__sticky-model{gap:8px;grid-template-columns:46px minmax(0,1fr);padding:8px var(--compare-gutter)}.eb-compare__sticky-media{height:40px;width:46px}.eb-compare__sticky-name{font-size:var(--fs-body-sm)}.eb-compare__sticky-price{font-size:var(--fs-caption)}.eb-compare__sticky-price s,.eb-compare__best{display:none}.eb-compare__cart{width:100%}.eb-compare__select select{font-size:var(--fs-body);padding:10px 34px 10px 12px}}@media(prefers-reduced-motion:reduce){.eb-compare__head-media img,.eb-compare__bar-fill,.eb-compare__group-chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/section-comparison.css.map */