/* Новый вид статей, слой поверх article.css. Выключается в админке: Внешний вид → Вид статей.
   Размер и начертание основного текста не трогаем: владелец оставил прежние. */

/* -------------------------------------------------- Плюсы против минусов */

.single-post .entry-content .b26-pc {
	gap: 16px;
	margin-top: 24px;
}

/* Сплошная заливка блока забирала внимание у текста. Оставляем белую карточку,
   а сторону показываем цветом заголовка и полосой сверху. */
.single-post .entry-content .b26-pc > div {
	position: relative;
	padding: 20px 20px 18px;
	border: 1px solid #e8edf3;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 28px -24px rgba(15, 23, 42, .55);
	overflow: hidden;
}
.single-post .entry-content .b26-pc > div::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	background: #22c55e;
}
.single-post .entry-content .b26-pc > .b26-pc-cons { border-color: #e8edf3; background: #fff; }
.single-post .entry-content .b26-pc > .b26-pc-cons::after { background: #f43f5e; }

.single-post .entry-content .b26-pc .b26-pc-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.single-post .entry-content .b26-pc-pros .b26-pc-title { color: #15803d; }
.single-post .entry-content .b26-pc-cons .b26-pc-title { color: #be123c; }

/* Значок стороны: кружок с галочкой или минусом, нарисован фоном, без картинок. */
.single-post .entry-content .b26-pc .b26-pc-title::before {
	content: "";
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #dcfce7 center / 13px 13px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.single-post .entry-content .b26-pc-cons .b26-pc-title::before {
	background-color: #ffe4e6;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23be123c' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}

.single-post .entry-content .b26-pc li {
	margin-bottom: 10px;
	padding-left: 26px;
}
.single-post .entry-content .b26-pc li::before {
	top: .45em;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #dcfce7 center / 10px 10px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	border: 0;
	transform: none;
	content: "";
}
.single-post .entry-content .b26-pc-cons li::before {
	background-color: #ffe4e6;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------- Баннер */

/* Повторяем карточку с главной: тот же графит, то же оранжевое пятно, те же кнопки-пилюли.
   Оранжевый здесь работает светом, а действие несёт белая кнопка, как на главной. */
.single-post .entry-content .b26-cta-box {
	position: relative;
	margin: 44px 0;
	padding: 40px 32px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 28px;
	background: linear-gradient(160deg, #1c1d21 0%, #121316 62%);
	background-origin: border-box;
	box-shadow: none;
	overflow: hidden;
}
.single-post .entry-content .b26-cta-box::before {
	content: "";
	position: absolute;
	left: -48px;
	top: -44px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle,
		var(--ui-dark-accent, #ff7a1a) 0%,
		rgba(255, 122, 26, .55) 7%,
		rgba(255, 122, 26, .16) 26%,
		transparent 62%);
	opacity: .85;
	pointer-events: none;
}
.single-post .entry-content .b26-cta-box > * { position: relative; z-index: 1; }

.single-post .entry-content .b26-cta-title {
	font-family: var(--ui-h-font, inherit);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.03em;
	color: #fff !important;
	margin-bottom: 16px;
}

.single-post .entry-content .b26-cta-box .b26-cta-desc {
	max-width: 46em;
	margin: 0 auto 30px;
	font-size: 18px;
	line-height: 1.6;
	color: #a3a6ab;
}
.single-post .entry-content .b26-cta-box .b26-cta-desc strong { color: #fff; }

.single-post .entry-content .b26-cta-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

/* Белая кнопка это действие, контурная это разговор с менеджером. Как на главной. */
.single-post .entry-content .b26-cta-box .b26-btn {
	padding: 16px 32px;
	border-radius: 100px;
	font-size: 16px;
	text-decoration: none !important;
	transition: background .25s, border-color .25s, transform .25s;
}
.single-post .entry-content .b26-cta-box .b26-btn-primary,
.single-post .entry-content .b26-cta-box .b26-btn-primary:visited {
	background: #fff;
	border: 2px solid #fff;
	color: var(--ui-dark, #151619) !important;
	font-weight: 700;
	box-shadow: none;
}
.single-post .entry-content .b26-cta-box .b26-btn-primary:hover {
	background: #eff6ff;
	border-color: #eff6ff;
	transform: translateY(-3px);
}
.single-post .entry-content .b26-cta-box .b26-btn-white,
.single-post .entry-content .b26-cta-box .b26-btn-white:visited {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, .22);
	color: #fff !important;
	font-weight: 600;
}
.single-post .entry-content .b26-cta-box .b26-btn-white:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, .05);
	transform: translateY(-3px);
}

@media (max-width: 700px) {
	.single-post .entry-content .b26-pc { grid-template-columns: minmax(0, 1fr); }

	/* Размеры на телефоне тоже как на главной: меньше поля, радиус 22, пятно 150. */
	.single-post .entry-content .b26-cta-box { padding: 24px 18px; border-radius: 22px; }
	.single-post .entry-content .b26-cta-box::before { left: -40px; top: -38px; width: 150px; height: 150px; }
	.single-post .entry-content .b26-cta-title { font-size: 23px; line-height: 1.16; letter-spacing: -.02em; margin-bottom: 10px; }
	.single-post .entry-content .b26-cta-box .b26-cta-desc { font-size: 15.5px; margin-bottom: 22px; }
	.single-post .entry-content .b26-cta-box .b26-btn { width: 100%; padding: 14px 20px; font-size: 15px; }
}