/* np.css — новый каркас сайта: шапка, меню, главная, продукты, подвал. Всё под префиксом np-, чтобы не пересекаться со старыми стилями index.html (там глобально стилизованы button, .btn, h1-h3 и т.д.). Включается только когда body.np — то есть везде, кроме antonai.ru. ОФОРМЛЕНИЕ — ТО ЖЕ, ЧТО У «ПРЕМИУМ-СЛОЯ» САЙТА. Своих цветов и шрифтов здесь нет: всё берётся из токенов темы (--p-*, --red, --ink, --font-family), поэтому новый каркас автоматически следует настройкам внешнего вида — акценту, теме, шрифту — и выглядит как остальной сайт. Новое здесь только структура. */ :root { --np-bg: var(--p-bg); --np-surface: var(--p-surface); --np-surface-2: var(--p-surface-2); --np-surface-3: color-mix(in srgb, var(--p-surface-2) 82%, var(--ink)); --np-line: var(--p-hair); --np-line-strong: var(--p-hair-strong); --np-text: var(--ink); --np-muted: var(--p-text-soft); --np-accent: var(--red); --np-on-accent: #fff; --np-glass: var(--p-glass); --np-hi: rgba(255, 255, 255, .85); --np-shadow: var(--p-elev-1); --np-shadow-lg: var(--p-elev-2); --np-glow: var(--p-glow); --np-ease: var(--p-ease); --np-font: var(--font-family); --np-display: var(--p-display, var(--font-family)); } [data-theme="dark"] { --np-hi: rgba(255, 255, 255, .2); } /* ── общий сброс внутри нового каркаса ── */ .np-scope { color: var(--np-text); font-family: var(--np-font); font-size: 16px; line-height: 1.5; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; } .np-scope, .np-scope * { box-sizing: border-box; } .np-scope h1, .np-scope h2, .np-scope h3, .np-scope h4, .np-scope p, .np-scope ul { margin: 0; padding: 0; font-family: inherit; letter-spacing: inherit; } .np-scope a { color: inherit; } .np-scope svg.np-i { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ── фон главной: свет акцента, как у премиум-слоя ── */ body.np-wide::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(900px 560px at 14% -8%, color-mix(in srgb, var(--np-accent) 15%, transparent), transparent 70%), radial-gradient(760px 520px at 108% 6%, rgba(124, 58, 237, .09), transparent 65%), radial-gradient(800px 520px at 50% 118%, color-mix(in srgb, var(--np-accent) 7%, transparent), transparent 70%); } [data-theme="light"] body.np-wide::before { opacity: .75; } /* кнопка: и