.compare-area{padding-bottom:100px}@media (max-width:767.98px){.compare-area{padding-bottom:60px}}.compare-area .bb-empty-state{max-width:520px;margin:24px auto 0;padding:56px 32px;background:var(--bg);border:1px solid var(--line);border-radius:16px}.compare-area .bb-empty-state h3{font-size:22px;font-weight:600;color:var(--text);margin-bottom:12px}.compare-area .bb-empty-state p{color:var(--text-2);font-size:15px;line-height:24px;margin-bottom:24px}.compare-area .bb-empty-state .btn,.compare-area .bb-empty-state .btn.btn-outline-primary{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:var(--text);color:var(--white);border:1px solid var(--text);border-radius:999px;padding:12px 28px;font-size:14px;font-weight:600;line-height:22px;transition:all .25s ease}.compare-area .bb-empty-state .btn.btn-outline-primary:focus,.compare-area .bb-empty-state .btn.btn-outline-primary:hover,.compare-area .bb-empty-state .btn:focus,.compare-area .bb-empty-state .btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.compare-area .bb-empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto;border-radius:50%;background:var(--white);color:var(--primary);border:1px solid var(--line)}.compare-area .bb-empty-state-icon i,.compare-area .bb-empty-state-icon svg{width:32px;height:32px;font-size:32px}.compare-area .compare-header{display:none}.compare-area .compare-toolbar{margin-bottom:32px}.compare-area .compare-toolbar-info{font-size:14px;color:var(--text-2)}.compare-area .compare-diff-toggle{font-size:14px;color:var(--text);background:var(--bg);border-radius:999px;padding:8px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare-area .compare-diff-toggle input[type=checkbox]{accent-color:var(--primary)}.compare-area .btn.btn-outline-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;line-height:22px;transition:all .25s ease}.compare-area .btn.btn-outline-secondary:focus,.compare-area .btn.btn-outline-secondary:hover{background:var(--text);color:var(--white);border-color:var(--text)}.compare-area .compare-product-actions{margin-top:16px}.compare-area .compare-product-actions .btn.btn-primary{position:relative;width:100%;background:var(--text);border:1px solid var(--text);color:var(--white);border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;line-height:22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.compare-area .compare-product-actions .btn.btn-primary:focus,.compare-area .compare-product-actions .btn.btn-primary:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.compare-area .compare-product-actions .btn.btn-primary i{font-size:18px}.compare-area .compare-product-actions .btn.btn-primary.btn-loading,.compare-area .compare-product-actions .btn.btn-primary:disabled{pointer-events:none;cursor:wait;opacity:.85}.compare-area .compare-product-actions .btn.btn-primary.btn-loading{color:transparent}.compare-area .compare-product-actions .btn.btn-primary.btn-loading>*{display:none}.compare-area .compare-product-actions .btn.btn-primary.btn-loading:after{content:"";display:block;width:18px;height:18px;box-sizing:border-box;border:2px solid hsla(0,0%,100%,.35);border-top-color:var(--white);border-radius:50%;animation:spin .7s linear infinite}.compare-area .compare-product-cell{position:relative;padding:16px;vertical-align:top}.compare-area .compare-product-title{font-size:16px;font-weight:600;line-height:24px;color:var(--text);margin:12px 0 8px}.compare-area .compare-product-title a{color:inherit}.compare-area .compare-product-title a:hover{color:var(--primary)}.compare-area .compare-product-price{margin-bottom:8px}.compare-area .compare-product-price .compare-price,.compare-area .compare-product-price .price-current{color:var(--primary);font-weight:600}.compare-area .compare-product-price .old-price,.compare-area .compare-product-price .price-old{color:var(--text-3);text-decoration:line-through;margin-left:6px}.compare-area .compare-savings-badge{gap:4px;background:var(--bg-4);color:var(--primary);font-weight:500;margin-bottom:8px}.compare-area .compare-savings-badge,.compare-area .compare-stock-badge{display:inline-flex;align-items:center;font-size:13px;line-height:20px;padding:4px 10px;border-radius:999px}.compare-area .compare-stock-badge{gap:6px}.compare-area .compare-stock-badge .compare-stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.compare-area .compare-stock-badge.compare-stock-in{background:rgba(61,171,37,.1);color:var(--success)}.compare-area .compare-stock-badge.compare-stock-out{background:rgba(240,62,62,.1);color:var(--critical)}.compare-area .compare-product-remove{position:absolute;top:8px;right:8px;background:transparent;border:0;color:var(--text-3);font-size:18px;line-height:1;padding:4px;cursor:pointer;transition:color .2s ease}.compare-area .compare-product-remove:focus,.compare-area .compare-product-remove:hover{color:var(--primary)}.compare-area .compare-empty-slot{padding:16px;vertical-align:top}.compare-area .compare-add-slot,.compare-area .compare-empty-slot>*{background:var(--bg);border:1px dashed var(--line);border-radius:12px;padding:32px 16px;text-align:center;color:var(--text-2);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.compare-area .compare-add-slot:hover,.compare-area .compare-empty-slot>:hover{border-color:var(--text);color:var(--text)}.compare-area .compare-group-row .compare-group-title{background:var(--bg);color:var(--text);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-left:3px solid var(--primary)}.compare-area .compare-spec-row .compare-row-label{color:var(--text);font-weight:500;font-size:14px;padding:14px 16px;background:transparent;border-bottom:1px solid var(--line);vertical-align:middle}.compare-area .compare-spec-row .compare-empty-cell,.compare-area .compare-spec-row .compare-spec-value{color:var(--text-2);font-size:14px;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.compare-area [data-spec-row].compare-diff-highlight,.compare-area [data-spec-row][data-diff=true]{background:var(--bg-5)}@media (max-width:767.98px){.compare-area .compare-toolbar{gap:12px}.compare-area .compare-product-title{font-size:15px}}