/* Company page: full product family (scripts/company-contact-refresh.mjs). Inherits the page's colours. */
.family-products[data-family-grid-host] { display: block; }
.uzf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; }
.uzf-group { border: 1px solid rgba(127, 127, 127, .22); border-radius: 18px; padding: 18px 18px 10px; background: rgba(127, 127, 127, .04); }
.uzf-title { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
.uzf-title span { width: 10px; height: 10px; border-radius: 3px; background: var(--uzf-c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--uzf-c) 25%, transparent); }
.uzf-group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.uzf-item { display: flex; gap: 14px; align-items: flex-start; padding: 10px 8px; border-radius: 12px; color: inherit; text-decoration: none; transition: background .2s, transform .2s; }
.uzf-item:hover { background: rgba(127, 127, 127, .1); transform: translateX(3px); }
.uzf-item img { width: 44px; height: 44px; border-radius: 10px; flex: none; object-fit: contain; }
.uzf-ico { width: 44px; height: 44px; border-radius: 10px; flex: none; display: grid; place-items: center; font-size: 22px; color: #ffd27a; background: #4a3410; }
.uzf-item strong { display: block; font-size: 16px; line-height: 1.25; }
.uzf-item small { display: block; font-size: 13.5px; line-height: 1.4; opacity: .72; margin-top: 2px; }
.uzf-status { display: inline-block; margin-top: 6px; padding: 2px 9px; border-radius: 999px; font-style: normal; font-size: 11.5px; font-weight: 650;
  border: 1px solid rgba(181, 122, 28, .45); color: #c88a2a; background: rgba(181, 122, 28, .1); }
.uzf-status.is-live { border-color: rgba(59, 158, 92, .45); color: #3fae63; background: rgba(59, 158, 92, .1); }
.uzf-status.is-early { border-color: rgba(79, 134, 247, .45); color: #6e9cf8; background: rgba(79, 134, 247, .1); }
@media (max-width: 520px) { .uzf-grid { grid-template-columns: 1fr; } }
