.compare-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;z-index:900;padding:12px 16px}.compare-bar-inner{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.compare-bar-label{font-weight:600;white-space:nowrap}.compare-bar-items{display:flex;gap:8px;flex:1}.compare-bar-item{position:relative;width:48px;height:48px}.compare-bar-item img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0}.compare-bar-item button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#000;color:#fff;border:none;font-size:11px;cursor:pointer;line-height:1}.compare-bar-btn{padding:8px 16px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.compare-bar-clear{padding:8px 12px;background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;white-space:nowrap}.compare-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.compare-overlay.is-open{display:block}.compare-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:1000;width:98%;max-width:1200px;max-height:85vh;overflow-y:auto;border-radius:8px;padding:24px}.compare-modal.is-open{display:block}.compare-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer}.compare-modal-title{margin:0 0 20px;font-size:18px}.compare-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.compare-grid{grid-template-columns:repeat(4,1fr)}}.compare-col{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative}.compare-col-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:14px;cursor:pointer;line-height:1;z-index:1}.compare-col-remove:hover{background:#000}.compare-col-image{width:100%;aspect-ratio:1;object-fit:cover}.compare-col-title{padding:8px 12px;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-col-title a{color:inherit;text-decoration:none}.compare-col-row{padding:6px 12px;border-top:1px solid #f0f0f0;justify-content:center;font-size:13px}.compare-col-value{text-align:center;width:100%}.compare-col-label{color:#888;display:none}.compare-col-add{display:block;width:100%;padding:10px;background:#000;color:#fff;border:none;cursor:pointer;font-size:13px;margin-top:8px}.action-compare.is-active{background:#000;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/22/assets/compare.css.map */