/*
 * FULFIT — одиночная услуга /uslugi/<slug>/
 *
 * Часть разделённого main.css (был 11103 строки, 79% из них не
 * использовались на конкретной странице). Файл собран из целых секций
 * исходника БЕЗ изменения их порядка и содержимого.
 *
 * Подключается: is_singular('ff_service')
 * Правится вручную, как обычный CSS. Общие для всех страниц стили —
 * в main-core.css; секции ищите по прежним баннерам-комментариям.
 */

/* =======================================================================
   SINGLE SERVICE (/uslugi/<slug>/) — minimal readable layout only.
   A dedicated 1:1-with-Figma single-service design is a separate future
   task; this just keeps the page from looking broken/unstyled meanwhile.
   ======================================================================= */

.ff-service-single {
	margin-inline: auto;
	padding: clamp(2rem, 1.5rem + 2.2222vw, 3.75rem) var(--ff-gutter);
}

/* Deficit lockstep, see --ff-gutter comment at the top of the file
   (own max-width here is 760px, not the usual 1170px, but the same
   "padding eating into an already-capped box" mechanics apply).
   :not(.alignfull): see .ff-steps's own identical fix elsewhere in
   this file (cheap insurance, not confirmed needed for this template). */
.ff-service-single:not(.alignfull) {
	max-width: calc(760px + (var(--ff-gutter) - 16px) * 2);
}

.ff-service-single__image {
	margin: 0 0 1.5rem;
}

.ff-service-single__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 24px;
}

.ff-service-single__title {
	color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 600;
	font-size: clamp(1.75rem, 1.5769rem + 0.7692vw, 2.5rem);
	line-height: 1.25;
	margin: 0 0 1.5rem;
}

.ff-service-single__content p {
	color: var(--wp--preset--color--text-muted);
	font-size: 1rem;
	line-height: 1.6;
}