.comparely-btn{--comparely-accent:#0e7490;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 12px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.comparely-btn:hover{border-color:var(--comparely-accent);color:var(--comparely-accent)}
.comparely-btn.is-on{background:var(--comparely-accent);border-color:var(--comparely-accent);color:#fff}
.comparely-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:9998;display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:10px 12px 10px 14px;border-radius:16px;background:#111827;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3);transition:transform .25s}
.comparely-bar.is-on{transform:translate(-50%,0)}
.comparely-bar__items{display:flex;gap:8px;overflow-x:auto}
.comparely-bar__it{position:relative;flex:none}
.comparely-bar__it img{display:block;width:44px;height:44px;object-fit:cover;border-radius:10px;background:#374151}
.comparely-bar__rm{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#fff;color:#111827;font-size:14px;line-height:1;cursor:pointer}
.comparely-bar__act{display:flex;gap:8px;align-items:center}
.comparely-bar__clear{border:0;background:none;color:#9ca3af;font:inherit;font-size:13px;cursor:pointer}
.comparely-bar__go{border:0;border-radius:10px;padding:10px 16px;background:#22d3ee;color:#082f49;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.comparely-bar__go:disabled{opacity:.5;cursor:not-allowed}
.comparely-dlg{width:min(1100px,96vw);max-height:90vh;padding:0;border:0;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.comparely-dlg::backdrop{background:rgba(15,23,42,.55)}
.comparely-dlg__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid #e5e7eb}
.comparely-dlg__head strong{font-size:17px}
.comparely-diff{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}
.comparely-dlg__x{border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}
.comparely-dlg__body{padding:0 18px 18px;overflow:auto}
.comparely-load{padding:30px;text-align:center;color:#6b7280}
.comparely-scroll{overflow-x:auto}
.comparely-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;table-layout:fixed}
.comparely-table th,.comparely-table td{padding:12px 10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
.comparely-table tbody th{width:140px;color:#6b7280;font-weight:600;font-size:13px}
.comparely-table thead th{position:relative;vertical-align:bottom}
.comparely-prod{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#111827;font-weight:700}
.comparely-prod img{width:100%!important;max-width:180px;height:auto!important;aspect-ratio:1/1!important;object-fit:cover;border-radius:12px;margin:0!important}
.comparely-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;font-size:16px}
.show-diff .comparely-table tr.is-diff td,.show-diff .comparely-table tr.is-diff th{background:color-mix(in srgb,var(--comparely-accent,#0e7490) 9%,#fff)}
.comparely-buy.button{white-space:nowrap}
@media (max-width:600px){.comparely-bar{left:12px;right:12px;transform:translateY(140%);max-width:none}.comparely-bar.is-on{transform:none}.comparely-bar__clear{display:none}}