.vs-compare-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1.5px solid var(--vs-compare-btn-color, #d1d5db);border-radius:999px;background:transparent;color:var(--vs-compare-btn-color, #1a1a1a);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;line-height:1;margin:0}.vs-compare-btn:hover,.vs-compare-btn.vs-active{background:var(--vs-compare-btn-color, #1a1a1a);color:var(--vs-compare-btn-text, #fff)}.vs-compare-btn svg{width:16px;height:16px;flex-shrink:0}.vs-compare-card-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:1.5px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:5;padding:0;box-shadow:0 1px 3px #0000001a}.vs-compare-card-btn:hover,.vs-compare-card-btn.vs-active{background:var(--vs-compare-btn-color, #1a1a1a);border-color:var(--vs-compare-btn-color, #1a1a1a)}.vs-compare-card-btn:hover svg,.vs-compare-card-btn.vs-active svg{stroke:#fff}.vs-compare-card-btn svg{width:16px;height:16px;stroke:#6b7280;fill:none;transition:stroke .2s}.vs-compare-bar{position:fixed;left:0;right:0;z-index:9998;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px #0000001a;padding:12px 20px;display:flex;align-items:center;gap:12px;transition:transform .3s ease}.vs-compare-bar.vs-bar-bottom{bottom:0}.vs-compare-bar.vs-bar-top{top:0;border-top:none;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px #0000001a}.vs-compare-bar.vs-hidden{transform:translateY(100%)}.vs-compare-bar.vs-bar-top.vs-hidden{transform:translateY(-100%)}.vs-compare-bar-items{display:flex;gap:8px;flex:1;overflow-x:auto;padding:2px 0;align-items:center}.vs-compare-bar-slot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1.5px dashed #d1d5db;border-radius:8px;color:#d1d5db;font-size:20px;font-weight:300;flex-shrink:0;background:#fafafa}.vs-compare-bar-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:0;flex-shrink:0}.vs-compare-bar-item img{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.vs-compare-bar-item-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;color:#111}.vs-compare-bar-item-remove{border:none;background:none;padding:2px;cursor:pointer;color:#9ca3af;font-size:16px;line-height:1;flex-shrink:0;transition:color .15s}.vs-compare-bar-item-remove:hover{color:#ef4444}.vs-compare-bar-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.vs-compare-bar-count{font-size:12px;color:#6b7280;white-space:nowrap}.vs-compare-bar-btn{padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.vs-compare-bar-btn:hover{opacity:.85}.vs-compare-bar-btn.vs-primary{background:var(--vs-compare-btn-color, #1a1a1a);color:var(--vs-compare-btn-text, #fff)}.vs-compare-bar-clear{background:none;border:1px solid #d1d5db;color:#6b7280;padding:10px 14px;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}.vs-compare-bar-clear:hover{border-color:#ef4444;color:#ef4444}.vs-compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.vs-compare-overlay.vs-open{opacity:1;pointer-events:all}.vs-compare-drawer{background:#fff;width:100%;max-height:90vh;border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.vs-compare-overlay.vs-open .vs-compare-drawer{transform:translateY(0)}.vs-compare-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.vs-compare-drawer-header h2{margin:0;font-size:18px;font-weight:700;color:#111}.vs-compare-drawer-close{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#6b7280;transition:all .15s}.vs-compare-drawer-close:hover{background:#f3f4f6;color:#111}.vs-compare-drawer-body{overflow:auto;flex:1;padding:0}.vs-compare-table{width:100%;border-collapse:collapse;font-size:14px}.vs-compare-table th,.vs-compare-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #f3f4f6;vertical-align:top;min-width:160px}.vs-compare-table th:first-child,.vs-compare-table td:first-child{text-align:left;font-weight:600;background:#f9fafb;position:sticky;left:0;z-index:2;min-width:130px;max-width:150px;color:#374151;font-size:13px}.vs-compare-table thead th{background:#f9fafb;position:sticky;top:0;z-index:3;border-bottom:2px solid #e5e7eb}.vs-compare-table thead th:first-child{z-index:4}.vs-compare-product-header{display:flex;flex-direction:column;align-items:center;gap:8px}.vs-compare-product-header img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.vs-compare-product-header .vs-product-name{font-size:13px;font-weight:600;color:#111;text-decoration:none;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vs-compare-product-header .vs-product-name:hover{text-decoration:underline}.vs-compare-product-header .vs-product-price{font-size:14px;font-weight:700;color:#111}.vs-compare-product-header .vs-product-remove{font-size:11px;color:#9ca3af;background:none;border:none;cursor:pointer;text-decoration:underline;font-family:inherit}.vs-compare-product-header .vs-product-remove:hover{color:#ef4444}.vs-compare-table td .vs-in-stock{color:#059669;font-weight:500}.vs-compare-table td .vs-out-of-stock{color:#dc2626;font-weight:500}.vs-cta-row td{padding:12px 16px 16px;border-bottom:none}.vs-cta-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.vs-compare-table td .vs-view-btn{display:inline-block;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s;background:transparent;color:var(--vs-compare-btn-color, #1a1a1a);border:1.5px solid var(--vs-compare-btn-color, #1a1a1a);white-space:nowrap}.vs-compare-table td .vs-view-btn:hover{opacity:.7}.vs-compare-table td .vs-view-btn.vs-view-btn-primary{background:var(--vs-compare-btn-color, #1a1a1a);color:var(--vs-compare-btn-text, #fff);border-color:transparent}.vs-compare-table td .vs-view-btn.vs-view-btn-primary:hover{opacity:.85}.vs-add-cart-btn{display:inline-block;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s;background:var(--vs-compare-btn-color, #1a1a1a);color:var(--vs-compare-btn-text, #fff);border:none;font-family:inherit;white-space:nowrap}.vs-add-cart-btn:hover{opacity:.85}.vs-diff-row td:not(:first-child){background:#fffbeb}.vs-diff-row td:first-child{background:#fef9e7}.vs-compare-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;color:#9ca3af}.vs-compare-loading p{margin:0;font-size:14px}.vs-compare-spinner{width:28px;height:28px;border:2.5px solid #e5e7eb;border-top-color:var(--vs-compare-btn-color, #1a1a1a);border-radius:50%;animation:vs-spin .7s linear infinite}@keyframes vs-spin{to{transform:rotate(360deg)}}.vs-compare-empty{text-align:center;padding:60px 20px;color:#9ca3af}.vs-compare-empty svg{width:48px;height:48px;margin-bottom:12px;stroke:#d1d5db}.vs-compare-empty p{margin:0;font-size:15px}@media(max-width:768px){.vs-compare-bar{flex-wrap:wrap;padding:10px 12px;gap:8px}.vs-compare-bar-items{width:100%;order:1}.vs-compare-bar-actions{width:100%;order:2;justify-content:space-between}.vs-compare-bar-item-title{max-width:80px}.vs-compare-drawer{max-height:95vh}.vs-compare-table th,.vs-compare-table td{padding:10px 12px;min-width:130px}.vs-compare-product-header img{width:60px;height:60px}}.vs-compare-table .vs-mf-list{margin:0;padding-left:18px;text-align:left;font-size:12.5px;line-height:1.55}.vs-compare-table .vs-mf-list li{margin:2px 0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/compare-widget.css.map */