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