/* /mebel-dlya-biznesa/ — единая страница для бизнеса (владелец 02.10.2026: «4 страницы — перебор»).
   Вкладки сегментов и полоса классики; остальное — sf-ui.css и catalog-ui.css. */
/* первый экран: честер в лобби (выбор владельца 02.10) — показываем диван, а не люстру */
.bz-hero > img { object-position: 50% 78%; }
.bz-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 18px; }
.bz-tab { padding: 12px 22px; border-radius: 999px; border: 1px solid var(--ui-line); background: var(--ui-card);
  font: 400 15px 'Onest', system-ui, sans-serif; color: var(--ui-nav); cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.bz-tab:hover { border-color: rgba(200,118,60,.6); }
.bz-tab[aria-selected="true"] { background: var(--ui-accent); border-color: var(--ui-accent); color: #fff; }
.bz-panel { display: grid; grid-template-columns: 1.1fr 1fr; border-radius: 26px; background: var(--ui-card); border: 1px solid var(--ui-line); overflow: hidden; }
.bz-panel[hidden] { display: none; }
.bz-ph { position: relative; min-height: 440px; background: #140D09; }
.bz-ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bz-tx { padding: 44px 44px 40px; display: flex; flex-direction: column; justify-content: center; }
.bz-tx .ui-h2 { font-size: clamp(24px, 2.2vw, 32px) !important; margin: 14px 0 16px; }
.bz-tx p { font-size: 16px; line-height: 1.7; color: var(--ui-nav); }
.bz-apps { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 26px; padding: 0; list-style: none; }
.bz-apps li { padding: 8px 14px; border-radius: 999px; background: var(--ui-field); font-size: 13px; color: var(--ui-nav); }
.bz-tx .ui-actions a.bz-more { align-self: center; font-size: 15px; color: var(--ui-accent); }
.bz-tx .ui-actions a.bz-more:hover { text-decoration: underline; }
.ui-cards.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ui-hero .ui-chips a.ui-chip:hover { background: rgba(200,118,60,.35); }
#models, #segments, [id^="seg-"] { scroll-margin-top: 96px; }
@media (max-width: 860px) {
  .bz-hero > img { object-position: 22% 70%; }
  .bz-tabs { flex-wrap: nowrap; overflow-x: auto; margin-left: -20px; margin-right: -20px; padding: 0 20px; scrollbar-width: none; }
  .bz-tabs::-webkit-scrollbar { display: none; }
  .bz-tab { flex: none; white-space: nowrap; }
  .bz-panel { grid-template-columns: minmax(0, 1fr); border-radius: 20px; }
  .bz-ph { min-height: 0; aspect-ratio: 4 / 3; }
  .bz-tx { padding: 24px 22px 26px; }
  .ui-cards.is-3 { grid-template-columns: minmax(0, 1fr); }
  #models, #segments, [id^="seg-"] { scroll-margin-top: 72px; }
}