.dh-compare-toggle{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.95);border:1px solid rgba(10,77,104,0.15);color:var(--sea-dark,#0a4d68);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:all .15s}.dh-compare-toggle:hover{background:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.12)}.dh-compare-toggle.active{background:var(--sea-dark,#0a4d68);color:white;border-color:var(--sea-dark,#0a4d68)}.dh-compare-toggle.active svg{transform:rotate(45deg)}.dh-compare-toggle svg{transition:transform .15s}.dh-compare-toggle-label{line-height:1}@media(max-width:600px){.dh-compare-toggle-label{display:none}.dh-compare-toggle{padding:8px}}#dh-compare-bar{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line,#e8d9c4);box-shadow:0 -4px 24px rgba(0,0,0,0.1);transform:translateY(100%);transition:transform .25s cubic-bezier(0.4,0,0.2,1);z-index:100;padding:14px 16px env(safe-area-inset-bottom,14px)}#dh-compare-bar.open{transform:translateY(0)}.dh-cb-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dh-cb-items{display:flex;gap:10px;flex:1 1 auto;flex-wrap:wrap;min-width:0}.dh-cb-item{display:flex;align-items:center;gap:8px;background:var(--bg,#faf7f2);border:1px solid var(--line,#e8d9c4);border-radius:10px;padding:6px 8px 6px 6px;font-size:13px;max-width:260px;position:relative}.dh-cb-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.dh-cb-item-info{min-width:0}.dh-cb-item-title{font-weight:600;color:var(--ink,#15202b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.dh-cb-item-meta{font-size:11.5px;color:var(--ink-soft,#5a6470);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-cb-remove{background:rgba(0,0,0,0.06);border:none;color:var(--ink-soft,#5a6470);width:22px;height:22px;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.dh-cb-remove:hover{background:#ef4444;color:white}.dh-cb-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dh-cb-clear{background:transparent;border:1px solid var(--line,#e8d9c4);color:var(--ink-soft,#5a6470);padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.dh-cb-clear:hover{background:var(--bg,#faf7f2)}.dh-cb-go{background:var(--sand,#e8a96a);color:white;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.dh-cb-go:hover{background:var(--sea-dark,#0a4d68);color:white;transform:translateY(-1px)}@media(max-width:700px){.dh-cb-inner{gap:10px}.dh-cb-items{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.dh-cb-item{flex-shrink:0;max-width:200px}.dh-cb-actions{width:100%;justify-content:space-between}}body:has(#dh-compare-bar.open){padding-bottom:100px}