/* ==========================================================================
   Оформление страниц сорта и статьи (внедрение прототипа preview-single)
   --------------------------------------------------------------------------
   ВАЖНО: ни один класс разметки не переименован. Реклама расставляется
   по именам классов (.entry-content, .entry-post, .single-content,
   article.single, .container), поэтому здесь только стили поверх родных
   селекторов плюс несколько новых классов, добавленных рядом с существующими
   (.specgroup__ic, .sort-photos, .tabhead, .tabcnt, .toc-count).

   Весь файл ограничен body.ferma-single-new — класс ставится только на
   обычных статьях и карточках сортов (см. inc-ferma-single.php).
   Рейтинги и лунный календарь исключены: у них своя вёрстка.
   ========================================================================== */

body.ferma-single-new {
	--fx-ink: #16181C;
	--fx-muted: #6B7684;
	--fx-dim: #9AA4AF;
	--fx-line: #E4E8EC;
	--fx-soft: #F7F9FA;
	--fx-green: #53AD01;
	--fx-green-d: #3F8501;
	--fx-pale: #F2F8E9;
	--fx-pale-b: #DCEDC6;
}

/* --------------------------------------------------------------- шапка ---
   Крошки слева, дата и просмотры прижаты справа — одной строкой, без
   отдельной полосы под них. Закладки убраны: там почти всегда ноль. */

body.ferma-single-new .breaddate {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px 20px;
	background: none;
	border-radius: 0;
	padding: 14px 0 0;
	line-height: 1.45;
}
/* в обычной статье .breaddate лежит внутри article.single — это флекс-контейнер
   темы, и ширину 100% она раздаёт поимённо, крошек в том списке нет */
body.ferma-single-new article.single > .breaddate {
	width: 100%;
}
body.ferma-single-new .breaddate #breadcrumbs {
	margin: 0 auto 0 0;
	min-width: 0;
	font-size: 13px;
	color: var(--fx-dim);
}
body.ferma-single-new .breaddate #breadcrumbs a {
	color: var(--fx-muted);
}
body.ferma-single-new .breaddate #breadcrumbs a:hover {
	color: var(--fx-green-d);
}
/* каталог сортов — та полка, с которой взяли карточку; выделяем плашкой */
body.ferma-single-new .breaddate #breadcrumbs a.bc-catalog {
	display: inline-block;
	padding: 1px 9px 2px;
	border-radius: 999px;
	background: var(--fx-pale);
	color: var(--fx-green-d);
	font-weight: 600;
}
body.ferma-single-new .breaddate #breadcrumbs a.bc-catalog:hover {
	background: #E4F0D2;
	color: var(--fx-green-d);
}
body.ferma-single-new .breaddate #breadcrumbs .rcli {
	margin: 0 2px;
	font-size: 11px;
	color: #CFD6DD;
}
body.ferma-single-new .breaddate .date,
body.ferma-single-new .breaddate .seen-count {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	letter-spacing: 0;
	color: var(--fx-dim);
	white-space: nowrap;
}
body.ferma-single-new .breaddate .date i,
body.ferma-single-new .breaddate .seen-count i {
	padding: 0;
	font-size: 14px;
	color: #B5BDC5;
}
/* третий элемент строки — счётчик закладок */
body.ferma-single-new .breaddate > .date:last-child {
	display: none;
}

body.ferma-single-new h1.entry-title {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.17;
	letter-spacing: -0.015em;
	color: var(--fx-ink);
	margin: 8px 0 8px;
	text-wrap: balance;
}

/* --------------------------------------------------------------- вкладки ---
   Были кнопки с рамками и красной активной; стало подчёркивание. Разметка,
   порядок и обработчики jQuery не тронуты. */

body.ferma-single-new #tabs {
	margin: 10px 0 0;
	border-bottom: 1px solid var(--fx-line);
}
body.ferma-single-new #tabs .tabs-nav {
	display: flex;
	gap: 2px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
body.ferma-single-new #tabs .tabs-nav::-webkit-scrollbar {
	display: none;
}
body.ferma-single-new #tabs .tabs-nav li {
	float: none;
	flex: none;
}
body.ferma-single-new #tabs .tabs-nav a,
body.ferma-single-new #tabs .tabs-nav li:first-child a,
body.ferma-single-new #tabs .tabs-nav li:last-child a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 14px 16px;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	background: none;
	color: var(--fx-muted);
	font-size: 15.5px;
	text-transform: uppercase;
	letter-spacing: .02em;
	text-align: left;
	white-space: nowrap;
	transition: color .15s, border-color .15s;
}
body.ferma-single-new #tabs .tabs-nav a:hover {
	color: var(--fx-ink);
}
body.ferma-single-new #tabs .tabs-nav a.active {
	background: none;
	border-bottom-color: var(--fx-green);
	color: var(--fx-green-d);
	font-weight: 600;
}
/* до того как отработает jQuery активной считается первая вкладка —
   ровно та, которую показывает правило ferma-tabs-nojs */
body.ferma-single-new #tabs .tabs-nav:not(:has(a.active)) li:first-child a {
	border-bottom-color: var(--fx-green);
	color: var(--fx-green-d);
	font-weight: 600;
}
body.ferma-single-new .tabs-nav .tabcnt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: #F1F4F6;
	color: #8A95A1;
	font-size: 12px;
	font-weight: 600;
}
body.ferma-single-new .tabs-nav a.active .tabcnt {
	background: var(--fx-pale);
	color: var(--fx-green-d);
}
body.ferma-single-new .tabs-items {
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
}
body.ferma-single-new .tabs-item {
	padding: 26px 0 8px;
	background: none;
}
body.ferma-single-new .tabs-item#tab-1 {
	padding: 0;
}

/* ------------------------------------------------- таблица характеристик ---
   Подписи, точечный поводок и значения — как в оригинале, но ровнее:
   поводок тянется от подписи до значения, а не подчёркивает подпись. */

/* заголовок панели вкладки — как в прототипе */
body.ferma-single-new .tabhead {
	margin: 0 0 20px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: var(--fx-ink);
}

/* панель «Аналоги» рисует плагин, свой заголовок туда не вставить —
   поэтому он задаётся стилями */
body.ferma-single-new #tab-sv::before {
	content: "Похожие сорта";
	display: block;
	margin: 0 0 20px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.01em;
	color: var(--fx-ink);
}

body.ferma-single-new #tab-2 {
	max-width: 1200px;
}
body.ferma-single-new .specgroup {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: var(--fx-ink);
}
body.ferma-single-new .specgroup__ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: var(--fx-pale);
	font-size: 15px;
	line-height: 1;
}
body.ferma-single-new .specdl {
	align-items: baseline;
	margin: 0;
	padding: 7px 0;
	background: none;
	font-size: 16px;
}
body.ferma-single-new .specdl dt {
	display: flex;
	align-items: baseline;
	gap: 7px;
	flex: 0 0 42%;
	width: 42%;
	max-width: 420px;
	margin: 0;
	padding-right: 12px;
	background: none;
	color: var(--fx-muted);
	font-weight: 400;
}
body.ferma-single-new .specdl dt .dt_inner {
	background: none;
}
/* родной :after — абсолютная полоска из png под подписью; делаем из него
   гибкий элемент строки, который заполняет пустоту до значения */
body.ferma-single-new .specdl dt:after {
	content: "";
	position: static;
	flex: 1 1 auto;
	left: auto;
	right: auto;
	margin: 0;
	height: auto;
	background: none;
	border-bottom: 1px dotted #C8D2DA;
	transform: translateY(-5px);
}
body.ferma-single-new .specdl dd {
	flex: 1 1 auto;
	width: auto;
	margin: 0;
	color: var(--fx-ink);
	font-weight: 500;
}

/* --------------------------------------------------------------- фото ---
   jQuery выставляет вкладке инлайновый display, поэтому сетка живёт
   на внутренней обёртке .sort-photos, а не на самой вкладке. */

body.ferma-single-new .sort-photos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 14px;
}
body.ferma-single-new .sort-photos > a {
	display: block;
	overflow: hidden;
	border: 1px solid var(--fx-line);
	border-radius: 12px;
	background: var(--fx-soft);
	transition: box-shadow .15s, transform .15s;
}
body.ferma-single-new .sort-photos > a:hover {
	box-shadow: 0 10px 28px rgba(20, 30, 40, .12);
	transform: translateY(-2px);
}
body.ferma-single-new .sort-photos img {
	display: block;
	width: 100%;
	max-width: 100% !important;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin: 0 !important;
	border-radius: 0 !important;
}
body.ferma-single-new .sort-photos > a:hover img {
	box-shadow: none;
}

/* ------------------------------------------- ключевые характеристики ---
   Сетку и отступы карточек не трогаем: у них свой мобильный слайдер
   со своими медиазапросами. Меняем только внешний вид. */

body.ferma-single-new .characteristics-block {
	margin: 0 0 26px;
	padding: 16px;
	border: 1px solid var(--fx-line);
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(20, 30, 40, .06);
}
body.ferma-single-new .feature-card {
	border: 1px solid transparent;
	border-radius: 11px;
	background: var(--fx-soft);
	min-width: 0;
}
body.ferma-single-new .feature-card:hover {
	background: #fff;
	border-color: var(--fx-line);
	transform: none;
}
body.ferma-single-new .feature-icon {
	width: 42px;
	height: 42px;
	min-width: 42px;
	border: 1px solid #E7EEE0;
	border-radius: 12px;
	background: #fff;
	color: var(--fx-green-d);
	font-size: 20px;
}
body.ferma-single-new .feature-content {
	min-width: 0;
}
body.ferma-single-new .feature-label {
	margin-bottom: 3px;
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.25;
	color: var(--fx-muted);
}
body.ferma-single-new .feature-value {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--fx-ink);
	max-height: none;
	overflow: visible;
}
body.ferma-single-new .all-chars-link {
	margin-top: 14px;
}
body.ferma-single-new .all-chars-link a {
	padding: 9px 18px;
	border-color: var(--fx-pale-b);
	border-radius: 10px;
	background: var(--fx-pale);
	color: var(--fx-green-d);
	font-size: 14.5px;
	font-weight: 600;
}
body.ferma-single-new .all-chars-link a:hover {
	border-color: #CDE4AE;
	background: #E9F4D9;
	color: var(--fx-green-d);
}
body.ferma-single-new .all-chars-link i {
	font-size: 15px;
}

/* ------------------------------------------------------- оглавление ---
   Вид оставлен родным — серый блок с пунктиром, как было. Поправлены
   только отступы, цвет активной ссылки и липкость заголовка. */

body.ferma-single-new .tw-sidebar.single-left .widget-title {
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #59636E;
}
/* ВАЖНО: родные стили оглавления записаны через id (#kcmenu li, #kcmenu li a),
   а идентификатор сильнее любого класса. Если писать правила через
   .tw-sidebar ul.contents, отступы li остаются родными и складываются
   с новыми — пункты раздуваются вдвое и начинают переноситься. Поэтому
   весь блок написан от #kcmenu. */
body.ferma-single-new #kcmenu {
	margin: 0;
	padding: 6px 4px;
	border-radius: 10px;
	background: var(--fx-soft);
	box-shadow: none;
	list-style: none;
}
body.ferma-single-new #kcmenu li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	list-style: none;
	word-break: normal;
}
body.ferma-single-new #kcmenu li:after {
	display: none !important;
}
body.ferma-single-new #kcmenu li a {
	display: block;
	margin: 2px 6px;
	padding: 7px 10px;
	border-bottom: 1px dashed #D3DAE0;
	border-radius: 6px;
	color: #1C2228;
	font-size: 15.5px;
	line-height: 1.3;
	transition: background .15s, color .15s;
}
body.ferma-single-new #kcmenu li:last-child a {
	border-bottom: 0;
}
body.ferma-single-new #kcmenu li a:hover {
	background: #fff;
	color: var(--fx-green-d);
}
/* родной активный пункт — жёлтый текст на ярко-зелёном; меняем на свой */
body.ferma-single-new #kcmenu .active,
body.ferma-single-new #kcmenu li.active {
	background: none;
}
body.ferma-single-new #kcmenu li.active a {
	background: var(--fx-pale);
	border-bottom-color: transparent;
	color: var(--fx-green-d);
	font-weight: 600;
}

/* ------------------------------------------------ правая колонка ---
   Три виджета приводятся к одной карточной системе: нейтральная карточка
   (белая, в рамке) для списков и акцентная (бледно-зелёная) для подписки —
   она единственная здесь что-то просит у читателя. */

body.ferma-single-new .tw-sidebar aside.widget {
	margin: 0 0 20px;
	padding-top: 0;
}
body.ferma-single-new .tw-sidebar aside.widget:last-child {
	margin-bottom: 0;
}

/* ---- подписка: акцентная карточка ---- */
body.ferma-single-new .elp-widget {
	padding: 18px !important;
	border: 1px solid var(--fx-pale-b);
	border-radius: 14px;
	background: var(--fx-pale) !important;
	box-shadow: none;
}
/* общий стиль заголовков виджетов — капслок с разрядкой — превращал
   эту фразу в три строки нечитаемого текста */
body.ferma-single-new .elp-widget .widget-title {
	margin: 0 0 12px;
}
body.ferma-single-new .elp-widget .widget-title span {
	display: block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.35;
	text-transform: none;
	color: var(--fx-ink);
}
body.ferma-single-new .elp-widget .email_posts_subscribers {
	margin-bottom: 0 !important;
}
/* подпись над полем дословно повторяет placeholder */
body.ferma-single-new .elp-widget .elp_form .email {
	display: none;
}
body.ferma-single-new .elp-widget .elp_form br {
	display: none;
}
body.ferma-single-new .elp-widget .elp_form p {
	margin: 0 0 10px !important;
}
body.ferma-single-new .elp-widget .elp_form p:last-of-type {
	margin-bottom: 0 !important;
}
body.ferma-single-new .elp-widget .elp_form input[type="email"] {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 11px 13px;
	border: 1px solid #D7E7C0;
	border-radius: 10px;
	background: #fff;
	font-size: 14.5px;
	color: var(--fx-ink);
	box-shadow: none;
}
body.ferma-single-new .elp-widget .elp_form input[type="email"]:focus {
	border-color: var(--fx-green);
	outline: none;
}
body.ferma-single-new .elp-widget .elp_form input[type="submit"] {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 11px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--fx-green);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	transition: background .15s;
}
body.ferma-single-new .elp-widget .elp_form input[type="submit"]:hover {
	background: var(--fx-green-d);
}
body.ferma-single-new .elp-widget > br {
	display: none;
}

/* ---- соцсети: нейтральная карточка ---- */
body.ferma-single-new .widget.sociallinkswidget {
	padding: 16px;
	border: 1px solid var(--fx-line);
	border-radius: 14px;
}
body.ferma-single-new .widget.sociallinkswidget .widget-title {
	margin: 0 0 12px;
}
body.ferma-single-new .widget.sociallinkswidget .widget-title span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--fx-dim);
}
body.ferma-single-new .widget.sociallinkswidget .tw-social-icon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
}
/* Значки были бледно-зелёными кружками без границ: на белой карточке они
   расплывались, а разные по насыщенности глифы делали ряд неровным.
   Теперь — белые кружки в рамке с зелёным глифом, а на наведении кружок
   заливается цветом самой сети: так ряд спокоен, но узнаваем. */
body.ferma-single-new .widget.sociallinkswidget .ferma-soc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	width: 44px;
	height: 44px;
	margin: 0;
	border: 1px solid #DDE4E9;
	background: #fff;
	color: var(--fx-green-d);
	transition: background .15s, border-color .15s, color .15s, transform .15s;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc svg {
	display: block;
	width: 22px;
	height: 22px;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc:hover {
	border-color: transparent;
	color: #fff;
	transform: translateY(-1px);
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc--vk:hover {
	background: #0077FF;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc--ok:hover {
	background: #EE8208;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc--dzen:hover {
	background: #262626;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc--tg:hover {
	background: #2AABEE;
}
body.ferma-single-new .widget.sociallinkswidget .ferma-soc--yt:hover {
	background: #FF0000;
}
/* «Присоединяйтесь к нам!» было зелёным и жирным — спорило с кнопкой
   подписки, хотя это просто пояснение */
body.ferma-single-new .widget.sociallinkswidget .tw-social-icon span {
	flex: 1 0 100%;
	margin: 4px 0 0;
	font-size: 12.5px;
	font-weight: 400;
	color: var(--fx-muted);
}

/* ------------------------------------------- «Также читают» в сайдбаре ---
   Было: крупные картинки в столбик, каждая — оригинал на 2560 px.
   Стало: компактный список с миниатюрами 72×54, как в прототипе.
   Вес картинок чинится в inc-ferma-single.php. */

body.ferma-single-new .widget.same-category-posts {
	margin-top: 26px;
	padding: 16px;
	border: 1px solid var(--fx-line);
	border-radius: 14px;
}
body.ferma-single-new .widget.same-category-posts .widget-title {
	margin: 0 0 6px;
	border: 0;
	padding: 0;
}
body.ferma-single-new .widget.same-category-posts .widget-title span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--fx-dim);
}
body.ferma-single-new .widget.same-category-posts ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
body.ferma-single-new .widget.same-category-posts li.same-category-post-item {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin: 0;
	padding: 9px 0;
	border-bottom: 1px solid #F0F3F5;
	font-size: inherit;
	line-height: inherit;
}
body.ferma-single-new .widget.same-category-posts li.same-category-post-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
body.ferma-single-new .widget.same-category-posts li.same-category-post-item:first-child {
	padding-top: 0;
}
body.ferma-single-new .widget.same-category-posts .same-category-post-thumbnail {
	flex: none;
	width: 72px;
	margin: 0;
}
body.ferma-single-new .widget.same-category-posts .same-category-post-thumbnail img {
	display: block;
	float: none;
	width: 72px !important;
	height: 54px !important;
	max-width: none;
	margin: 0;
	border-radius: 8px;
	object-fit: cover;
}
body.ferma-single-new .widget.same-category-posts .post-title {
	display: block;
	min-width: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: #36414C;
}
body.ferma-single-new .widget.same-category-posts .post-title:hover {
	color: var(--fx-green-d);
}

/* --------------------------------------------- мобильное оглавление ---
   Было «просто серый прямоугольник». Стало аккуратной гармошкой:
   значок слева, счётчик пунктов и стрелка справа. Всё на CSS,
   чтобы отложенный JS ни на что не влиял. */

@media (max-width: 1180px) {
	body.ferma-single-new .ferma-toc-mobile {
		margin: 0 0 22px;
		border: 1px solid var(--fx-line);
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 2px rgba(20, 30, 40, .06);
		overflow: hidden;
	}
	body.ferma-single-new .ferma-toc-mobile > summary {
		gap: 10px;
		padding: 14px 16px;
		background: var(--fx-soft);
		color: var(--fx-ink);
		font-size: 16px;
		font-weight: 600;
		list-style: none;
	}
	body.ferma-single-new .ferma-toc-mobile > summary::-webkit-details-marker {
		display: none;
	}
	body.ferma-single-new .ferma-toc-mobile > summary::before {
		content: "";
		flex: none;
		width: 28px;
		height: 28px;
		border-radius: 8px;
		background: var(--fx-pale) center / 15px 15px no-repeat
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F8501' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
	}
	body.ferma-single-new .ferma-toc-mobile > summary::after {
		content: "";
		flex: none;
		width: 18px;
		height: 18px;
		margin-left: auto;
		background: center / 18px 18px no-repeat
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA4AF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
		transition: transform .2s;
	}
	body.ferma-single-new .ferma-toc-mobile[open] > summary::after {
		transform: rotate(180deg);
	}
	body.ferma-single-new .ferma-toc-mobile > summary .toc-count {
		margin-left: auto;
		font-size: 13px;
		font-weight: 500;
		color: var(--fx-muted);
	}
	/* когда есть счётчик, стрелка уже не растягивает строку */
	body.ferma-single-new .ferma-toc-mobile > summary:has(.toc-count)::after {
		margin-left: 0;
	}
	body.ferma-single-new .ferma-toc-mobile[open] > summary {
		border-bottom: 1px solid var(--fx-line);
	}
	body.ferma-single-new .ferma-toc-mobile__body {
		padding: 6px 10px 10px;
	}
	body.ferma-single-new .ferma-toc-mobile ul.contents {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	body.ferma-single-new .ferma-toc-mobile li {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
	}
	body.ferma-single-new .ferma-toc-mobile li:after {
		display: none !important;
	}
	body.ferma-single-new .ferma-toc-mobile li > a {
		display: block;
		padding: 11px 10px;
		border-bottom: 1px dashed #E2E8EC;
		border-radius: 8px;
		color: #1C2228;
		font-size: 15.5px;
		line-height: 1.35;
	}
	body.ferma-single-new .ferma-toc-mobile li:last-child > a {
		border-bottom: 0;
	}
	body.ferma-single-new .ferma-toc-mobile li > a:active {
		background: var(--fx-pale);
	}
}

/* ------------------------------------------------------- текст статьи ---
   Шрифтовой масштаб родной: заголовки Roboto Condensed 30 и 24, текст 18,
   маркеры списков и нумерация темы не тронуты. Добавлен воздух
   и межстрочный интервал, ссылки стали видимыми. */

body.ferma-single-new .entry-content {
	font-size: 18px;
	line-height: 1.56;
	color: #444;
}
body.ferma-single-new .entry-content p {
	margin: 0 0 16px;
}
body.ferma-single-new .entry-content h2 {
	margin: 34px 0 16px;
	line-height: 1.25;
	scroll-margin-top: 90px;
}
body.ferma-single-new .entry-content h3 {
	margin: 26px 0 12px;
	line-height: 1.3;
	scroll-margin-top: 90px;
}
body.ferma-single-new .entry-content h4 {
	margin: 22px 0 10px;
	scroll-margin-top: 90px;
}
body.ferma-single-new .entry-content li {
	margin-bottom: 12px;
}
/* ссылки без класса — это внутренние ссылки из текста; у ссылок с классом
   (кнопки, галереи, виджеты) оформление своё, их не трогаем */
body.ferma-single-new .entry-content a:not([class]) {
	color: var(--fx-green-d);
}
body.ferma-single-new .entry-content a:not([class]):not(:has(img)) {
	border-bottom: 1px solid rgba(83, 173, 1, .35);
}
body.ferma-single-new .entry-content a:not([class]):hover {
	color: #2F6601;
	border-bottom-color: var(--fx-green);
}
body.ferma-single-new .entry-content img {
	border-radius: 12px;
}
body.ferma-single-new .entry-content figcaption {
	margin-top: 8px;
	font-size: 14px;
	color: var(--fx-muted);
}

/* таблицы: структуру не меняем (обёртки добавить нельзя — по разметке
   контента расставляется реклама), только читаемость */
body.ferma-single-new .entry-content table {
	border-collapse: collapse;
	font-size: 15.5px;
}
body.ferma-single-new .entry-content table th,
body.ferma-single-new .entry-content table td {
	border: 1px solid var(--fx-line);
	padding: 10px 14px;
	vertical-align: top;
}
body.ferma-single-new .entry-content table th {
	text-align: left;
	font-weight: 600;
	color: var(--fx-ink);
}
body.ferma-single-new .entry-content .ce-table th {
	background: #F4F7F0;
}

/* врезки: цвета родные, значок — кружок в цвете самой врезки
   вместо прозрачной иконки dashicons на 40 px */
body.ferma-single-new .entry-content .tds-message-box {
	margin: 24px 0;
	padding: 20px 22px 20px 64px;
	border-radius: 12px;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}
body.ferma-single-new .entry-content .tds-message-box p:last-child {
	margin-bottom: 0;
}
body.ferma-single-new .entry-content .tds-message-box:before {
	content: "i";
	position: absolute;
	left: 20px;
	top: 19px;
	float: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0;
	border-radius: 50%;
	opacity: 1;
	background: #78909C;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1;
}
/* цвет кружка — у каждой врезки свой, в тон её собственному */
body.ferma-single-new .entry-content .box-council:before {
	background: #1565C0;
}
body.ferma-single-new .entry-content .box-warning:before {
	content: "!";
	background: #D84315;
}
body.ferma-single-new .entry-content .box-note:before {
	background: #2E7D32;
}
body.ferma-single-new .entry-content .box-info:before {
	background: #E08200;
}

/* ----------------------------------------------------------- адаптив --- */

@media (max-width: 900px) {
	body.ferma-single-new h1.entry-title {
		font-size: 30px;
	}
	body.ferma-single-new .breaddate {
		gap: 6px 16px;
	}
	body.ferma-single-new #tab-2 {
		max-width: none;
	}
	body.ferma-single-new .specdl {
		display: block;
		padding: 9px 0;
	}
	body.ferma-single-new .specdl dt {
		display: block;
		width: 100%;
		flex: none;
		padding-right: 0;
		margin-bottom: 2px;
	}
	body.ferma-single-new .specdl dt:after {
		display: none;
	}
	body.ferma-single-new .specdl dd {
		width: 100%;
	}
	body.ferma-single-new .entry-content .tds-message-box {
		padding: 18px 18px 18px 56px;
		font-size: 16px;
	}
	body.ferma-single-new .entry-content .tds-message-box:before {
		left: 16px;
		top: 17px;
		width: 26px;
		height: 26px;
		font-size: 17px;
	}
}

/* ≤600 px тема ставит .tabs-nav a{padding:4px!important;font-size:15px!important} */
@media (max-width: 600px) {
	body.ferma-single-new #tabs .tabs-nav a,
	body.ferma-single-new #tabs .tabs-nav li:first-child a,
	body.ferma-single-new #tabs .tabs-nav li:last-child a {
		padding: 11px 12px !important;
		font-size: 15px !important;
	}
}

@media (max-width: 560px) {
	body.ferma-single-new h1.entry-title {
		font-size: 26px;
	}
	/* на узком экране строка всё равно переносится — пусть переносится
	   предсказуемо: крошки отдельно, дата с просмотрами вместе */
	body.ferma-single-new .breaddate #breadcrumbs {
		flex: 1 0 100%;
		margin-right: 0;
	}
	body.ferma-single-new .breaddate {
		gap: 2px 16px;
		padding-bottom: 2px;
	}
	body.ferma-single-new .sort-photos {
		grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
		gap: 10px;
	}
	/* Широкие таблицы из статей не влезают в 390 px, а body у темы
	   обрезает всё лишнее — правый край просто пропадал. Обёртку добавить
	   нельзя (по разметке контента расставляется реклама), поэтому
	   прокручиваемым контейнером становится сама таблица. */
	body.ferma-single-new .entry-content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		font-size: 13.5px;
	}
	body.ferma-single-new .entry-content table th,
	body.ferma-single-new .entry-content table td {
		padding: 6px 8px;
	}
}

@media (max-width: 480px) {
	body.ferma-single-new .feature-label {
		font-size: 11px;
		letter-spacing: .03em;
	}
	body.ferma-single-new .feature-value {
		font-size: 15px;
	}
	body.ferma-single-new .feature-icon {
		width: 38px;
		height: 38px;
		min-width: 38px;
		border-radius: 10px;
		font-size: 18px;
	}
}