.compare-area{--compare-border:#e5e7eb;--compare-border-strong:#d1d5db;--compare-surface:#fff;--compare-surface-2:#f9fafb;--compare-surface-3:#f3f4f6;--compare-group-bg:#111827;--compare-group-fg:#fff;--compare-text:#111827;--compare-text-muted:#6b7280;--compare-text-soft:#9ca3af;--compare-accent:var(--bs-primary,#0d6efd);--compare-success-bg:#dcfce7;--compare-success-fg:#166534;--compare-success-dot:#22c55e;--compare-danger-bg:#fee2e2;--compare-danger-fg:#991b1b;--compare-danger-dot:#ef4444;--compare-savings-bg:#fef2f2;--compare-savings-fg:#dc2626;--compare-row-hover:rgba(13,110,253,.04);--compare-shadow-sm:0 1px 2px rgba(0,0,0,.04);--compare-shadow-md:0 4px 12px rgba(0,0,0,.08);--compare-radius:0.625rem;--compare-radius-sm:0.375rem;--compare-transition:200ms cubic-bezier(0.4,0,0.2,1)}.compare-area .compare-header .compare-page-title{font-size:1.125rem;font-weight:700;color:var(--compare-text);line-height:1.3;margin:0}.compare-area .compare-header .compare-page-title .compare-page-title-products{display:inline;color:var(--compare-text-muted);font-weight:500}.compare-area .compare-header .compare-page-title .compare-page-title-products:before{content:": ";color:var(--compare-text-soft)}@media (min-width:768px){.compare-area .compare-header .compare-page-title{font-size:1.25rem}}.compare-toolbar .compare-toolbar-info{font-size:.875rem;color:var(--compare-text-muted)}.compare-toolbar .compare-toolbar-actions .btn{font-size:.875rem;transition:background-color var(--compare-transition),color var(--compare-transition),border-color var(--compare-transition)}.compare-diff-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;padding:.4rem .75rem;border-radius:999px;background:var(--compare-surface-3);transition:background-color var(--compare-transition)}.compare-diff-toggle:hover{background:var(--compare-border)}.compare-diff-toggle input{cursor:pointer}.compare-table{border-radius:var(--compare-radius);background:var(--compare-surface);box-shadow:var(--compare-shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-grid{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:720px;margin-bottom:0}.compare-grid td,.compare-grid th{vertical-align:middle;border:0;border-bottom:1px solid var(--compare-border);padding:1rem}.compare-grid tr:last-child>td,.compare-grid tr:last-child>th{border-bottom:0}.compare-col-label{width:220px}.compare-col-empty,.compare-col-product{width:auto}.compare-sticky-head{position:sticky;top:0;z-index:5}.compare-sticky-head td,.compare-sticky-head th{background:var(--compare-surface);vertical-align:top;padding:1.5rem 1rem 1.25rem;border-bottom:1px solid var(--compare-border)}.compare-sticky-head>tr>th:first-child{font-weight:600;color:var(--compare-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.04em}.compare-product-cell{position:relative;text-align:center;border:1px solid var(--compare-border);border-radius:var(--compare-radius);transition:box-shadow var(--compare-transition),border-color var(--compare-transition)}.compare-product-cell:hover{border-color:var(--compare-border-strong);box-shadow:var(--compare-shadow-md)}.compare-product-remove{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:var(--compare-text-soft);cursor:pointer;transition:background-color var(--compare-transition),color var(--compare-transition)}.compare-product-remove:before{content:"";position:absolute;inset:-8px}.compare-product-remove:focus-visible,.compare-product-remove:hover{background:var(--compare-danger-bg);color:var(--compare-danger-fg);outline:none}.compare-product-remove:focus-visible{box-shadow:0 0 0 3px rgba(239,68,68,.25)}.compare-product-remove i,.compare-product-remove svg{width:16px;height:16px}.compare-thumb{margin-bottom:.875rem}.compare-thumb a{display:inline-block}.compare-thumb img{display:block;max-width:150px;max-height:150px;width:100%;height:auto;margin:0 auto;-o-object-fit:contain;object-fit:contain}.compare-product-title{font-size:.95rem;font-weight:600;line-height:1.4;margin:0 0 .625rem;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-product-title a{color:var(--compare-text);text-decoration:none;transition:color var(--compare-transition)}.compare-product-title a:hover{color:var(--compare-accent)}.compare-product-price{margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;gap:.125rem;font-variant-numeric:tabular-nums;line-height:1.25}.compare-product-price .compare-price,.compare-product-price .product-price,.compare-product-price>span:first-child{font-size:1.25rem;font-weight:700;color:var(--compare-savings-fg)}.compare-product-price .old-price,.compare-product-price .product-price-old{font-size:.8125rem;font-weight:400;color:var(--compare-text-muted);text-decoration:line-through;margin-left:0}.compare-savings-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;background:var(--compare-savings-bg);color:var(--compare-savings-fg);font-size:.75rem;font-weight:600;line-height:1.3;margin:0 auto .75rem;width:-moz-fit-content;width:fit-content}.compare-savings-badge i,.compare-savings-badge svg{width:14px;height:14px}.compare-product-stock{margin-bottom:1rem}.compare-stock-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.3}.compare-stock-badge.compare-stock-in{background:var(--compare-success-bg);color:var(--compare-success-fg)}.compare-stock-badge.compare-stock-in .compare-stock-dot{background:var(--compare-success-dot)}.compare-stock-badge.compare-stock-out{background:var(--compare-danger-bg);color:var(--compare-danger-fg)}.compare-stock-badge.compare-stock-out .compare-stock-dot{background:var(--compare-danger-dot)}.compare-stock-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.compare-product-actions .btn{font-size:.875rem;font-weight:600;padding:.625rem .75rem;border-radius:var(--compare-radius-sm);transition:background-color var(--compare-transition),color var(--compare-transition),transform .1s ease-out}.compare-product-actions .btn i,.compare-product-actions .btn svg{margin-right:.35rem;width:16px;height:16px}.compare-product-actions .btn:active{transform:scale(.98)}.compare-empty-slot{padding:.5rem!important}.compare-add-slot{width:100%;height:100%;min-height:220px;border:1.5px dashed var(--compare-border-strong);border-radius:var(--compare-radius);background:var(--compare-surface-2);padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;text-align:center;color:var(--compare-text-muted);cursor:pointer;transition:border-color var(--compare-transition),background-color var(--compare-transition),transform .1s ease-out}.compare-add-slot:focus-visible,.compare-add-slot:hover{border-color:var(--compare-accent);background:var(--compare-surface);color:var(--compare-text);outline:none}.compare-add-slot:focus-visible{box-shadow:0 0 0 3px rgba(13,110,253,.18)}.compare-add-slot:active{transform:scale(.99)}.compare-add-slot .compare-add-slot-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--compare-surface);border:1.5px solid var(--compare-border-strong);color:var(--compare-text-soft);transition:color var(--compare-transition),border-color var(--compare-transition),background-color var(--compare-transition)}.compare-add-slot .compare-add-slot-icon i,.compare-add-slot .compare-add-slot-icon svg{width:24px;height:24px}.compare-add-slot:focus-visible .compare-add-slot-icon,.compare-add-slot:hover .compare-add-slot-icon{color:var(--compare-accent);border-color:var(--compare-accent);background:rgba(13,110,253,.06)}.compare-add-slot .compare-add-slot-label{font-size:.875rem;font-weight:500}body.compare-picker-open{overflow:hidden}.compare-picker{position:fixed;inset:0;z-index:1080;display:none}.compare-picker.is-open{display:block}.compare-picker-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:compare-picker-fade-in .2s ease-out}@keyframes compare-picker-fade-in{0%{opacity:0}to{opacity:1}}@keyframes compare-picker-slide-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.compare-picker-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,100vw - 2rem);max-height:min(720px,100vh - 2rem);background:var(--compare-surface);border-radius:var(--compare-radius);box-shadow:0 24px 48px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;animation:compare-picker-slide-in .22s cubic-bezier(.4,0,.2,1)}.compare-picker-dialog:focus{outline:none}.compare-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem .875rem 1.25rem;border-bottom:1px solid var(--compare-border);flex-shrink:0}.compare-picker-title{margin:0;font-size:1rem;font-weight:600;color:var(--compare-text);line-height:1.3}.compare-picker-close{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--compare-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--compare-transition),color var(--compare-transition)}.compare-picker-close:before{content:"";position:absolute;inset:-6px}.compare-picker-close{position:relative}.compare-picker-close:focus-visible,.compare-picker-close:hover{background:var(--compare-surface-3);color:var(--compare-text);outline:none}.compare-picker-close i,.compare-picker-close svg{width:18px;height:18px}.compare-picker-search{padding:.75rem 1.25rem;flex-shrink:0;position:relative}.compare-picker-search-icon{position:absolute;right:2.125rem;top:50%;transform:translateY(-50%);color:var(--compare-text-muted);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.compare-picker-search-icon i,.compare-picker-search-icon svg{width:18px;height:18px}.compare-picker-search-input{display:block;width:100%;height:40px;border:1px solid var(--compare-border);border-radius:8px;padding:0 2.5rem 0 .875rem;font-size:.875rem;line-height:1.4;color:var(--compare-text);background:var(--compare-surface-2);transition:border-color var(--compare-transition),box-shadow var(--compare-transition),background-color var(--compare-transition)}.compare-picker-search-input::-moz-placeholder{color:var(--compare-text-soft)}.compare-picker-search-input::placeholder{color:var(--compare-text-soft)}.compare-picker-search-input:hover{background:var(--compare-surface)}.compare-picker-search-input:focus{border-color:var(--compare-accent);background:var(--compare-surface);box-shadow:0 0 0 3px rgba(13,110,253,.12);outline:none}.compare-picker-body{padding:.5rem 1.25rem 1.25rem;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.compare-picker-body::-webkit-scrollbar{width:8px}.compare-picker-body::-webkit-scrollbar-thumb{background:var(--compare-border-strong);border-radius:999px}.compare-picker-body::-webkit-scrollbar-track{background:transparent}.compare-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width:991.98px){.compare-picker-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:575.98px){.compare-picker-grid{grid-template-columns:repeat(2,1fr)}}.compare-picker-card{display:flex;flex-direction:column;background:var(--compare-surface);border:1px solid var(--compare-border);border-radius:var(--compare-radius);padding:.75rem;transition:box-shadow var(--compare-transition),border-color var(--compare-transition)}.compare-picker-card:hover{box-shadow:var(--compare-shadow-md);border-color:var(--compare-border-strong)}.compare-picker-card-thumb{display:block;aspect-ratio:1;margin-bottom:.5rem;overflow:hidden;border-radius:var(--compare-radius-sm)}.compare-picker-card-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--compare-transition)}.compare-picker-card-thumb:hover img{transform:scale(1.04)}.compare-picker-card-title{font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.compare-picker-card-title a{color:var(--compare-text);text-decoration:none}.compare-picker-card-title a:hover{color:var(--compare-accent)}.compare-picker-card-prices{display:flex;flex-direction:column;margin-bottom:.625rem;font-variant-numeric:tabular-nums;line-height:1.3}.compare-picker-card-price{font-size:.95rem;font-weight:700;color:var(--compare-savings-fg)}.compare-picker-card-price-old{font-size:.75rem;color:var(--compare-text-muted);text-decoration:line-through}.compare-picker-card-select{margin-top:auto;font-size:.8125rem;font-weight:600;padding:.5rem .375rem;border-radius:var(--compare-radius-sm);width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-picker-card-select i,.compare-picker-card-select svg{width:14px;height:14px;flex-shrink:0}.compare-picker-status{text-align:center;color:var(--compare-text-muted);padding:1.25rem 0;font-size:.875rem}.compare-picker-status:empty{display:none}.compare-picker-load-more{display:block;margin:1rem auto 0;border:1px solid var(--compare-border-strong);background:var(--compare-surface);color:var(--compare-text);padding:.5rem 1.5rem;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color var(--compare-transition),color var(--compare-transition)}.compare-picker-load-more:hover:not(:disabled){border-color:var(--compare-accent);color:var(--compare-accent)}.compare-picker-load-more:disabled{opacity:.5;cursor:default}.compare-picker-foot{border-top:1px solid var(--compare-border);padding:.75rem 1.25rem;flex-shrink:0;background:var(--compare-surface-2)}.compare-picker-url-summary{cursor:pointer;font-size:.875rem;color:var(--compare-text-muted);list-style:none;display:inline-flex;align-items:center;gap:.375rem;transition:color var(--compare-transition)}.compare-picker-url-summary::-webkit-details-marker{display:none}.compare-picker-url-summary:hover{color:var(--compare-accent)}.compare-picker-url-summary i,.compare-picker-url-summary svg{width:16px;height:16px}.compare-picker-url-form .form-control{font-size:.875rem}@media (max-width:575.98px){.compare-picker-dialog{width:100vw;max-height:100vh;border-radius:0;top:0;left:0;transform:none;animation:compare-picker-fade-in .2s ease-out}}@media (prefers-reduced-motion:reduce){.compare-picker-backdrop,.compare-picker-dialog{animation:none}}.compare-group-row>.compare-group-title{background:var(--compare-surface-3);color:var(--compare-text);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;padding:.65rem 1rem .65rem 1.25rem;position:relative;border-left:3px solid var(--compare-accent)}.compare-spec-row{transition:background-color .15s ease-out}.compare-spec-row:nth-of-type(2n){background:var(--compare-surface-2)}.compare-spec-row:hover{background:var(--compare-row-hover)}.compare-spec-row .compare-row-label{font-weight:500;color:var(--compare-text);font-size:.875rem}.compare-spec-row .compare-spec-value{font-size:.875rem;color:var(--compare-text);line-height:1.5;font-variant-numeric:tabular-nums;text-align:center}.compare-empty-cell{color:var(--compare-text-soft);text-align:center}.compare-diff-only .compare-group-row.compare-row-same,.compare-diff-only .compare-spec-row.compare-row-same{display:none}@media (max-width:768px){.compare-grid{min-width:540px}.compare-grid td:first-child,.compare-grid th:first-child{position:sticky;left:0;background:var(--compare-surface);z-index:2;box-shadow:1px 0 0 var(--compare-border)}.compare-spec-row:nth-of-type(2n)>td:first-child,.compare-spec-row:nth-of-type(2n)>th:first-child{background:var(--compare-surface-2)}.compare-group-row>.compare-group-title{background:var(--compare-group-bg)}.compare-col-label{width:110px}.compare-grid td,.compare-grid th{padding:.625rem .5rem}.compare-spec-row .compare-row-label{font-size:.8125rem}.compare-product-cell{min-width:150px}.compare-thumb img{max-width:100px;max-height:100px}.compare-product-title{font-size:.875rem;min-height:2.4em}.compare-product-price .compare-price,.compare-product-price .product-price,.compare-product-price>span:first-child{font-size:1rem}.compare-product-actions .btn{font-size:.75rem;padding:.5rem;white-space:nowrap;gap:.25rem}.compare-product-actions .btn i,.compare-product-actions .btn svg{width:14px;height:14px}.compare-empty-slot{min-width:150px}.compare-add-slot{min-height:200px;padding:1rem .5rem}.compare-add-slot-label{font-size:.8125rem}.compare-toolbar{gap:.75rem!important}}@media (max-width:480px){.compare-col-label{width:90px}.compare-thumb img{max-width:80px;max-height:80px}.compare-empty-slot,.compare-product-cell{min-width:130px}}@media (prefers-reduced-motion:reduce){.compare-area *{transition:none!important;animation:none!important}}