/* =============================================================
   ПК «Формула» — оформление записей блога (статьи про Абиотоник)
   Файл темы: sellsmart-child-formula/assets/article/article.css
   Подключается только на одиночных записях (см. functions.php).

   ВАЖНО про горизонтальную прокрутку:
   ни одно правило здесь не задаёт ширину больше 100% вьюпорта.
   Широкие таблицы скроллятся ВНУТРИ себя, а не распирают страницу.
   ============================================================= */

.pkf-art {
	--pkf-paper:  #FBF7EE;
	--pkf-straw:  #F3EBD6;
	--pkf-cocoa:  #2A241E;   /* чернильный текст эталона (тёмно-серый) */
	--pkf-cocoa-70: rgba(57, 37, 26, .70);
	--pkf-cocoa-45: rgba(42, 36, 30, .5);
	--pkf-yellow: #FED525;
	--pkf-royal:  #2B4BC4;
	/* палитра статей — как в эталонном HTML: золото + тёмная зелень */
	--pkfa-yolk: #C8891B;
	--pkfa-yolk-deep: #A66B0E;
	--pkfa-pine: #3E5C3A;
	--pkfa-pine-soft: #5E7A56;
	--pkf-line:   #E2D8C4;   /* линии эталона — тёплый беж, без коричневых рамок */
	--pkf-radius: 16px;
	--pkf-display: 'Bitter', Georgia, serif;
	--pkf-ui: 'PT Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--pkf-body:    'PT Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--pkf-hand:    'Caveat', ui-rounded, cursive;

	font-family: var(--pkf-body);
	color: var(--pkf-cocoa);
	line-height: 1.72;
	font-size: 1.13rem;   /* эталон читается крупнее — ~19px */
	-webkit-font-smoothing: antialiased;

	/* Контейнер не шире родителя. overflow здесь НЕ трогаем —
	   иначе в некоторых темах ломается вертикальная прокрутка окна.
	   От горизонтального вылета защищают max-width дочерних блоков
	   и overflow-x:auto на таблицах. */
	max-width: 100%;
}

/* --- ЕДИНАЯ КОЛОНКА, ВЫКЛЮЧКА ПО ЛЕВОМУ КРАЮ ---
   Весь контент статьи живёт в одной колонке фиксированной ширины,
   отцентрованной ЦЕЛИКОМ (через саму обёртку .pkf-art ниже), а
   элементы внутри выключены по ОДНОЙ левой линии. Раньше каждый блок
   центрировался в своей ширине через margin:auto — из-за разной
   ширины у текста и таблиц блоки съезжали друг относительно друга,
   рубрики «уплывали», врезки казались смещёнными. Теперь такого нет. */
.pkf-art {
	max-width: 760px;
	margin-inline: auto;
	/* Цвет текста задан ЯВНО. Раньше не задавался вовсе, и текст статей
	   наследовал зелёный #0a2c0f от стилей Elementor-кита на body. */
	color: var(--pkf-cocoa);
}
#pkf .pkf-prose .pkf-art { color: var(--pkf-cocoa); }
.pkf-art > * {
	margin-inline: 0;      /* по левому краю колонки, без центрирования */
	box-sizing: border-box;
}
/* таблицы, колонки и цветные группы могут занимать полную ширину
   колонки — но остаются на той же левой линии, что и текст */
.pkf-art > figure.wp-block-table,
.pkf-art > .wp-block-columns,
.pkf-art > .wp-block-group,
.pkf-art > .pkf-proof,
.pkf-art > .pkf-note,
.pkf-art > .pkf-dose,
.pkf-art > .pkf-faq,
.pkf-art > .pkf-sources { max-width: 100%; }

/* ---------- типографика ---------- */
.pkf-art p { margin: 0 0 1.15em; }
.pkf-art strong { font-weight: 700; }
.pkf-art a {
	color: var(--pkfa-yolk-deep);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.pkf-art a:hover { color: var(--pkf-cocoa); }

.pkf-art h2,
.pkf-art h3 {
	font-family: var(--pkf-display);
	color: var(--pkf-cocoa);
	line-height: 1.18;
	letter-spacing: -.015em;
}

/* h2 — жёлтая черта сверху по ширине текста (fit-content) */
.pkf-art h2 {
	font-size: clamp(1.5rem, 3.1vw, 2.05rem);
	font-weight: 700;
	margin: 2.4em 0 .7em;
	padding-top: 14px;
	border-top: 5px solid var(--pkfa-yolk);
	width: fit-content;
	max-width: 100%;
}

.pkf-art h3 {
	font-size: clamp(1.16rem, 2vw, 1.35rem);
	font-weight: 700;
	margin: 2em auto .5em;
}

/* вводный абзац крупнее */
.pkf-art > p:first-of-type {
	font-size: clamp(1.1rem, 1.8vw, 1.24rem);
	line-height: 1.6;
}

/* ---------- списки ---------- */
.pkf-art ul,
.pkf-art ol { padding-left: 1.3em; }
.pkf-art li { margin-bottom: .55em; }
.pkf-art ul li::marker { color: var(--pkf-yellow); font-size: 1.15em; }
.pkf-art ol li::marker { color: var(--pkf-cocoa-45); font-family: var(--pkf-display); font-weight: 700; }

/* ---------- таблицы: коричневая шапка + скролл ВНУТРИ ----------
   ВАЖНО: в blog.css есть правила `#pkf .pkf-prose table {margin: 1.6em 0}`
   и `#pkf .pkf-prose th, td {border: 1px solid}` — ID-селектор бьёт этот
   файл по специфичности и добавлял таблицам «лишние строки»: белые поля
   внутри карточки и рамки вокруг тёмной шапки. Поэтому здесь !important:
   внутри статей таблицами управляет ТОЛЬКО article.css. */
.pkf-art figure.wp-block-table {
	margin: 1.8em 0 2.2em !important;
	padding: 0 !important;
	max-width: 100%;
	overflow-x: auto;               /* широкая таблица скроллится ВНУТРИ */
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--pkf-line);
	border-radius: var(--pkf-radius);
	background: #fff;               /* белая карточка до самых углов */
}
/* название таблицы: жирное, ЗАГЛАВНЫМИ, компактное, с равными полями */
.pkf-art figure.wp-block-table caption {
	caption-side: top;
	text-align: left;
	font-family: var(--pkf-body);
	font-weight: 700;
	font-size: .78rem;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--pkf-cocoa);
	padding: 12px 16px 10px;
	background: #fff;
	border-radius: calc(var(--pkf-radius) - 1px) calc(var(--pkf-radius) - 1px) 0 0;
}
/* ядро WordPress рисует thead { border-bottom: 3px solid } — тот самый
   тёмный кант под зелёной шапкой; глушим вместе с рамкой tfoot */
.pkf-art figure.wp-block-table thead { border-bottom: 0 !important; }
.pkf-art figure.wp-block-table tfoot { border-top: 0 !important; }
#pkf .pkf-prose .pkf-art figure.wp-block-table thead { border-bottom: 0 !important; }
.pkf-art figure.wp-block-table table {
	width: 100% !important;
	min-width: 0 !important;
	border-collapse: collapse !important;
	font-size: .93rem;
	background: #fff;
	margin: 0 !important;           /* гасим отступы из blog.css — они и были «лишними строками» */
	border: 0 !important;
}
.pkf-art figure.wp-block-table thead th,
.pkf-art figure.wp-block-table thead tr th {
	background-color: var(--pkfa-pine) !important;   /* тёмная зелень, как в эталоне */
	color: #F7F1E6 !important;
	font-family: var(--pkf-body);
	font-weight: 700;
	font-size: .8rem;
	text-align: left;
	padding: 13px 14px !important;
	border: 0 !important;
	/* вертикальные разделители между колонками шапки */
	border-right: 1px solid rgba(247, 241, 230, .18) !important;
}
.pkf-art figure.wp-block-table thead th:last-child { border-right: 0 !important; }
.pkf-art figure.wp-block-table tbody td {
	padding: 11px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--pkf-line) !important;
	vertical-align: top;
	background: transparent;
}
.pkf-art figure.wp-block-table tbody tr:nth-child(even) td { background: rgba(243, 235, 214, .5) !important; }
.pkf-art figure.wp-block-table tbody tr:last-child td { border-bottom: 0 !important; }
.pkf-art figure.wp-block-table tbody td:first-child { font-weight: 700; }
/* скругление нижних углов — прямо на крайних ячейках последней строки,
   чтобы углы были круглыми даже там, где обрезка контейнером не сработает */
.pkf-art figure.wp-block-table tbody tr:last-child td:first-child { border-bottom-left-radius: calc(var(--pkf-radius) - 1px); }
.pkf-art figure.wp-block-table tbody tr:last-child td:last-child { border-bottom-right-radius: calc(var(--pkf-radius) - 1px); }
.pkf-art figure.wp-block-table figcaption {
	font-size: .82rem;
	color: var(--pkf-cocoa-45);
	text-align: left;
	margin-top: 10px;
	line-height: 1.45;
}
@media (max-width: 640px) {
	.pkf-art figure.wp-block-table::after {
		content: "← таблица прокручивается вбок →";
		display: block;
		font-size: .74rem;
		color: var(--pkf-cocoa-45);
		text-align: center;
		padding-top: 8px;
	}
}

/* ---------- группы (Коротко / Где купить) ---------- */
.pkf-art .wp-block-group.has-background {
	border-radius: var(--pkf-radius);
	padding: clamp(20px, 3vw, 34px);
	max-width: 88ch;
	margin-inline: auto;
	box-sizing: border-box;
}
.pkf-art .wp-block-group.has-base-2-background-color {
	border-left: 6px solid var(--pkfa-yolk);
}
.pkf-art .wp-block-group.has-contrast-background-color h2 {
	color: #fff;
	border-top: 4px solid var(--pkfa-yolk);   /* золотая полоса, как кнопка */
	padding-top: 12px;
	width: fit-content;
	max-width: 100%;
}
.pkf-art .wp-block-group.has-contrast-background-color {
	background: var(--pkfa-pine);
}
.pkf-art .wp-block-group h2:first-child { margin-top: 0; }
.pkf-art .wp-block-group.has-contrast-background-color strong { color: #F0C878; }


/* ---------- карточки было→стало (колонки) ---------- */
.pkf-art .wp-block-columns {
	gap: 14px;
	max-width: 88ch;
	margin: 2em auto 2.4em;
	flex-wrap: wrap;
}
.pkf-art .wp-block-column.has-background {
	border-radius: 12px;
	padding: 22px 18px;
	text-align: center;
	flex: 1 1 170px;
}
.pkf-art .wp-block-column .has-small-font-size {
	color: var(--pkf-cocoa-45);
	text-transform: uppercase;
	letter-spacing: .04em;
	font-weight: 700;
}
.pkf-art .wp-block-column s {
	color: var(--pkf-cocoa-45);
	font-weight: 400;
}
.pkf-art .wp-block-column p:last-child strong {
	font-family: var(--pkf-display);
	font-size: 1.35rem;
}

/* ---------- кнопки ---------- */
.pkf-art .wp-block-button__link {
	font-family: var(--pkf-display);
	font-weight: 700;
	border-radius: 999px;
	padding: 14px 26px;
}

/* ---------- разделитель ---------- */
.pkf-art hr.wp-block-separator {
	max-width: 72ch;
	margin: 3em auto;
	border: none;
	border-top: 1px solid var(--pkf-line);
}

/* доступность движения */
@media (prefers-reduced-motion: reduce) {
	.pkf-art * { scroll-behavior: auto; }
}

/* =============================================================
   Компоненты «человечного» формата статей (по образцу первой
   HTML-версии про несушек): полоса цифр, плашка дозировки,
   шаги, вопрос-ответ, источники. Палитра и шрифты — фирменные.
   ============================================================= */

/* буквица в первом абзаце */
.pkf-art > p:first-of-type::first-letter {
	font-family: var(--pkf-display);
	font-weight: 700;
	font-size: 3em;
	float: left;
	line-height: .86;
	margin: 5px 10px 0 0;
	color: var(--pkf-cocoa);
}

/* подпись-рубрика над h2 («Коротко о главном», «Инструкция»...) */
.pkf-art .pkf-kicker {
	font-family: var(--pkf-ui);
	font-weight: 700;
	font-size: .76rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--pkfa-yolk-deep);
	margin: 2.8em 0 .3em !important;
}
/* Следующий за рубрикой заголовок прижат к ней вплотную и без своей
   жёлтой линии. !important — намеренно: на живом сайте в контент
   вмешиваются стили WordPress (.wp-block-heading), .pkf-prose из
   blog.css и кэш старых версий; правило обязано победить их все. */
.pkf-art .pkf-kicker + h2,
.pkf-art .pkf-kicker + .wp-block-heading {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: 0 !important;
	width: auto;
}
/* пустые абзацы из редактора не должны раздвигать рубрику и заголовок */
.pkf-art p:empty { display: none; }

/* полоса доказательств — 4 больших цифры */
.pkf-art .pkf-proof {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--pkf-line);
	border: 1px solid var(--pkf-line);
	border-radius: var(--pkf-radius);
	overflow: hidden;
	margin: 1.6em 0 0;
}
.pkf-art .pkf-proof__cell { background: #fff; padding: 18px 12px; text-align: center; }
.pkf-art .pkf-proof__num {
	font-family: var(--pkf-display);
	font-weight: 700;
	font-size: clamp(1.45rem, 3.4vw, 2.05rem);
	line-height: 1;
	letter-spacing: -.02em;
	color: var(--pkfa-yolk-deep);
}
.pkf-art .pkf-proof__num small { font-size: .55em; color: var(--pkf-cocoa-45); font-weight: 700; }
.pkf-art .pkf-proof__cap { font-size: .8rem; color: var(--pkf-cocoa-70); margin-top: 7px; line-height: 1.3; }
@media (max-width: 640px) {
	.pkf-art .pkf-proof { grid-template-columns: 1fr 1fr; }
}

/* мелкая подпись под цифрами/таблицами */
.pkf-art .pkf-smallnote { font-size: .82rem; color: var(--pkf-cocoa-45); margin-top: 10px; line-height: 1.5; }

/* плашка дозировки — главная цифра крупно */
.pkf-art .pkf-dose {
	background: linear-gradient(180deg, #FFFDF6, var(--pkf-straw));
	border: 1px solid var(--pkf-line);
	border-left: 6px solid var(--pkfa-yolk);
	border-radius: var(--pkf-radius);
	padding: 22px 26px;
	margin: 1.6em 0;
	display: block;                 /* никаких колонок — строго сверху вниз */
}
.pkf-art .pkf-dose__big {
	display: block;
	font-family: var(--pkf-display);
	font-weight: 800;
	font-size: clamp(1.25rem, 2.6vw, 1.62rem);
	line-height: 1.3;
	margin: 0 0 6px;
}
.pkf-art .pkf-dose__big em { font-style: normal; color: var(--pkfa-yolk-deep); }
.pkf-art .pkf-dose p { display: block; margin: 6px 0 0; font-size: .95rem; color: var(--pkf-cocoa-70); }

/* врезка-заметка */
.pkf-art .pkf-note {
	background: var(--pkf-straw);
	border: 1px solid var(--pkf-line);
	border-radius: 12px;
	padding: 16px 20px;
	margin: 1.4em 0;
	font-size: .95rem;
	color: var(--pkf-cocoa-70);
}
.pkf-art .pkf-note b, .pkf-art .pkf-note strong { color: var(--pkf-cocoa); }

/* нумерованные шаги с синими квадратами */
.pkf-art ol.pkf-steps { list-style: none; padding-left: 0; counter-reset: pkfstep; }
.pkf-art ol.pkf-steps > li {
	position: relative;
	padding-left: 44px;
	margin: 0 0 14px;
	counter-increment: pkfstep;
}
.pkf-art ol.pkf-steps > li::marker { content: none; }
.pkf-art ol.pkf-steps > li::before {
	content: counter(pkfstep);
	position: absolute; left: 0; top: 0;
	width: 28px; height: 28px;
	border-radius: 9px;
	background: var(--pkfa-pine);
	color: #fff;
	font-family: var(--pkf-ui);
	font-weight: 700;
	font-size: .85rem;
	display: flex; align-items: center; justify-content: center;
}

/* вопрос-ответ на details/summary — работает без JS */
.pkf-art .pkf-faq details {
	border: 1px solid var(--pkf-line);
	border-radius: 12px;
	background: #fff;
	margin: 12px 0;
	padding: 0 20px;
}
.pkf-art .pkf-faq summary {
	cursor: pointer;
	list-style: none;
	padding: 15px 34px 15px 0;
	position: relative;
	font-family: var(--pkf-display);
	font-weight: 700;
	font-size: 1rem;
	color: var(--pkf-cocoa);
}
.pkf-art .pkf-faq summary::-webkit-details-marker { display: none; }
/* значок +/− рисуем линиями, а не текстом: символ «−» в Montserrat
   выходит наклонным и читается как косая черта. Две полоски всегда
   строго горизонтальны/вертикальны. */
.pkf-art .pkf-faq summary::before,
.pkf-art .pkf-faq summary::after {
	content: "";
	position: absolute;
	right: 2px;
	top: 50%;
	width: 14px;
	height: 2px;
	background: var(--pkfa-yolk-deep);
	border-radius: 2px;
	transition: transform .18s ease, opacity .18s ease;
}
/* вертикальная полоска (даёт «+»); в открытом состоянии прячется → «−» */
.pkf-art .pkf-faq summary::before { transform: translateY(-50%) rotate(90deg); }
.pkf-art .pkf-faq summary::after  { transform: translateY(-50%); }
.pkf-art .pkf-faq details[open] summary::before { opacity: 0; transform: translateY(-50%) rotate(0); }
.pkf-art .pkf-faq details p { margin: 0 0 16px; font-size: .95rem; color: var(--pkf-cocoa-70); }

/* выделение выигрышных значений в таблицах */
.pkf-art figure.wp-block-table td.pkf-win { color: var(--pkfa-yolk-deep); font-weight: 700; }
.pkf-art figure.wp-block-table td.pkf-val { font-weight: 700; color: var(--pkf-cocoa); white-space: nowrap; }

/* кнопка в статье — фирменная жёлтая */
.pkf-art .wp-block-button__link {
	font-family: var(--pkf-ui);
	font-weight: 700;
	background: var(--pkfa-yolk);
	color: #fff !important;
	text-decoration: none !important;  /* побеждает подчёркивание ссылок из blog.css */
	display: inline-block;
}
/* кнопка в зелёной плашке — по центру */
.pkf-art .has-contrast-background-color .wp-block-buttons {
	display: flex;
	justify-content: center;
}
.pkf-art .wp-block-button__link:hover { background: var(--pkfa-yolk-deep); color: #fff !important; }

/* тёмный CTA-блок (group has-contrast-background-color): внутри всё
   должно быть светлым, а текст жёлтой кнопки — тёмным. Без этого
   заголовок и абзац наследуют тёмный цвет и сливаются с фоном. */
.pkf-art .has-contrast-background-color { color: #fff; }
.pkf-art .has-contrast-background-color h2,
.pkf-art .has-contrast-background-color h3,
.pkf-art .has-contrast-background-color p { color: #fff; }

/* источники и дисклеймер */
.pkf-art .pkf-sources {
	border-top: 1px solid var(--pkf-line);
	margin-top: 3em;
	padding-top: 1.4em;
}
.pkf-art .pkf-sources h2 {
	border-top: 0; padding-top: 0; width: auto;
	font-size: 1.15rem; margin: 0 0 .6em;
}
.pkf-art .pkf-sources ol { font-size: .88rem; color: var(--pkf-cocoa-70); line-height: 1.55; }
.pkf-art .pkf-disclaimer { font-size: .82rem; color: var(--pkf-cocoa-45); margin-top: 1.4em; line-height: 1.5; }

/* карточки состава («Витамины / Микроэлементы / Белковый комплекс») */
.pkf-art .pkf-comp {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 1.5em 0;
}
.pkf-art .pkf-comp__box {
	background: #fff;
	border: 1px solid var(--pkf-line);
	border-radius: 14px;
	padding: 14px 18px;
}
.pkf-art .pkf-comp__box h4 {
	margin: 0 0 8px;
	font-family: var(--pkf-ui);
	font-weight: 700;
	font-size: .72rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pkfa-yolk-deep);
}
.pkf-art .pkf-comp__box p { margin: 0; font-size: .93rem; line-height: 1.55; color: var(--pkf-cocoa-70); }
.pkf-art .pkf-comp__box--full { grid-column: 1 / -1; }
@media (max-width: 640px) {
	.pkf-art .pkf-comp { grid-template-columns: 1fr; }
}

/* чип рубрики на странице записи и ссылки в тексте — палитра эталона */
#pkf .pkf-post__cat { background: var(--pkfa-pine, #3E5C3A) !important; }
#pkf .pkf-prose .pkf-art a:not(.wp-block-button__link),
.pkf-art a:not(.wp-block-button__link) { color: #A66B0E; }

/* =============================================================
   Перекрытия blog.css на страницах записей (этот файл грузится
   только на записях): гасим синие элементы, палитра эталона.
   blog.css бьёт ID-селектором #pkf, поэтому здесь селекторы
   с тем же префиксом и !important на цветах.
   ============================================================= */
/* нумерация всех ol в статье (включая «Источники») — зелёные кружки */
#pkf .pkf-prose .pkf-art ol > li::before { background: var(--pkfa-pine) !important; }
/* шаги: полностью свои, зелёные квадраты с белой цифрой */
#pkf .pkf-prose .pkf-art ol.pkf-steps { list-style: none; padding-left: 0; counter-reset: pkfstep; }
#pkf .pkf-prose .pkf-art ol.pkf-steps > li { position: relative; padding-left: 44px; margin: 0 0 14px; counter-increment: pkfstep; }
#pkf .pkf-prose .pkf-art ol.pkf-steps > li::before {
	content: counter(pkfstep);
	position: absolute; left: 0; top: 0;
	width: 28px !important; height: 28px !important;
	border-radius: 9px !important;
	background: var(--pkfa-pine) !important;
	color: #fff !important;
	font-family: var(--pkf-ui);
	font-weight: 700;
	font-size: .85rem !important;
	line-height: 1 !important;
	display: flex; align-items: center; justify-content: center;
}
/* хлебные крошки и блок «Читайте также» на записи — золото вместо синего */
#pkf .pkf-crumbs a:hover,
#pkf .pkf-card__title a:hover,
#pkf .pkf-card__more { color: #A66B0E; }


/* Карточки состава: blog.css задавал h4 отступ 1.3em сверху и p — 1.1em снизу
   (ID-специфичность), отсюда лишний воздух в карточках. Здесь селекторы сильнее. */
#pkf .pkf-prose .pkf-art .pkf-comp__box h4,
.pkf-art .pkf-comp__box h4 {
	margin: 0 0 6px !important;
	font-family: var(--pkf-ui) !important;   /* PT Sans, как в эталоне */
	font-size: .72rem;
	letter-spacing: .12em;
}
#pkf .pkf-prose .pkf-art .pkf-comp__box p,
.pkf-art .pkf-comp__box p { margin: 0 !important; }
#pkf .pkf-prose .pkf-art .pkf-dose p,
.pkf-art .pkf-dose p { margin: 6px 0 0 !important; }
#pkf .pkf-prose .pkf-art .pkf-dose__big,
.pkf-art .pkf-dose__big { margin: 0 0 4px !important; }
#pkf .pkf-prose .pkf-art .pkf-faq details p,
.pkf-art .pkf-faq details p { margin: 0 0 14px !important; }

/* заголовки статей напрямую — против зелёного из стилей Elementor-кита */
#pkf .pkf-prose .pkf-art h2, #pkf .pkf-prose .pkf-art h3, #pkf .pkf-prose .pkf-art h4,
.pkf-art h2, .pkf-art h3 { color: var(--pkf-cocoa); }
#pkf .pkf-prose .pkf-art .has-contrast-background-color h2,
#pkf .pkf-prose .pkf-art .has-contrast-background-color h3 { color: #fff; }
#pkf .pkf-prose .pkf-art .pkf-comp__box h4 { color: var(--pkfa-yolk-deep); }