/* Product comparison UI (task 6), see zenet_compare.js */
.compare_fixed{display:none!important} /* the right-edge counter is replaced by the bottom panel */
.zcmp-check{flex-basis:100%;display:flex;align-items:center;gap:6px;margin:6px 0 0;font-weight:400;font-size:13px;cursor:pointer;user-select:none}
.zcmp-check input{margin:0;width:16px;height:16px;accent-color:#3c6fd1}
.zcmp-check a{color:#2b8a3e}
.zcmp-links{margin:10px 0;font-size:14px}
.zcmp-links a{color:inherit;text-decoration:underline}.zcmp-on{color:#2b8a3e}
.zcmp-panel{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.15);font-size:14px}
.zcmp-panel[hidden]{display:none}
.zcmp-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:8px 96px 8px 16px} /* right: room for the chat bubble */
.zcmp-count{display:none;border:0;background:none;font-weight:600;padding:0;text-align:left}
.zcmp-items{display:flex;gap:12px;list-style:none;margin:0;padding:0;flex:1;overflow-x:auto}
.zcmp-items li{display:flex;align-items:center;gap:6px;max-width:230px;background:#f6f6f6;border-radius:6px;padding:4px 6px}
.zcmp-items a{display:flex;align-items:center;gap:6px;color:inherit;min-width:0}
.zcmp-items img{width:40px;height:40px;object-fit:contain;flex:none}
.zcmp-items span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.zcmp-items button{border:0;background:none;font-size:18px;line-height:1;color:#888;cursor:pointer}
.zcmp-actions{display:flex;align-items:center;gap:14px;flex:none}
.zcmp-go{display:inline-block;padding:9px 16px;border-radius:6px;color:#fff!important;white-space:nowrap}
.zcmp-go.is-disabled{opacity:.45;pointer-events:none}
.zcmp-link{color:#555;text-decoration:underline;white-space:nowrap}
.zcmp-mob{display:none}
.zcmp-panel.is-min{left:auto;right:16px;bottom:16px;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.zcmp-tag{display:block;padding:8px 14px;color:inherit}
.zcmp-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:2147483001;max-width:min(92vw,520px);background:#333;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media (max-width:767px){
  .zcmp-inner{min-height:56px;padding:6px 84px 6px 12px;gap:10px;flex-wrap:wrap}
  .zcmp-count{display:block;flex:1}
  .zcmp-items{display:none;order:3;flex-basis:100%;flex-direction:column;gap:6px;max-height:40vh}
  .zcmp-panel.is-open .zcmp-items{display:flex}
  .zcmp-items li{max-width:none;justify-content:space-between}
  .zcmp-actions .zcmp-link{display:none}
  .zcmp-panel.is-open .zcmp-actions .zcmp-link{display:inline}
  .zcmp-desk{display:none}.zcmp-mob{display:inline}
  .zcmp-go{padding:8px 14px}
}