/* Общая дизайн-система раздела «Мебель». Светлая по умолчанию, тёмная по системе. */

:root{
  --bg:#f7f4ee;
  --bg-soft:#efeae0;
  --card:#fff;
  --ink:#1a1714;
  --ink-2:#4a423a;
  --muted:#787064;
  --line:#e5ded1;
  --line-2:#d6cdbc;
  --acc:#8e2026;
  --acc-ink:#fff;
  --acc-soft:#fbeeed;
  --wood:#c9a878;
  --wood-soft:#f3e8d6;
  --ok:#2c6a45;
  --ok-soft:#eaf4ee;
  --warn:#8a6516;
  --warn-soft:#fdf6e4;
  --err:#a02a25;
  --err-soft:#fdeeec;
  --sh-1:0 1px 2px rgba(38,28,16,.05), 0 1px 3px rgba(38,28,16,.04);
  --sh-2:0 4px 12px -4px rgba(38,28,16,.10), 0 2px 5px -2px rgba(38,28,16,.06);
  --sh-3:0 18px 40px -22px rgba(38,28,16,.35);
  --r-s:9px; --r-m:13px; --r-l:18px;
  --max:1080px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141210;
    --bg-soft:#1b1815;
    --card:#1f1c18;
    --ink:#f0eae0;
    --ink-2:#cfc6b8;
    --muted:#9d9284;
    --line:#332e28;
    --line-2:#443d34;
    --acc:#d95a54;
    --acc-ink:#1a1714;
    --acc-soft:#2b1e1c;
    --wood:#c9a878;
    --wood-soft:#2a231b;
    --ok:#6cc08c;
    --ok-soft:#1c2a21;
    --warn:#dcb45f;
    --warn-soft:#2a2415;
    --err:#f08a83;
    --err-soft:#2c1a19;
    --sh-1:0 1px 2px rgba(0,0,0,.4);
    --sh-2:0 4px 14px -4px rgba(0,0,0,.55);
    --sh-3:0 18px 40px -22px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;max-width:100%;overflow-x:hidden}
body{
  background:var(--bg);color:var(--ink);
  font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2.5px solid var(--wood);outline-offset:2px;border-radius:4px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:780px}

/* типографика */
h1{font-size:clamp(28px,6vw,46px);line-height:1.08;letter-spacing:-.03em;margin:0 0 .35em;font-weight:750}
h2{font-size:clamp(20px,3.6vw,29px);line-height:1.2;letter-spacing:-.02em;margin:0 0 .4em;font-weight:700}
h3{font-size:17px;line-height:1.3;margin:0 0 .35em;font-weight:650}
p{margin:0 0 1em}
.lead{font-size:clamp(16.5px,2.4vw,20px);color:var(--ink-2);line-height:1.5}
.muted{color:var(--muted)}
.small{font-size:14px}
.eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);
  display:inline-block;margin:0 0 12px;
}
.section{padding:clamp(38px,7vw,72px) 0 0}
.section-head{margin:0 0 20px}

/* кнопки */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font:inherit;font-weight:650;line-height:1;cursor:pointer;text-decoration:none;
  padding:14px 22px;border-radius:var(--r-s);border:1.5px solid var(--line-2);
  background:var(--card);color:var(--ink);box-shadow:var(--sh-1);
  transition:transform .06s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{text-decoration:none;border-color:var(--wood);box-shadow:var(--sh-2)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.btn-primary:hover{border-color:var(--acc);filter:brightness(1.06)}
.btn-lg{padding:17px 30px;font-size:17.5px;border-radius:var(--r-m)}
.btn-sm{padding:9px 13px;font-size:14px}
.btn-row{display:flex;flex-wrap:wrap;gap:11px;align-items:center}

/* карточки */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--sh-1)}
.card-p{padding:clamp(15px,2.4vw,22px)}

/* сообщения */
.note{border-radius:var(--r-m);padding:13px 15px;margin:0 0 10px;font-size:15px;border:1px solid;display:flex;gap:10px}
.note .ic{flex:0 0 auto;font-weight:800;line-height:1.4}
.note.error{background:var(--err-soft);border-color:color-mix(in srgb,var(--err) 30%,transparent);color:var(--err)}
.note.warn {background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent);color:var(--warn)}
.note.ok   {background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent);color:var(--ok)}
.note b{font-weight:700}

/* сетки */
.grid{display:grid;gap:clamp(14px,2vw,20px)}
@media (min-width:760px){ .g2{grid-template-columns:1fr 1fr} }

/* шапка раздела */
.topbar{
  position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;gap:14px;
  max-width:var(--max);margin:0 auto;padding:11px 20px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--acc);flex:0 0 auto}

footer.site{margin-top:clamp(46px,8vw,84px);border-top:1px solid var(--line);background:var(--bg-soft)}
footer.site .inner{max-width:var(--max);margin:0 auto;padding:26px 20px;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;color:var(--muted);font-size:14.5px}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media print{
  .noprint{display:none!important}
  body{background:#fff}
  .card{box-shadow:none}
}