/* ürün bağlantısı önizleme kartı (onizleme.js) — yalnız fareli ortamda; köşeler sitedeki gibi keskin */
.onz{position:absolute;left:0;top:0;z-index:70;display:flex;gap:12px;width:280px;padding:12px;background:#fff;border:1px solid var(--stan-rule);box-shadow:0 8px 24px rgba(22,32,46,.10);font-size:13.5px;line-height:1.4;color:var(--stan-ink);text-decoration:none;opacity:0;transform:translateY(4px);visibility:hidden;pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s linear .12s}
.onz.acik{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .16s ease-out,transform .16s ease-out,visibility 0s}
.onz:hover{border-color:var(--stan-blue)}
.onz-gorsel{flex:0 0 96px;width:96px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--stan-tint)}
.onz-gorsel[hidden]{display:none}
.onz-gorsel img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:4px}
.onz-metin{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.onz-metin .kod{font-size:13.5px}
.onz-ad{font-weight:600}
.onz-ozet{color:var(--stan-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.onz-ozet[hidden]{display:none}
.onz-git{margin-top:6px;font-size:12.5px;font-weight:600;color:var(--stan-blue)}
/* hedef bağlantı: fare üstündeyken noktalı alt çizgi (var olan düz çizginin yerine geçer) */
@media (hover:hover) and (pointer:fine){
  a.onz-hedef:hover{text-decoration:underline dotted;text-underline-offset:3px;text-decoration-thickness:1px}
}
@media (prefers-reduced-motion:reduce){
  .onz,.onz.acik{transition:none;transform:none}
}