/* «Biz haqimizda» — /biz-haqimizda (spec 2026-11-03-ent-dan-moslash-va-biz-haqimizda §9).
 * Tepada asoschilar, ostida mualliflar. Kartada chapda rasm (bo'lmasa bosh harflar
 * doirasi), yonida ism, uning ostida unvon va qisqa ma'lumot. Ranglar tokendan. */

.biz-page { width: min(100% - 32px, 1120px); margin: auto; padding: 40px 0 100px; }
.biz-head { margin: 0 0 32px; }
.biz-head .eyebrow { margin: 0 0 6px; }
.biz-title { margin: 0 0 10px; font-size: var(--type-display); line-height: 1.1; letter-spacing: -.02em; font-weight: var(--weight-heavy); }
.biz-lead { margin: 0; max-width: 64ch; color: var(--text-secondary); line-height: 1.55; }

.biz-section { margin: 0 0 40px; }
.biz-section-title { margin: 0 0 14px; padding-bottom: 10px; font-size: var(--type-title); font-weight: var(--weight-heavy); letter-spacing: -.02em; border-bottom: 1px solid var(--border-subtle); }
.biz-note { margin: 0 0 16px; max-width: 64ch; color: var(--text-secondary); line-height: 1.55; }

.biz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 14px; }
.biz-grid[hidden] { display: none; }
.biz-card {
  display: flex; gap: 18px; align-items: flex-start; padding: 20px;
  border-radius: var(--radius-card); background: var(--surface); box-shadow: var(--shadow-card);
}
.biz-photo {
  flex: none; display: grid; place-items: center; width: 96px; height: 96px; overflow: hidden;
  border-radius: 50%; font-size: var(--type-heading); font-weight: var(--weight-heavy); letter-spacing: .02em;
}
.biz-photo img { width: 100%; height: 100%; object-fit: cover; }
/* Rasm kelguncha asoschi kartasida silut turadi (egasi 03.11). */
.biz-silut { display: block; width: 100%; height: 100%; fill: currentColor; opacity: .55; }
.biz-photo.is-lavanda { background: var(--tint-lavanda-bg); color: var(--tint-lavanda-ink); }
.biz-photo.is-yalpiz { background: var(--tint-yalpiz-bg); color: var(--tint-yalpiz-ink); }
.biz-photo.is-osmon { background: var(--tint-osmon-bg); color: var(--tint-osmon-ink); }
.biz-photo.is-orik { background: var(--tint-orik-bg); color: var(--tint-orik-ink); }
.biz-photo.is-shalfey { background: var(--tint-shalfey-bg); color: var(--tint-shalfey-ink); }
.biz-photo.is-gul { background: var(--tint-gul-bg); color: var(--tint-gul-ink); }
.biz-card-text { min-width: 0; padding-top: 6px; }
.biz-name { margin: 0; font-size: var(--type-heading); line-height: 1.3; font-weight: var(--weight-heavy); letter-spacing: -.01em; }
.biz-rank { margin: 6px 0 0; color: var(--accent-strong); font-weight: var(--weight-medium); line-height: 1.4; }
.biz-org { margin: 4px 0 0; color: var(--text-secondary); font-weight: var(--weight-medium); line-height: 1.4; }
.biz-about { margin: 8px 0 0; color: var(--text-secondary); line-height: 1.5; }
.biz-badge {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; vertical-align: middle;
  border-radius: var(--radius-pill); background: var(--success-soft); color: var(--success);
  font-size: var(--type-small); font-weight: var(--weight-medium); letter-spacing: 0;
}

@media (max-width: 520px) {
  .biz-page { padding-top: 24px; }
  .biz-card { gap: 14px; padding: 16px; }
  .biz-photo { width: 72px; height: 72px; font-size: var(--type-title); }
  .biz-card-text { padding-top: 2px; }
}