/* NEWINEX.by — дизайн-токены, концепция B «Индустриальный бренд» */
:root {
  /* Цвета */
  --nx-graphite: #16191d;      /* тёмный фон: шапка-полоса, первый экран, подвал */
  --nx-graphite-2: #22272d;    /* карточки на тёмном */
  --nx-paper: #f3f1ec;         /* основной светлый фон */
  --nx-white: #ffffff;         /* карточки на светлом */
  --nx-ink: #1b1e22;           /* основной текст */
  --nx-ink-2: #4a5058;         /* вторичный текст */
  --nx-muted: #6b7179;         /* подписи */
  --nx-line: #dcd8cf;          /* рамки карточек */
  --nx-line-2: #d3cfc5;        /* разделители */
  --nx-accent: #ff7a2e;        /* ТОЛЬКО действия: кнопки, активные шаги, акценты на тёмном */
  --nx-accent-ink: #b23c0a;    /* оранжевый текст на светлом фоне (контраст ≥ 4.5:1) */
  --nx-accent-soft: #fbe3d4;   /* подсветка строк/выделений */
  --nx-steel: #2f5d8a;         /* вторичный акцент: ссылки, инфо */
  --nx-ok: #3f7d5c;            /* «в наличии» */

  /* Типографика */
  --nx-font: "IBM Plex Sans", Arial, sans-serif;
  --nx-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; /* артикулы, кВт, А, Гц */
  --nx-fs-h1: clamp(36px, 4.4vw, 64px);
  --nx-fs-h2: clamp(28px, 3vw, 44px);
  --nx-fs-h3: 22px;
  --nx-fs-body: 17px;
  --nx-fs-small: 14px;

  /* Сетка и форма */
  --nx-container: 1280px;
  --nx-gutter: 24px;
  --nx-radius: 12px;
  --nx-radius-sm: 8px;
  --nx-shadow: 0 1px 2px rgba(22,25,29,.06), 0 8px 24px rgba(22,25,29,.06);
}

body { margin: 0; background: var(--nx-paper); color: var(--nx-ink); font: 400 var(--nx-fs-body)/1.55 var(--nx-font); }
.nx-container { max-width: var(--nx-container); margin: 0 auto; padding: 0 var(--nx-gutter); }
.nx-kicker { font: 500 13px/1 var(--nx-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--nx-accent-ink); }
.nx-dark .nx-kicker { color: var(--nx-accent); }
.nx-mono { font-family: var(--nx-mono); }

.nx-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 10px; font: 600 16px/1 var(--nx-font); text-decoration: none; cursor: pointer; border: 2px solid transparent; transition: transform .15s, background .15s; }
.nx-btn:hover { transform: translateY(-1px); }
.nx-btn--primary { background: var(--nx-accent); color: var(--nx-graphite); }
.nx-btn--primary:hover { background: #ff8c4a; }
.nx-btn--ghost { border-color: #5b636d; color: var(--nx-paper); background: transparent; }
.nx-btn--ghost-light { border-color: var(--nx-ink); color: var(--nx-ink); background: transparent; }

.nx-card { background: var(--nx-white); border: 1px solid var(--nx-line); border-radius: var(--nx-radius); }
.nx-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font: 500 13px/1.4 var(--nx-mono); background: var(--nx-accent-soft); color: var(--nx-accent-ink); }
.nx-stock { color: var(--nx-ok); font-weight: 600; }

/* Фото товаров: единый фон и масштаб */
.nx-photo { background: #eceae4; border-radius: var(--nx-radius-sm); aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; }
.nx-photo img { width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; }