/* Премиальная тема (2026-10-10): белый фон, графит, тёмно-жёлтый акцент, рубленые формы.
   Подключается последней и перекрывает базовые стили. */
body {
  background:var(--bg);
  color:var(--text)
}
h1,h2,h3,.brand-mark,.grand-total,.section-link,.primary,.secondary {
  font-family:var(--display);
  font-stretch:85%
}
h1 {
  font-weight:800;
  letter-spacing:.01em
}
.masthead {
  max-width:none;
  padding:12px 24px;
  border-bottom:2px solid var(--ink)
}
.brand {
  display:flex;
  align-items:baseline;
  gap:14px;
  text-decoration:none
}
.brand-mark {
  font-size:1.6rem;
  font-weight:900;
  font-stretch:75%;
  letter-spacing:.04em;
  color:var(--ink);
  padding-inline-end:14px;
  border-inline-end:3px solid var(--accent)
}
.app-title {
  max-width:none;
  color:var(--muted)
}
.masthead nav a {
  text-decoration:none;
  font-weight:600
}
.masthead nav a:hover {
  box-shadow:inset 0 -2px var(--accent)
}
button,.button {
  border-radius:0
}
.primary,.secondary {
  font-weight:700;
  letter-spacing:.02em;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))
}
.primary {
  background:var(--accent);
  color:var(--ink)
}
.primary:hover {
  background:#b38600
}
.secondary {
  background:var(--ink);
  color:#fff
}
.secondary:hover {
  background:#2c2c2c
}
input,select,textarea {
  border-radius:0;
  border-color:var(--input-border)
}
input:focus-visible,select:focus-visible,textarea:focus-visible {
  border-color:var(--ink);
  outline:2px solid var(--accent);
  outline-offset:0
}
input[type=checkbox],input[type=radio] {
  accent-color:var(--ink)
}
:focus-visible {
  outline-color:var(--accent-deep)
}
.notice {
  border-inline-start-color:var(--accent)
}
/* экран модели */
.new-layout h2 {
  font-size:1.35rem;
  font-weight:800
}
.seller-choice {
  background:#fff;
  border:1px solid var(--line);
  border-radius:0
}
.seller-choice.chosen {
  border:2px solid var(--ink);
  box-shadow:inset 5px 0 var(--accent)
}
.family {
  background:#fff;
  border:1px solid var(--line);
  border-top:3px solid var(--ink);
  border-radius:0
}
.family h3 {
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
  border-bottom:0;
  padding-bottom:4px
}
.variant {
  border-radius:0
}
.variant:hover {
  background:var(--accent-soft);
  box-shadow:inset 4px 0 var(--accent)
}
.variant+.variant {
  border-radius:0
}
.variant .price {
  font-family:var(--display);
  font-weight:700;
  font-size:1rem
}
/* список и матрица */
.spec-row {
  border-bottom-color:var(--line)
}
.matrix thead th {
  background:var(--ink)
}
.matrix .sec th,.msec h2 {
  font-family:var(--display)
}
.chip {
  border-radius:0
}
.chip.d {
  background:var(--accent);
  border-color:var(--ink)
}
