.card-compare{position:absolute;right:8px;bottom:8px;height:36px;min-width:36px;border-radius:999px;border:1px solid var(--color-border-soft);background:#fffffff2;color:var(--color-title);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:color .15s ease,border-color .15s ease,background .15s ease;padding:0;overflow:hidden;white-space:nowrap}.card-compare .icon{flex-shrink:0}.card-compare__txt{display:inline-block;max-width:0;opacity:0;overflow:hidden;font-family:var(--font-primary);font-size:13px;font-weight:600;transition:max-width .25s ease,opacity .2s ease,margin .25s ease}@media(min-width:1025px){.card-compare:hover .card-compare__txt{max-width:80px;opacity:1;margin-left:7px;margin-right:4px}.card-compare:hover{padding:0 12px}}.card-compare:hover{color:var(--color-primary);border-color:var(--color-primary)}.card-compare.is-on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pdp-compare{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-title);cursor:pointer;align-self:flex-start;margin:2px 0 6px}.pdp-compare .icon{color:var(--color-primary)}.pdp-compare:hover,.pdp-compare.is-on{background:none;color:var(--color-primary)}@media(max-width:767px){.pdp-compare{font-size:15px}}.compare-bar{position:fixed;left:50%;transform:translate(-50%) translateY(120%);bottom:14px;z-index:390;background:#fff;border:1px solid var(--color-border-soft);border-radius:14px;box-shadow:0 14px 44px #0003;padding:10px 14px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 20px);transition:transform .3s ease}.compare-bar.is-open{transform:translate(-50%) translateY(0)}.compare-bar__items{display:flex;gap:8px}.compare-bar__item{position:relative;width:48px;height:48px;border:1px solid var(--color-border-hairline);border-radius:8px;overflow:visible;flex-shrink:0}.compare-bar__item img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.compare-bar__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;border:0;background:var(--color-title);color:#fff;font-size:11px;line-height:18px;text-align:center;cursor:pointer;padding:0}.compare-bar__actions{display:flex;align-items:center;gap:12px}.compare-bar__go{white-space:nowrap;padding:10px 18px;font-size:13px}.compare-bar__go.is-disabled{opacity:.5;pointer-events:none}.compare-bar__clear{background:none;border:0;font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;text-decoration:underline}.compare-bar__note{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:var(--color-title);color:#fff;font-size:12px;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.compare-bar__note.is-on{opacity:1}@media(max-width:767px){.compare-bar{gap:10px;padding:8px 10px;bottom:10px}.compare-bar__item{width:40px;height:40px}.compare-bar__clear{display:none}}body.drawer-open .compare-bar{visibility:hidden}@media(max-width:767px){.compare-table th,.compare-table td{padding:12px 10px 12px 0;min-width:170px}.compare-table th:first-child,.compare-table td:first-child{min-width:88px;width:88px;padding-left:0;padding-right:8px}}.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:680px}.compare-table th,.compare-table td{border-bottom:1px solid var(--color-border-hairline);padding:12px 16px;text-align:left;vertical-align:top;font-size:14px;color:var(--color-body);min-width:200px}.compare-table th:first-child,.compare-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:130px;width:130px;font-weight:600;color:var(--color-title);font-size:13px}.compare-table thead th{border-bottom:1px solid var(--color-border-soft);vertical-align:bottom}.compare-card{position:relative;display:flex;flex-direction:column;gap:10px;max-width:230px}.compare-card img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--color-border-hairline);border-radius:10px;background:#f7f7f8;display:block}.compare-card a{font-weight:600;color:var(--color-title);font-size:14px;line-height:1.35}.compare-card a:hover{color:var(--color-primary)}.compare-card__remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:999px;border:0;background:#fffffff2;box-shadow:0 2px 8px #00000026;color:var(--color-title);cursor:pointer;font-size:14px;line-height:1}.compare-card__remove:hover{color:#e04545}.compare-price ins{text-decoration:none;font-weight:700;color:var(--color-title)}.compare-price del{color:#686868;margin-right:8px}.compare-price.is-sale ins{color:#e04545}.compare-empty{text-align:center;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.compare-empty p{margin:0;font-size:17px;color:var(--color-body)}.compare-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;flex-wrap:wrap}.compare-tools label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-body);cursor:pointer}.compare-table .btn{padding:10px 18px;font-size:13px}.compare-val--miss{color:var(--color-muted)}.compare-row--diff td{background:#fbf6ea}.compare-table td:first-child .diff-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#e0a534;margin-left:6px;vertical-align:middle}
/*# sourceMappingURL=/cdn/shop/t/25/assets/compare.css.map */
