/* Kompaktní tooltip karta – výraznější border, hover efekt, pointer */
.hosys-ph-card{
  position:fixed;z-index:99999;max-width:320px;background:#fff;
  border:1px solid #d4dbe6;
  box-shadow:0 10px 22px rgba(16,24,40,.12);
  border-radius:12px;opacity:0;transform:translateY(6px);
  transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease,border-color .14s ease;
  pointer-events:auto; cursor:pointer;
}
.hosys-ph-card.visible{opacity:1;transform:translateY(0)}
.hosys-ph-card.visible:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 16px 34px rgba(16,24,40,.18);
  border-color:#c5cede;
}
.hosys-ph__row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px}
.hosys-ph__img{flex:0 0 72px;width:72px;height:72px;object-fit:contain;background:#f6f7f9;border-radius:8px}
.hosys-ph__col{min-width:0}
.hosys-ph__title{font-size:14px;line-height:1.3;margin:0 0 4px;font-weight:700;color:#142f55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hosys-ph__price{font-size:15px;font-weight:800;margin:0 0 2px;color:#d41946}
.hosys-ph__meta{font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hosys-ph__meta .ok{color:#027A48} .hosys-ph__meta .back{color:#B54708} .hosys-ph__meta .out{color:#B42318}
.hosys-product-link:hover{text-decoration:underline}
@media (max-width:480px){
  .hosys-ph__img{width:64px;height:64px}
  .hosys-ph-card{max-width:290px}
}