/* Shared compact comparison widget for every catalog-enabled page. */
@media(min-width:769px){
 body:has(#phone-catalog) #topbar .header-compare-slot .compare-tray{overflow:visible;}
 body:has(#phone-catalog) #topbar .header-compare-slot .compare-tray::before{content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;box-sizing:content-box;background:#fff;border-top:1px solid #e9edf2;border-left:1px solid #e9edf2;transform:translateX(-50%) rotate(45deg);pointer-events:none;}
}
body:has(#phone-catalog) .compare-tray { top: 120px; bottom: auto; right: 22px; width: 208px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 136px); border: 1px solid #e9edf2; border-radius: 6px; box-shadow: 0 6px 20px #23364f12; }
body:has(#phone-catalog) .compare-tray-heading { padding: 10px 12px; border-bottom: 1px solid #f0f2f5; color: #4b607a; }
body:has(#phone-catalog) .compare-tray-count::before { content: "\673a\578b\5bf9\6bd4"; margin-right: 9px; color: #29394c; font-size: 13px; letter-spacing: 0; }
body[data-compare-type="laptop"] .compare-tray-count::before { content: "\7b14\8bb0\672c\5bf9\6bd4"; }
body:has(#phone-catalog) .compare-tray-identity > .compare-ui-icon { display: none; }
body:has(#phone-catalog) .compare-tray-count { font-weight: 400; font-size: 12px; letter-spacing: .5px; color: #929ba7; }
body:has(#phone-catalog) .compare-tray-close { width: 20px; height: 20px; border-radius: 3px; background: none; color: #b1bac6; }
body:has(#phone-catalog) .compare-tray-progress { display: none; }
body:has(#phone-catalog) .compare-tray-list { padding: 0 12px 3px; max-height: min(280px, calc(100dvh - 245px)); }
body:has(#phone-catalog) .compare-tray-thumbnail { flex: 0 0 30px; width: 30px; height: 34px; padding: 3px; box-sizing: border-box; border-radius: 3px; background: #f7f8fa; }
body:has(#phone-catalog) .compare-tray-thumbnail img { width: 23px; height: 28px; mix-blend-mode: normal; }
body:has(#phone-catalog) .compare-tray-item { padding: 7px 0; gap: 9px; border: 0; border-bottom: 1px solid #f2f4f6; }
body:has(#phone-catalog) .compare-tray-item:last-child { border-bottom: 0; }
body:has(#phone-catalog) .compare-tray-info > a { color: #36475c; font-size: 12px; font-weight: 400; }
body:has(#phone-catalog) .compare-tray-spec { display: none; }
body:has(#phone-catalog) .compare-tray-remove { flex: 0 0 24px; width: 24px; height: 28px; color: #b2bbc6; }
body:has(#phone-catalog) .compare-tray-remove .compare-ui-icon { width: 11px; height: 11px; }
body:has(#phone-catalog) .compare-tray-remove:hover, body:has(#phone-catalog) .compare-tray-heading .compare-tray-close:hover { color: #ff5000; background: none; }
body:has(#phone-catalog) .compare-tray-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; background: #fff; border-color: #f2f4f7; }
body:has(#phone-catalog) .compare-tray-actions > p { flex-basis: 100%; margin-bottom: 0; }
body:has(#phone-catalog) .compare-tray-actions > button:not(.compare-tray-clear) { order: 1; flex: 0 1 86px; width: 86px; height: 26px; gap: 0; border: 1px solid transparent; border-radius: 3px; background: rgb(255 80 0 / 75%); color: #fff; box-shadow: none; font-size: 11px; }
body:has(#phone-catalog) .compare-tray-actions > button:not(.compare-tray-clear) .compare-ui-icon { display: none; }
body:has(#phone-catalog) .compare-tray-actions > button:not(.compare-tray-clear):hover:not(:disabled) { background: rgb(255 80 0 / 85%); border-color: transparent; }
body:has(#phone-catalog) .compare-tray-actions > button:not(.compare-tray-clear):disabled { background: #fff; border-color: #edf0f4; color: #c0c7d0; cursor: default; }
body:has(#phone-catalog) .compare-tray-actions > .compare-tray-clear { order: 2; flex: 0 0 38px; width: 38px; height: 32px; margin: 0; padding: 0; border: 0; background: none; color: #a0a9b5; box-shadow: none; font-size: 11px; }
body:has(#phone-catalog) .compare-tray-actions > .compare-tray-clear:hover { color: var(--site-primary); background: none; }
body:has(#phone-catalog) .compare-tray-toggle { top: 120px; bottom: auto; right: 22px; min-width: 0; padding: 7px 10px; border: 1px solid #e7e9ed; border-radius: 4px; background: #fff; color: #485569; box-shadow: none; }
body:has(#phone-catalog) .compare-tray-toggle:hover { transform: none; background: #fff; border-color: #cbd1d9; color: #ff5000; box-shadow: none; }
body:has(#phone-catalog) .compare-toggle-main { gap: 8px; }
body:has(#phone-catalog) .compare-toggle-main > .compare-ui-icon { width: 17px; height: 17px; color: #ff5000; }
body:has(#phone-catalog) .compare-toggle-label { font-size: 12px; font-weight: 400; line-height: 18px; }
body:has(#phone-catalog) .compare-toggle-count { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #ff5000; color: #fff; font-size: 10px; line-height: 17px; letter-spacing: 0; }
body:has(#phone-catalog) .compare-toggle-progress { display: none; }