/* -------------------------------------------------------------------------
   00-design-system.css — Дизайн-система Enclave (Brutalist)
   Переменные, шрифты, типографика, сброс
-------------------------------------------------------------------------- */

/* ── @font-face ─────────────────────────────────────────────────────────── */
@font-face {
	font-family: 'Bebas Neue Cyrillic';
	src: url('../../fonts/bebas-neue-cyrillic/BebasNeue-Cyrillic.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-Bold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-SemiBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-Medium.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-Regular.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-Light.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Oswald';
	src: url('../../fonts/oswald/Oswald-ExtraLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('../../fonts/liberation-sans/LiberationSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('../../fonts/liberation-sans/LiberationSans-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('../../fonts/liberation-sans/LiberationSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Liberation Sans';
	src: url('../../fonts/liberation-sans/LiberationSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* ── CSS-переменные ─────────────────────────────────────────────────────── */
:root {
	--k: #0d0d0d;
	--w: #ffffff;
	--g: #f0f0f0;
	--a: #e8ff3a;
	--b: 2px solid #0d0d0d;
	/* Базовые стеки-фолбэки (источник истины для fallback) */
	--enclave-heading-font-base: 'Manrope', 'Bebas Neue', 'Liberation Sans', 'Inter', system-ui, -apple-system, sans-serif;
	--enclave-body-font-base: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
	/* Активные шрифты: кастомный из админки (если задан) + базовый fallback */
	--enclave-heading-font: var(--enclave-heading-font-custom, ''), var(--enclave-heading-font-base);
	--enclave-body-font: var(--enclave-body-font-custom, ''), var(--enclave-body-font-base);
	--enclave-price-font: 'Manrope', 'Bebas Neue', 'Liberation Sans', 'Arial Narrow', sans-serif;
	--enclave-font-size-base: 14px;
}

/* ── Типографика ─────────────────────────────────────────────────────────── */
body.enclave-child {
	font-family: var(--enclave-body-font);
	font-size: var(--enclave-font-size-base);
	color: var(--k);
	background: var(--w);
}

/* Заголовки — Arsenal SC Bold */
body.enclave-child h1,
body.enclave-child h2,
body.enclave-child h3,
body.enclave-child h4,
body.enclave-child h5 {
	font-family: var(--enclave-heading-font);
	font-weight: 400;
	letter-spacing: 0.1 !important;
	text-transform: uppercase;
	line-height: 1;
}

/* ── Глобальный сброс ────────────────────────────────────────────────────── */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ── Секции Enclave ──────────────────────────────────────────────────────── */
.enclave-section {
	padding: 0;
	max-width: none;
	margin: 0;
}

/* Заголовок секции в дизайн-системе */
.sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin-top: 14px; */
}

.enclave-section.enclave-section--viewport .sec-head {
	padding-left: 32px;
}

.sec-more {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #aaa;
	text-decoration: none;
	cursor: pointer;
}
.sec-more:hover {
	color: var(--k);
}