/* Премиальная тема: редактор комплектации. */
.editor-intro h1 {
  font-size:2rem
}
.form-section>h2:not(.sr-only) {
  display:block;
  margin:6px 0 12px;
  padding:10px 18px 10px 16px;
  background:var(--ink);
  color:#fff;
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:none;
  border:0;
  box-shadow:inset 6px 0 var(--accent);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)
}
.form-section>h2::first-letter {
  text-transform:none
}
.section-nav {
  border-bottom:1px solid var(--line)
}
.section-link {
  border:1px solid var(--ink);
  border-radius:0;
  font-weight:700;
  text-transform:none;
  background:#fff
}
.section-link::first-letter {
  text-transform:none
}
.section-link:hover {
  background:var(--ink);
  color:#fff;
  border-color:var(--ink)
}
.option-group,.singles,.bundle,.cluster {
  background:#fff;
  border:1px solid var(--line);
  border-top:3px solid var(--ink);
  border-radius:0
}
.singles .option-group {
  border:0
}
.group-title,.cluster-title {
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:700;
  font-stretch:90%;
  color:var(--ink);
  margin:0 4px 8px
}
.req {
  color:var(--red)
}
.base-list {
  padding:10px 14px;
  border:1px dashed var(--input-border);
  color:var(--text);
  margin-bottom:12px
}
.base-list strong {
  font-family:var(--display);
  font-weight:800
}
.palette {
  border-radius:0
}
.editor-layout .palette {
  border-radius:0
}
.palette.on {
  box-shadow:inset 0 -3px var(--accent)
}
.option-photo img {
  border-radius:0
}
/* панель итога - тёмная */
.summary-panel {
  background:var(--ink);
  color:#f2f2f2;
  border-radius:0;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)
}
.summary-panel .save-state,.summary-panel .vat-text,.summary-panel .pending,.summary-panel .status-line {
  color:#bdbdbd
}
.summary-panel .status-line {
  border-top-color:#3a3a3a
}
.summary-panel a {
  color:#fff
}
.summary-panel .error,.summary-panel .check-head {
  color:#ff9d8a
}
.summary-panel .check-ok {
  color:var(--accent)
}
.grand-total {
  font-size:2rem;
  font-weight:900;
  color:#fff;
  border-bottom:3px solid var(--accent);
  padding-bottom:4px
}
.totals {
  color:#d6d6d6
}
.cluster {
  grid-column:1/-1;
  padding:10px 12px
}
.cluster-body {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 10px
}
.cluster-body .option-group {
  border:0;
  padding:0
}
.cluster-body .option-group:not(.single) {
  grid-column:1/-1
}
.cluster-body .option-group.single {
  grid-column:auto
}