/* === Секция Аутсорсинг === */
.kirsanovv-outsourcing-section {
	/* Fallback: синий фон, если картинка / image-set не применились (мобильные, WP Rocket) */
	background-color: #16213e;
	background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
		url("/wp-content/uploads/2026/02/packages.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 60px 0 70px;
}

/* AVIF/WebP — только там, где image-set стабилен (десктоп) */
@media (min-width: 768px) {
	.kirsanovv-outsourcing-section {
		background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
			image-set(
				url("/wp-content/uploads/2026/02/packages.jpg.avif") type("image/avif"),
				url("/wp-content/uploads/2026/02/packages.jpg.webp") type("image/webp"),
				url("/wp-content/uploads/2026/02/packages.jpg") type("image/jpeg")
			);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

.kirsanovv-outsourcing-container {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.kirsanovv-outsourcing-header {
	text-align: center;
	margin-bottom: 40px;
}

.kirsanovv-outsourcing-header h2 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 20px;
	letter-spacing: 2px;
}

.kirsanovv-outsourcing-desc {
	color: #cccccc;
	font-size: 15px;
	line-height: 1.7;
	max-width: 900px;
	margin: 0 auto 30px;
	text-align: center;
}

.kirsanovv-outsourcing-desc p {
	margin: 0 0 12px;
	color: #cccccc;
}

.kirsanovv-pdf-link {
	text-align: center;
	margin-bottom: 40px;
}

.kirsanovv-pdf-link a {
	display: inline-block;
	background: #e96656;
	color: #ffffff !important;
	padding: 15px 30px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	transition: background 0.3s ease, transform 0.2s ease;
}

.kirsanovv-pdf-link a:hover {
	background: #d4503f;
	transform: translateY(-2px);
	color: #ffffff !important;
}

/* Таблица цен */
.kirsanovv-pricing-scope {
	position: relative;
	width: 100%;
	padding: 20px;
	background: linear-gradient(135deg, #16213e 0%, #1a2b49 35%, #2c3e50 100%);
	border-radius: 24px;
	box-shadow: 0 25px 70px rgba(10, 18, 40, 0.45);
	overflow: hidden;
}

.kirsanovv-pricing-shell {
	background: rgba(255, 255, 255, 0.98);
	border-radius: 20px;
	padding: 10px;
}

.kirsanovv-pricing-header {
	padding: 10px 20px 0;
}

.kirsanovv-pricing-header h3 {
	margin: 0 0 6px;
	font-size: 24px;
	text-transform: uppercase;
	color: #1a2b49;
	letter-spacing: 0.05em;
}

.kirsanovv-pricing-header p {
	margin: 0 0 10px;
	color: #4a5568;
	font-size: 15px;
}

.kirsanovv-pricing-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.kirsanovv-pricing-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 15px;
	min-width: 720px;
}

.kirsanovv-pricing-table caption {
	position: absolute;
	left: -9999px;
}

.kirsanovv-pricing-table thead th {
	background: #f5f7ff;
	color: #1a2b49;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.05em;
	border-bottom: 2px solid #dde3ef;
	padding: 16px 18px;
}

.kirsanovv-pricing-table th,
.kirsanovv-pricing-table td {
	border-bottom: 1px solid #e2e8f0;
	padding: 18px;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
}

.kirsanovv-pricing-table tbody tr:nth-child(odd) td,
.kirsanovv-pricing-table tbody tr:nth-child(odd) th {
	background: #fbfdff;
}

.kirsanovv-pricing-pkg-name {
	font-size: 18px;
	font-weight: 700;
	color: #10192f;
	display: block;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.kirsanovv-pricing-pkg-desc {
	color: #4a5568;
	line-height: 1.5;
	display: block;
}

.kirsanovv-pricing-price {
	font-size: 20px;
	font-weight: 700;
	color: #1a2b49;
}

.kirsanovv-pricing-annual {
	color: #1a2b49;
	font-weight: 600;
}

.kirsanovv-pricing-savings {
	font-size: 18px;
	font-weight: 700;
	color: #0f9d58;
}

.kirsanovv-pricing-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border-radius: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-decoration: none;
	color: #ffffff !important;
	text-align: center;
	background: linear-gradient(135deg, #b71c1c, #f44336);
	box-shadow: 0 12px 30px rgba(183, 28, 28, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
}

.kirsanovv-pricing-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 32px rgba(183, 28, 28, 0.45);
	color: #ffffff !important;
	text-decoration: none;
}

.kirsanovv-pricing-benefit {
	background: #edf7f1;
	border-radius: 16px;
	padding: 18px 24px;
	color: #2d5a3f;
	font-size: 15px;
	line-height: 1.6;
	box-shadow: inset 0 0 0 1px rgba(45, 90, 63, 0.16);
}

.kirsanovv-pricing-benefit strong {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	margin-bottom: 6px;
	color: #1a2b49;
}

/* Мобильная адаптация */
@media (max-width: 960px) {
	.kirsanovv-pricing-scope {
		padding: 15px;
	}

	.kirsanovv-outsourcing-section {
		padding: 40px 0 50px;
	}
}

@media (max-width: 640px) {
	.kirsanovv-outsourcing-header h2 {
		font-size: 26px;
	}

	.kirsanovv-pricing-table {
		min-width: 100%;
		font-size: 16px;
	}

	.kirsanovv-pricing-table thead {
		display: none;
	}

	.kirsanovv-pricing-table tbody,
	.kirsanovv-pricing-table tr,
	.kirsanovv-pricing-table td,
	.kirsanovv-pricing-table th {
		display: block;
		width: 100%;
	}

	.kirsanovv-pricing-table tr {
		margin-bottom: 18px;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 14px 32px rgba(26, 43, 73, 0.12);
	}

	.kirsanovv-pricing-table td,
	.kirsanovv-pricing-table th {
		border-bottom: 1px solid #e2e8f0;
	}

	.kirsanovv-pricing-table td::before,
	.kirsanovv-pricing-table th::before {
		content: attr(data-label);
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-weight: 700;
		color: #94a3b8;
		margin-bottom: 6px;
	}

	.kirsanovv-pricing-cta {
		width: 100%;
	}
}