/* ==========================================================================
   rtk-solution-modern.css — консолидированные стили решений ООО «РТК»
   Собраны из всех страниц решений, без дубликатов.
   Структура:
     1. Устаревшая блочная раскладка (вертикальные/цифровые блоки)
     2. Современная сетка карточек решений
     3. Заголовки, лид-текст, блок проектов
     4. Градиенты иконок (по страницам)
     5. Адаптивность
   ========================================================================== */


/* ==========================================================================
   1. Устаревшая блочная раскладка
   ========================================================================== */
:root {
	--rtk-white: #FFFFFF;
	--rtk-light: #A3D7F1;
	--rtk-blue: #3BA8DC;
	--rtk-dark: #0A2777;
}

.vertical_blocks{
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
.vertical_blocks > div{
	display: flex;
	flex-direction: column;
	gap: 150px;
}
.vertical_blocks > div > div{
	width: 380px;
	margin: 0 10px;
	padding: 25px 10px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	font-size: 18px;
}
.vertical_blocks > div > div:last-child::before,
.vertical_blocks > div > div:first-child::before{
	display: flex;
	font: 20px;
	font-weight: 600;
}
.vertical_blocks > div > div:first-child{
	width: 380px;
	height: 160px;
	border: 10px solid #0093DD;
	background: #fff;
}
.vertical_blocks > div > div:last-child{
	height: 275px;
	border: 10px dashed #349EA4;
	background: #fff;
}
.vertical_blocks > div > div:last-child::after{
	width: 135px;
	height: 25px;
	content: " ";
	display: flex;
	background: url("../images/icons/blueArrow.png") center center;
	position: absolute;
	top: -100px;
	transform: rotate(90deg);
}
@media screen and (max-width: 425px){
	.vertical_blocks > div{
		padding: 0 10px;
	}
	.vertical_blocks > div > div{
		margin: 0;
		height: auto !important;
		width: 100% !important;
	}
}

.digit_blocks{
	max-width: 850px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin: 30px 0;
}
.digit_blocks > div{
	width: 260px;
	border-radius: 10px;
	border: 3px solid #0093DD;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
}
.digit_blocks > div img{
	height: 50px !important;
}

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 20px;
        }

        .benefit-card {
            background: var(--rtk-white);
            border: 2px solid var(--rtk-light);
            border-radius: 16px;
            padding: 25px 20px;
            transition: all 0.3s;
        }

        .benefit-card:hover {
            border-color: var(--rtk-blue);
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(59,168,220,0.15);
        }

        .benefit-card h4 {
            font-size: 14px;
            font-weight: 700;
            color: var(--rtk-dark);
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--rtk-light);
        }

        .benefit-card ul {
            list-style: none;
			padding: 0;
			margin: 0;

        }

        .benefit-card ul li {
            font-size: 13px;
            line-height: 1.5;
            padding: 6px 0 6px 25px;
            position: relative;
            color: #555;
        }

        .benefit-card ul li::before {
            content: '✓';
            position: absolute;
            left: 0;
            top: 6px;
            color: var(--rtk-blue);
            font-weight: 800;
            font-size: 14px;
        }
@media (max-width: 767.98px) { .benefits-grid { grid-template-columns: 1fr; } }
@media (min-width: 768px) and (max-width: 991.98px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } }

/* ==========================================================================
   2. Современная сетка карточек решений
   ========================================================================== */

.modern-solutions-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.modern-solution-card{
	background: #ffffff;
	border-radius: 20px;
	padding: 35px 30px;
	box-shadow: 0 10px 40px rgba(0, 70, 120, 0.08);
	border: 1px solid #e8f4fb;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.modern-solution-card::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #0093DD 0%, #349EA4 100%);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.5s ease;
}
.modern-solution-card:hover{
	transform: translateY(-8px);
	box-shadow: 0 20px 60px rgba(0, 70, 120, 0.15);
}
.modern-solution-card:hover::before{
	transform: scaleX(1);
}

/* Иконка карточки */
.modern-solution-icon{
	width: 90px;
	height: 90px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	transition: transform 0.4s ease;
}
.modern-solution-card:hover .modern-solution-icon{
	transform: scale(1.08) rotate(-3deg);
}
.modern-solution-icon svg{
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 2;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.modern-solution-icon::after{
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
	opacity: 0;
	transition: opacity 0.4s ease;
}
.modern-solution-card:hover .modern-solution-icon::after{
	opacity: 1;
}

/* Текстовые элементы карточки */
.modern-solution-title{
	font-size: 1.35em;
	font-weight: 700;
	color: #1a2a3a;
	margin: 0 0 8px 0;
	line-height: 1.3;
}
.modern-solution-title a{
	text-decoration: none !important;
	border-bottom: none !important;
	transition: color 0.3s ease;
}
.modern-solution-title a:hover{
	color: #0093DD;
}
.modern-solution-subtitle{
	font-size: 0.95em;
	color: #6c7a8a;
	margin: 0 0 20px 0;
	font-weight: 500;
}

/* Ссылки-теги */
.modern-solution-links{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}
.modern-solution-links a{
	font-size: 0.88em;
	color: #0093DD;
	text-decoration: none;
	background: #e8f4fb;
	padding: 6px 12px;
	border-radius: 8px;
	transition: all 0.3s ease;
	display: inline-block;
	font-weight: 500;
}
.modern-solution-links a:hover{
	background: #0093DD;
	color: #fff;
	transform: translateY(-2px);
}

/* Список преимуществ */
.modern-solution-list{
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
	flex-grow: 1;
}
.modern-solution-list li{
	position: relative;
	padding: 8px 0 8px 32px;
	color: #4a5a6a;
	font-size: 0.95em;
	line-height: 1.5;
	border-bottom: 1px dashed #eef2f7;
}
.modern-solution-list li:last-child{
	border-bottom: none;
}
.modern-solution-list li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 18px;
	height: 18px;
	background: linear-gradient(135deg, #0093DD 0%, #349EA4 100%);
	border-radius: 50%;
	opacity: 0.15;
}
.modern-solution-list li::after{
	content: '✓';
	position: absolute;
	left: 4px;
	top: 12px;
	color: #0093DD;
	font-weight: 700;
	font-size: 0.85em;
}

/* Кнопки карточки */
.modern-solution-cta{
	margin-top: auto;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.modern-solution-cta .btn{
	font-weight: 600;
	border-radius: 10px;
	padding: 8px 18px;
	font-size: 0.88em;
	transition: all 0.3s ease;
	border: 2px solid #0093DD;
	text-decoration: none;
}
.modern-solution-cta .btn-primary{
	background: linear-gradient(135deg, #0093DD 0%, #349EA4 100%);
	color: #fff;
	border-color: transparent;
}
.modern-solution-cta .btn-primary:hover{
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 147, 221, 0.3);
	color: #fff;
}
.modern-solution-cta .btn-default{
	background: transparent;
	color: #0093DD;
}
.modern-solution-cta .btn-default:hover{
	background: #0093DD;
	color: #fff;
}


/* ==========================================================================
   3. Заголовки, лид-текст, блок проектов
   ========================================================================== */

.news-list-block{
	transition: transform 0.3s ease;
}
.news-list-block:hover{
	transform: translateY(-4px);
}

.review_solutions h2{
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
.review_solutions h2::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 4px;
	background: linear-gradient(90deg, #0093DD 0%, #349EA4 100%);
	border-radius: 2px;
}
.review_solutions h3 a{
	text-decoration: none;
	transition: color 0.3s ease;
}
.review_solutions h3 a:hover{
	color: #0093DD;
}

.review_solutions p.lead,
p.intro-text{
	font-size: 1.1em;
	color: #555;
	background: linear-gradient(135deg, #f5f9fc 0%, #e8f4fb 100%);
	padding: 25px 30px;
	border-radius: 15px;
	border-left: 4px solid #0093DD;
	margin-bottom: 30px;
}


/* ==========================================================================
   4. Градиенты иконок (по страницам)
   ========================================================================== */

/* --- Базовый набор (страница «Промышленная безопасность и охрана труда») --- */
.modern-solution-icon.icon-preset{      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-siz{         background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-rtls{        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-perimeter{   background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }

/* --- «Интеллектуальный контроль и ситуационное управление» --- */
.modern-solution-icon.icon-situational{    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-videoanalytics{ background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-logistics{      background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-bodycam{        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

/* --- «Непрерывность производства и связь» --- */
/* КОНФЛИКТ: на стр. «Общественная безопасность» .icon-radio был #11998e→#38ef7d. Оставлен базовый цвет, проверьте страницу. */
.modern-solution-icon.icon-radio{    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-alert{    background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
/* КОНФЛИКТ: на стр. «Общественная безопасность» .icon-network был #4b6cb7→#182848. Оставлен базовый цвет, проверьте страницу. */
.modern-solution-icon.icon-network{  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-mesh{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-migrate{  background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }

/* --- «Комплексная защита объектов» --- */
.modern-solution-icon.icon-fire{         background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-integration{  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-parking{      background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }

/* --- «Общественная безопасность» --- */
.modern-solution-icon.icon-city{       background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-forest{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-emergency{  background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-dispatch{   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-siren{      background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-shield{     background: linear-gradient(135deg, #30cfd0 0%, #330867 100%); }

/* --- «Гостиничные услуги и торговля» --- */
.modern-solution-icon.icon-hc-video{    background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-hc-skud{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-hc-parking{  background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }
.modern-solution-icon.icon-hc-wifi{     background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-hc-music{    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-hc-radio{    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-hc-shield{   background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-hc-network{  background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }

/* --- «Здравоохранение и образование» --- */
.modern-solution-icon.icon-he-skud{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-he-video{    background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-he-radio{    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-he-alert{    background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-he-shield{   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-he-network{  background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-he-labor{    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-he-campus{   background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }

/* --- «Нефтегазовая отрасль» --- */
.modern-solution-icon.icon-oil-radio{      background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-oil-alert{      background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-oil-safety{     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-oil-video{      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-oil-access{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-oil-fire{       background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-oil-network{    background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-oil-situation{  background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }

/* --- «Государственные и муниципальные органы» --- */
.modern-solution-icon.icon-gov-city{     background: linear-gradient(135deg, #0093DD 0%, #349EA4 100%); }
.modern-solution-icon.icon-gov-edds{     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-gov-vks{      background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%); }
.modern-solution-icon.icon-gov-skud{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-gov-alert{    background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-gov-network{  background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-gov-shield{   background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-gov-radio{    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

/* --- «Энергетика и ЖКК» --- */
.modern-solution-icon.icon-energy-radio{      background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-energy-alert{      background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-energy-dispatch{   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-energy-housing{    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-energy-water{      background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }
.modern-solution-icon.icon-energy-video{      background: linear-gradient(135deg, #0093DD 0%, #349EA4 100%); }
.modern-solution-icon.icon-energy-shield{     background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-energy-network{    background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-energy-safety{     background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%); }

/* --- «Промышленность и строительство» --- */
.modern-solution-icon.icon-ind-radio{      background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-ind-video{      background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-ind-safety{     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-ind-access{     background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-ind-network{    background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-ind-fire{       background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-ind-situation{  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }

/* --- «Транспорт» --- */
.modern-solution-icon.icon-tr-video{      background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-tr-ardis{      background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-tr-special{    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-tr-airport{    background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }
.modern-solution-icon.icon-tr-bodycam{    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-tr-shield{     background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }

/* --- «Позиционирование персонала и предотвращение столкновений» --- */
.modern-solution-icon.icon-collision{        background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-rtls-full{        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.modern-solution-icon.icon-geofence{         background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-evacuation{       background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-rtls-integration{ background: linear-gradient(135deg, #0093DD 0%, #349EA4 100%); }
.modern-solution-icon.icon-rtls-network{     background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-industry-mining{  background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-industry-metallurgy{ background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); }
.modern-solution-icon.icon-industry-warehouse{  background: linear-gradient(135deg, #f7971e 0%, #ffd200 100%); }

/* Градиенты иконок для страницы "Охрана периметра и СКУД" */
.modern-solution-icon.icon-access-skud { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.modern-solution-icon.icon-perimeter-alarm { background: linear-gradient(135deg, #cb2d3e 0%, #ef473a 100%); }
.modern-solution-icon.icon-video-lpr { background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-integration-hub { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-barrier { background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }
.modern-solution-icon.icon-perm-biometric{ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-perm-metal{       background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
/* Дополнительные градиенты для иконок "АТС и модернизация телефонии" */
.modern-solution-icon.icon-pbx { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.modern-solution-icon.icon-phones { background: linear-gradient(135deg, #00c6fb 0%, #005bea 100%); }
.modern-solution-icon.icon-crm { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
.modern-solution-icon.icon-gateway { background: linear-gradient(135deg, #ff512f 0%, #f09819 100%); }
.modern-solution-icon.icon-vcs { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }

.equipment-block h4 {
color: #1a2a3a;
font-weight: 700;
border-bottom: 2px solid #e8f4fb;
padding-bottom: 10px;
margin-top: 0;
}
.equipment-block ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.8;
}
.equipment-block ul li a {
color: #4a5a6a;
text-decoration: none;
transition: color 0.3s ease;
}
.equipment-block ul li a:hover {
color: #0093DD;
}
.equipment-block .glyphicon {
color: #0093DD;
font-size: 10px;
margin-right: 8px;
position: relative;
top: -1px;
}

/* ==========================================================================
   5. Адаптивность
   ========================================================================== */

@media screen and (max-width: 768px){
	.modern-solutions-grid{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.modern-solution-card{
		padding: 25px 20px;
	}
	.modern-solution-icon{
		width: 72px;
		height: 72px;
	}
	.modern-solution-icon svg{
		width: 42px;
		height: 42px;
	}
}