/* Слой просмотра витрины design.v2 - см. viewer.js */
.aicv-bar {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; gap: 6px 16px;
  padding: 8px 12px; background: #1d1d1d;
  font: 500 13px/1 system-ui, -apple-system, 'Segoe UI', sans-serif;
  overflow-x: auto; white-space: nowrap; scrollbar-width: none;
}
.aicv-bar::-webkit-scrollbar { display: none; }
.aicv-group { display: flex; gap: 4px; flex: none; }
.aicv-group + .aicv-group { padding-left: 16px; border-left: 1px solid #3a3a3a; }
.aicv-chip {
  height: 30px; padding: 0 11px; display: inline-flex; align-items: center;
  border: 0; border-radius: 4px; background: #333; color: #ddd;
  font: inherit; text-decoration: none; cursor: pointer;
}
a.aicv-chip:hover, button.aicv-chip:hover { background: #444; color: #fff; }
.aicv-chip[aria-current="page"] { background: #E94823; color: #fff; }
.aicv-chip[aria-pressed="true"] { background: #fff; color: #111; }

html[data-aicv-mode="pairs"] .aicv-wrap { padding: var(--aicv-pad, 64px) !important; gap: 56px !important; }
html[data-aicv-mode="pairs"] .aicv-section { scroll-margin-top: 56px; }
html[data-aicv-mode="pairs"] .aicv-row { flex-wrap: wrap; gap: 32px !important; max-width: 100%; }
html[data-aicv-mode="pairs"] .aicv-wide { width: auto !important; max-width: 100%; }
html[data-aicv-mode="pairs"] .aicv-oldnav { display: none !important; }
html[data-aicv-mode="pairs"] .aicv-head { grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) !important; }

html[data-aicv-theme="light"] .aicv-row > [data-theme="dark"],
html[data-aicv-theme="dark"] .aicv-row > [data-theme="light"] { display: none !important; }

html[data-aicv-scale="fit"] .aicv-row > [data-screen-label] { zoom: var(--aicv-zoom, 1); }
html[data-aicv-scale="half"] .aicv-row > [data-screen-label] { zoom: .5; }
html[data-aicv-scale="half"] .aicv-row,
html[data-aicv-scale="full"] .aicv-row { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; }

@media (max-width: 1100px) {
  html[data-aicv-mode="pairs"] .aicv-head { grid-template-columns: auto minmax(0, 1fr) !important; gap: 24px 32px !important; }
  html[data-aicv-mode="pairs"] .aicv-head > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  html[data-aicv-mode="pairs"] .aicv-head { grid-template-columns: 1fr !important; }
  html[data-aicv-mode="pairs"] .aicv-head > :first-child { font-size: 72px !important; }
  html[data-aicv-mode="pairs"] .aicv-head > :nth-child(2) > :last-child { font-size: 28px !important; }
  html[data-aicv-mode="pairs"] .aicv-wrap { gap: 40px !important; }
}

/* A-D: своя панель канваса скрыта, её переключатели жмёт наша панель */
html[data-aicv-mode="kit"] #root > div > div:first-child { display: none !important; }
html[data-aicv-mode="kit"][data-aicv-scale="half"] .aicv-kitzoom { zoom: .5 !important; }
html[data-aicv-mode="kit"][data-aicv-scale="full"] .aicv-kitzoom { zoom: 1 !important; }
html[data-aicv-mode="kit"][data-aicv-scale="half"] #root > div,
html[data-aicv-mode="kit"][data-aicv-scale="full"] #root > div { overflow-x: auto; }

/* стартовая страница на телефоне: без колонки «открыть →», буква уже */
@media (max-width: 600px) {
  a[style*="grid-template-columns: 80px"] { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 16px !important; }
  a[style*="grid-template-columns: 80px"] > :first-child { font-size: 32px !important; }
  a[style*="grid-template-columns: 80px"] > :last-child { display: none; }
}
