.pd-coll-bar__compare{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--hair);background:transparent;border-radius:2px;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pd-coll-bar__compare:hover{border-color:var(--ink);color:var(--ink)}.pd-coll-bar__compare[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pd-ccard-wrap{position:relative}.pd-ccard__compare{position:relative;align-items:center;justify-content:center;flex-shrink:0;gap:5px;min-height:44px;padding:0 4px;border:1px solid var(--hair);border-radius:6px;background:var(--paper);color:var(--ink-2);font-family:var(--f-sans);font-size:12px;font-weight:500;line-height:1.25;cursor:pointer;-webkit-user-select:none;user-select:none}.pd-ccard-wrap .pd-ccard__compare{display:none}.pd-coll--compare-active .pd-ccard-wrap .pd-ccard__compare{display:inline-flex}.pd-ccard__compare:has(:checked){background:var(--ok-bg);border-color:var(--accent-ink);color:var(--accent-ink)}.pd-ccard__compare-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pd-ccard__compare-box{width:14px;height:14px;border:1.5px solid var(--ink-2);border-radius:var(--radius-1);flex-shrink:0;position:relative;transition:background .12s,border-color .12s}.pd-ccard__compare-cb:checked+.pd-ccard__compare-box{background:transparent;border:0;color:var(--accent-ink)}.pd-ccard__compare-cb:checked+.pd-ccard__compare-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.pd-ccard__compare-cb:focus-visible+.pd-ccard__compare-box{outline:2px solid var(--focus);outline-offset:2px}.pd-ccard-wrap.is-comparing{border-color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-ink)}.pd-ccard-wrap.is-compare-disabled .pd-ccard__compare{opacity:.4;pointer-events:none}.pd-compare-tray{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(8px);z-index:900;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;width:min(640px,calc(100vw - 32px))}.pd-compare-tray.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.pd-compare-tray__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:var(--paper);border-radius:var(--radius-1);padding:12px 14px;box-shadow:0 12px 40px #00000047}.pd-compare-tray__slots{display:flex;gap:8px}.pd-compare-slot{width:48px;height:48px;border-radius:var(--radius-1);border:1px dashed color-mix(in oklch,var(--paper) 35%,transparent);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.pd-compare-slot__empty{font-family:var(--f-mono);font-size:13px;color:color-mix(in oklch,var(--paper) 45%,transparent)}.pd-compare-slot.is-filled{border-style:solid;border-color:transparent;background:var(--paper);cursor:pointer}.pd-compare-slot img{width:100%;height:100%;object-fit:cover}.pd-compare-slot__remove{position:absolute;top:1px;right:1px;width:16px;height:16px;border:0;border-radius:0 var(--radius-1) 0 var(--radius-1);background:#000000a6;color:#fff;font-size:var(--pd-type-utility);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.pd-compare-slot.is-filled:hover .pd-compare-slot__remove{opacity:1}.pd-compare-tray__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.pd-compare-tray__clear{border:0;background:transparent;color:color-mix(in oklch,var(--paper) 70%,transparent);font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.pd-compare-tray__clear:hover{color:var(--paper)}.pd-compare-tray__go{height:40px}.pd-compare-tray__go:disabled{opacity:.4;cursor:not-allowed}.pd-compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:none;background:color-mix(in oklch,var(--ink) 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:clamp(16px,5vh,64px) 16px;overflow-y:auto}.pd-compare-modal.is-open{display:block}.pd-compare-modal__panel{max-width:920px;margin:0 auto;background:var(--paper);border-radius:var(--radius-1);overflow:hidden;box-shadow:0 24px 70px #0000004d}.pd-compare-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(18px,3vw,28px);border-bottom:.5px solid var(--hair)}.pd-compare-modal__title{font-family:var(--f-display);font-size:clamp(22px,3vw,32px);letter-spacing:-.02em;margin:0}.pd-compare-modal__title em{color:var(--accent-ink)}.pd-compare-modal__close{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border:.5px solid var(--hair);background:transparent;border-radius:2px;font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;flex-shrink:0}.pd-compare-modal__close:hover{background:var(--ink);color:var(--paper)}.pd-compare-modal__scroll{overflow-x:auto;padding:clamp(18px,3vw,28px)}.pd-compare-table{width:100%;border-collapse:collapse;min-width:480px}.pd-compare-table th,.pd-compare-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:.5px solid var(--hair)}.pd-compare-table thead th{border-bottom:1px solid var(--ink);width:auto}.pd-compare-table tbody th{font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400;white-space:nowrap;width:140px}.pd-compare-table td{font-family:var(--f-sans);font-size:14px;color:var(--ink)}.pd-compare-table tbody tr:hover td,.pd-compare-table tbody tr:hover th{background:var(--paper-2)}.pd-compare-prod{display:flex;flex-direction:column;gap:8px}.pd-compare-prod__media{width:100%;aspect-ratio:1 / 1;max-width:160px;border-radius:var(--radius-1);overflow:hidden;background:var(--paper-2)}.pd-compare-prod__media img{width:100%;height:100%;object-fit:cover;display:block}.pd-compare-prod__brand{font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pd-compare-prod__name{font-family:var(--f-sans);font-weight:600;font-size:16px;line-height:1.15;letter-spacing:-.01em}.pd-compare-prod__cta{margin-top:4px;font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);text-decoration:none;border-bottom:.5px solid currentColor;padding-bottom:2px;align-self:flex-start}.pd-compare-cell--empty{color:var(--muted)}.pd-compare-ing{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pd-compare-ing__head{font-family:var(--f-mono);font-size:var(--pd-type-utility);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.pd-compare-ing__exp{font-family:var(--f-sans);font-size:12.5px;line-height:1.4;color:var(--ink-2);margin-top:2px}body[data-compare-modal-open=true]{overflow:hidden}@media(max-width:600px){.pd-compare-tray__inner{flex-wrap:wrap;justify-content:center}.pd-compare-modal__scroll{padding:16px}.pd-compare-table tbody th{width:110px;font-size:var(--pd-type-utility)}}@media(max-width:720px){.pd-compare-tray{bottom:calc(12px + env(safe-area-inset-bottom))}.pd-compare-slot__remove{opacity:1;width:44px;height:44px}.pd-compare-tray__clear,.pd-compare-modal__close{min-height:44px}.pd-compare-modal{padding:0}.pd-compare-modal__panel{height:100dvh;display:flex;flex-direction:column}.pd-compare-modal__head{flex-shrink:0;padding-top:max(16px,env(safe-area-inset-top))}.pd-compare-modal__scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media(max-width:720px){.pd-compare-slot__remove{background:transparent;color:var(--ink);align-items:flex-start;justify-content:flex-end;padding:2px;text-shadow:0 0 3px var(--paper)}}@media(max-width:720px){.pd-compare-tray__inner{justify-content:space-between;gap:8px;padding:10px}.pd-compare-tray__slots{gap:6px}.pd-compare-slot{width:44px;height:44px}.pd-compare-slot:not(.is-filled){display:none}.pd-compare-tray__clear{display:none}.pd-compare-tray__go{min-height:44px;padding-inline:8px;gap:4px;font-family:var(--f-sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pd-compare.css.map */