/* Автосервис — «гараж-про»: графит и сталь, сигнальный красный бренда, узкий гротеск капсом, чёткие углы. */
:root {
	--bg: #f4f5f7;
	--surface: #ffffff;
	--muted: #e9ebef;
	--ink: #14171c;
	--ink-2: #4e5560;
	--line: #dde0e5;
	--dark: #12151a;
	--dark-2: #1c2027;
	--dark-ink: #f2f4f7;
	--dark-ink-2: #aab1bc;
	--accent: #d4231c;
	--font-head: "Oswald", "Arial Narrow", Arial, sans-serif;
	--head-weight: 600;
	--head-tracking: 0.005em;
	--head-transform: uppercase;
	--head-line: 1.08;
	--h1: clamp(2.3rem, 1.4rem + 3.8vw, 4.4rem);
	--radius: 8px;
	--radius-lg: 12px;
	--radius-img: 8px;
	--shadow-sm: 0 1px 2px rgb(10 16 30 / 7%), 0 4px 14px rgb(10 16 30 / 6%);
	--shadow: 0 18px 40px -18px rgb(10 16 30 / 34%);
	--radius-btn: 8px;
}
.preset-avtoservis .sf-sec--hero.sf-tone--dark {
	background:
		linear-gradient(115deg, rgb(212 35 28 / 0%) 62%, rgb(212 35 28 / 14%) 62.2%, rgb(212 35 28 / 0%) 80%),
		repeating-linear-gradient(135deg, rgb(255 255 255 / 2.5%) 0 2px, transparent 2px 14px),
		var(--dark);
}
.preset-avtoservis .sf-eyebrow::before { width: 10px; height: 10px; border-radius: 2px; transform: rotate(45deg); }
.preset-avtoservis .sf-step::before { font-size: 2.8rem; }
.preset-avtoservis .sf-brand__name { font-size: 1.3rem; }
.preset-avtoservis .sf-sec--hero .sf-hero__img img { aspect-ratio: 4 / 3.6; }
.preset-avtoservis .sf-pain__q::before { background: var(--accent); }
.preset-avtoservis .sf-pain__a::before { background: #1f9d55; }
