/* Company catalog and product detail additions; the original stylesheet stays unchanged. */
.product-list { display: grid; gap: 1.25rem; }
.product-card { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: start; gap: 1.6rem; padding: 2rem; border: 1px solid var(--line); border-radius: 20px; background: var(--soft); color: var(--ink); text-decoration: none; }
.product-card:hover { border-color: var(--brand); }
.product-card-icon { width: 80px; height: 80px; }
.product-card h3 { margin-bottom: .65rem; font-size: 1.6rem; }
.product-card p { margin-bottom: .8rem; color: var(--muted); }
.product-card .status { margin-bottom: .7rem; }
.product-card-link { display: inline-flex; gap: .5rem; align-items: center; min-height: 44px; color: var(--brand); font-weight: 650; }
.product-intro { padding-block: 36px 48px; }
.product-intro .hero-copy { max-width: 42rem; margin-bottom: 0; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-bottom: 2rem; font-size: .875rem; color: var(--muted); }
.breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); }
@media (max-width: 700px) {
  .product-card { grid-template-columns: 64px minmax(0, 1fr); gap: 1rem; padding: 1.25rem; }
  .product-card-icon { width: 64px; height: 64px; }
  .product-intro { padding-block: 20px 32px; }
  .breadcrumbs { margin-bottom: 1.25rem; }
}
@media (max-width: 360px) { .product-card { grid-template-columns: 1fr; } }