/* шапка по сетке редактора: модель шириной левой колонки, номер - над правой панелью */
.editor-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:8px 24px;
  align-items:end;
  margin-bottom:12px
}
.intro-side {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 12px
}
/* модель - главный заголовок, номер комплектации - тонкая рамка рядом (Александр 2026-10-10) */
.editor-intro h1.editor-model {
  margin:0;
  font-size:2rem;
  line-height:1.2
}
.spec-code {
  padding:2px 10px;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--muted);
  font-size:var(--fs-note,.875rem);
  white-space:nowrap
}
.intro-side a {
  font-size:var(--fs-note,.875rem)
}
.side-seller {
  display:grid;
  gap:4px;
  margin:0 0 12px;
  font-size:var(--fs-note,.875rem);
  color:var(--muted)
}
.side-seller select {
  width:100%
}
.comment-box {
  margin:4px 0 12px
}
.comment-box summary {
  cursor:pointer;
  color:var(--muted);
  font-size:var(--fs-note,.875rem)
}
.comment-box textarea {
  width:100%;
  margin-top:6px
}
.spec-dates {
  color:var(--muted);
  font-size:var(--small)
}
.editor-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:start
}
.editor-layout input:not([type=checkbox]):not([type=radio]),.editor-layout select {
  min-height:36px;
  padding:5px 10px
}
.editor-layout label {
  gap:2px;
  font-size:var(--small)
}
.editor-layout textarea {
  min-height:0;
  padding:6px 10px
}
.editor-layout button {
  min-height:36px;
  padding:6px 16px
}
.editor-layout .text-button {
  padding:4px 6px
}
.form-section {
  margin-block:0 20px;
  scroll-margin-top:12px
}
.form-section>h2 {
  font-size:var(--body);
  margin:0 0 8px;
  border-inline-start:4px solid var(--brand-yellow);
  padding-inline-start:10px
}
.base-list {
  margin:0 0 8px;
  font-size:var(--small);
  color:var(--muted)
}
.base-list strong {
  color:var(--text)
}
.base-item:not(:last-child)::after {
  content:"; "
}
.group-columns {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  grid-auto-flow:dense;
  align-items:start;
  gap:8px
}
.option-group {
  padding:8px 8px 6px;
  background:var(--panel);
  border-radius:var(--radius);
  scroll-margin-top:12px
}
.option-group.big {
  grid-column:1/-1
}
.group-prefix {
  margin:-2px 4px 4px;
  font-size:var(--small);
  color:var(--muted)
}
.group-title {
  font-size:.9375rem;
  font-weight:700;
  margin:0 4px 4px
}
.req,.free {
  font-weight:400;
  color:var(--red)
}
.free {
  color:var(--muted)
}
.opt-more {
  padding:2px 4px 4px 30px
}
.option-extra {
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:6px 10px
}
.option-extra label {
  flex:1 1 140px
}
.option-extra .qty,.option-extra .adjust {
  flex:0 0 auto
}
.adjust-fields {
  margin-top:6px
}
.option-photo img {
  display:block;
  width:40px;
  height:40px;
  border-radius:6px;
  outline:1px solid rgba(0,0,0,.1)
}
.editor-layout .adjust {
  font-size:var(--small);
  min-height:0;
  color:var(--muted)
}
.singles {
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:0 8px;
  padding:6px 8px;
  background:var(--panel);
  border-radius:var(--radius)
}
.singles .option-group {
  padding:0;
  background:none
}
.page:has(#editor),.page:has(#new),body:has(#editor,#new) .masthead {
  max-width:1680px
}
.spec-code.tpl {
  border-color:var(--accent-deep);
  color:var(--text)
}
.tpl-form {
  display:grid;
  gap:8px;
  margin:8px 0 12px
}
.tpl-form label {
  display:grid;
  gap:4px;
  font-size:var(--fs-note,.875rem)
}
.tpl-name {
  font-weight:700;
  font-size:1.125rem
}