:root{--comparison-btn-bg: #1a1a1a;--comparison-btn-text: #ffffff;--comparison-btn-bg-hover: #333333;--comparison-btn-bg-active: #2563eb;--comparison-btn-text-active: #ffffff;--comparison-modal-overlay: #000000;--comparison-modal-bg: #ffffff;--comparison-table-header-bg: #f3f4f6;--comparison-table-row-alt: #f9fafb;--comparison-table-label-bg: #f3f4f6;--comparison-table-label-text: #111827}.comparison-btn.is-active{background-color:var(--comparison-btn-bg-active);--button-border-color: var(--comparison-btn-bg-active);color:var(--comparison-btn-text-active)}.comparison-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background-color:var(--comparison-modal-bg);box-shadow:0 -2px 12px #0000001f;transform:translateY(100%);transition:transform .3s ease}.comparison-bar.is-visible{transform:translateY(0)}.comparison-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem}.comparison-bar__thumbs{display:flex;align-items:center;gap:.5rem;flex:1}.comparison-bar__thumb{position:relative;width:48px;height:48px;border-radius:4px;overflow:visible}.comparison-bar__thumb img{width:48px;height:48px;object-fit:cover;border-radius:4px;display:block}.comparison-bar__thumb-placeholder{width:48px;height:48px;border-radius:4px;background-color:var(--comparison-table-header-bg)}.comparison-bar__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background-color:#111827;color:#fff;font-size:.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.comparison-bar__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.comparison-bar__count{font-size:.875rem;color:var(--comparison-table-label-text);white-space:nowrap}.comparison-bar__btn{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;background-color:var(--comparison-btn-bg-active);color:var(--comparison-btn-text-active);transition:opacity .2s ease}.comparison-bar__btn:hover{opacity:.85}.comparison-bar__clear{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--comparison-table-label-text);transition:background-color .2s ease}.comparison-bar__clear:hover{background-color:var(--comparison-table-header-bg)}.comparison-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background-color:#00000080;isolation:isolate;padding:2rem 1rem}.comparison-modal.is-open{display:flex;align-items:center;justify-content:center}.comparison-modal__inner{background:var(--comparison-modal-bg);border-radius:8px;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e;overflow:hidden}.comparison-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:var(--comparison-table-header-bg)}.comparison-modal__title{font-size:1.125rem;font-weight:600;margin:0}.comparison-modal__close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--comparison-table-label-text);padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.comparison-modal__close:hover{background-color:#e5e7eb}.comparison-modal__search-wrap{padding:1rem 1.5rem 0;flex-shrink:0}.comparison-modal__body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.comparison-modal__loading,.comparison-modal__error,.comparison-modal__empty{text-align:center;padding:2rem;color:#6b7280;font-size:.9rem}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table thead th{background-color:var(--comparison-table-header-bg);padding:1rem;text-align:center;vertical-align:top;border-bottom:2px solid #e5e7eb}.comparison-table__label-cell{text-align:left!important;background-color:var(--comparison-table-label-bg)!important;color:var(--comparison-table-label-text);font-weight:600;font-size:.875rem;width:160px;min-width:140px;padding:.75rem 1rem!important}.comparison-table__product-cell{min-width:180px;padding:1rem;position:relative}.comparison-table__product-cell--empty{background-color:#fafafa}.comparison-table__empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:.875rem;min-height:120px}.comparison-table__empty-slot span{font-size:1.5rem;line-height:1}.comparison-table__remove{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:#9ca3af;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease}.comparison-table__remove:hover{color:#111827;background-color:#f3f4f6}.comparison-table__product-cell img{display:block;margin:0 auto .75rem;object-fit:contain;width:120px;height:120px}.comparison-table__product-title{display:block;font-weight:600;font-size:.875rem;text-align:center;text-decoration:none;color:var(--comparison-table-label-text);margin-bottom:.25rem}.comparison-table__product-title:hover{text-decoration:underline}.comparison-table__product-price{font-size:.875rem;text-align:center;color:#6b7280;margin:0 0 .75rem}.comparison-table__product-cta{display:block;text-align:center;font-size:.8rem;font-weight:500;padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:4px;text-decoration:none;color:var(--comparison-table-label-text);transition:background-color .2s ease}.comparison-table__product-cta:hover{background-color:var(--comparison-table-header-bg)}.comparison-table tbody tr:nth-child(2n){background-color:var(--comparison-table-row-alt)}.comparison-table__data-cell{padding:.75rem 1rem;font-size:.875rem;text-align:center;color:#374151;border-bottom:1px solid #f3f4f6}.comparison-table__data-cell--empty{background-color:#fafafa}.comparison-search{position:relative}.comparison-search__input{width:100%;padding:.65rem 1rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.comparison-search__input:focus{border-color:var(--comparison-btn-bg-active)}.comparison-search__results{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.comparison-search__results:empty{display:none}.comparison-search__status{padding:.75rem 1rem;font-size:.875rem;color:#6b7280}.comparison-search__result-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.875rem;text-align:left;color:var(--comparison-table-label-text);transition:background-color .2s ease}.comparison-search__result:last-child .comparison-search__result-btn{border-bottom:none}.comparison-search__result-btn:hover{background-color:var(--comparison-table-header-bg)}.comparison-search__result-btn img{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.comparison-search__result-placeholder{width:40px;height:40px;border-radius:4px;background-color:var(--comparison-table-header-bg);flex-shrink:0}#comparison-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(12px);background-color:#111827;color:#fff;font-size:.875rem;padding:.65rem 1.25rem;border-radius:6px;box-shadow:0 4px 12px #00000026;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:400}#comparison-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}body.comparison-modal-open{overflow:hidden}.comparison-table__dropdown{font-size:.875rem;font-weight:600;color:var(--comparison-table-label-text);background-color:transparent;border:none;cursor:pointer;font-family:inherit}.comparison-table__dropdown:focus{outline:2px solid var(--comparison-btn-bg-active);outline-offset:1px}@media(max-width:768px){.comparison-bar__inner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.comparison-bar__actions{width:100%;justify-content:space-between}.comparison-modal{padding:1rem .5rem}.comparison-modal__inner{max-height:85vh;border-radius:6px}.comparison-modal__search-wrap{padding:.75rem 1rem 0}.comparison-modal__body{padding:1rem}.comparison-table__label-cell{width:120px;min-width:110px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/comparison-tool.css.map */