
.magazyn-article-link { color: inherit; text-decoration: none; }
.magazyn-article-link:hover .magazyn-article-name { text-decoration: underline; }
.product-detail-grid .detail-hero { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.product-detail-grid .detail-actions { display:flex; gap:8px; flex-wrap:wrap; }
.detail-notes { margin-top:8px; padding:12px 14px; border:1px solid #e5e7eb; border-radius:12px; background:#f8fafc; color:#111827; }
.product-detail-image { max-width:260px; border-radius:14px; border:1px solid #e5e7eb; }
.detail-scroll-wrap { display:flex; flex-direction:column; min-height:0; max-height:420px; overflow:hidden; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.detail-scroll-head { position:sticky; top:0; z-index:5; display:grid; gap:12px; padding:12px 14px; background:#fff; border-bottom:1px solid #e5e7eb; font-weight:700; color:#111827; }
.detail-scroll-body { overflow-y:auto; min-height:0; }
.movements-like-head, .movements-like-row { grid-template-columns: 1.1fr 1fr .9fr 1.3fr 1fr 1.2fr; }
.orders-like-head, .orders-like-row { grid-template-columns: 1.1fr 1fr .9fr 1fr 1.3fr 1.2fr; }
.detail-scroll-row { display:grid; gap:12px; align-items:start; padding:12px 14px; border-bottom:1px solid #eef2f7; }
.detail-scroll-body .detail-scroll-row:nth-child(even) { background:#f8fafc; }
.detail-scroll-body .detail-scroll-row:hover { background:#f1f5f9; }
.detail-empty { padding:16px; color:#4b5563; }
@media (max-width: 900px) { .product-detail-grid .detail-hero { flex-direction:column; } .detail-scroll-wrap { max-height:none; overflow:visible; border:0; background:transparent; } .detail-scroll-head { display:none; } .detail-scroll-body { overflow:visible; } .detail-scroll-row { display:flex; flex-direction:column; gap:8px; margin-bottom:12px; border:1px solid #e5e7eb; border-radius:14px; background:#fff; } }


.detail-kpi-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.detail-kpi-card {
  padding:14px 16px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f8fafc;
  color:#111827;
  box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 4px 12px rgba(15,23,42,.04);
}
.detail-kpi-card strong {
  color:#111827;
}
@media (max-width: 900px) {
  .detail-kpi-grid {
    grid-template-columns: 1fr;
  }
}
