.energy-solutions-modal__title--accent {
	font-weight: 700;
}
.energy-solutions-modal__title {
	font-size: 24px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.energy-solutions-modal__section:last-child .energy-solutions-modal__title {
	font-weight: 700;
}
.esk-modal__left {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}
.esk-modal__hero-value {
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
	color: #fff;
}
/* Мобильные стили для страницы энергетических решений (max-width: 768px) */
@media (max-width: 768px) {
	.energy-solutions-page {
		padding-bottom: 40px;
		min-height: auto;
		overflow-x: hidden;
	}
	.energy-solutions-modal__spec-row {
		display: none;
	}
	.energy-solutions-modal__tooltip {
		width: 100%;
	}
	.energy-solutions-page .section-hero {
		min-height: auto;
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.energy-solutions-modal__spec-label {
		font-weight: 600;
	}
	.energy-solutions-page .section-hero__glow {
		top: -109px;
		height: 540px;
		width: 990px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-mask-image: linear-gradient(to bottom, 
			rgba(0, 0, 0, 1) 0%, 
			rgba(0, 0, 0, 1) 75%, 
			rgba(0, 0, 0, 0.8) 85%, 
			rgba(0, 0, 0, 0.5) 92%, 
			rgba(0, 0, 0, 0.2) 96%, 
			rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(to bottom, 
			rgba(0, 0, 0, 1) 0%, 
			rgba(0, 0, 0, 1) 75%, 
			rgba(0, 0, 0, 0.8) 85%, 
			rgba(0, 0, 0, 0.5) 92%, 
			rgba(0, 0, 0, 0.2) 96%, 
			rgba(0, 0, 0, 0) 100%);
	}

	/* Скрываем пагинацию на мобильных */
	.energy-solutions-page .section-hero__pagination {
		display: none;
	}

	.energy-solutions-page .section-hero__wrapper {
		margin-top: 69px;
		position: relative;
		min-height: auto;
	}

	/* Контент hero секции */
	.energy-solutions-page .section-hero__content {
		position: static;
		transform: none;
		flex-direction: column;
		gap: 20px;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		max-width: 100%;
		margin-top: 0;
		
	}

	.energy-solutions-page .section-hero__text {
		width: 100%;
		margin-top: 0;
		order: 2;
		text-align: left;
		align-items: flex-start;
		min-width: auto;
	}

	.energy-solutions-page .section-hero__tag {
		font-size: 12px;
		line-height: 1.2em;
		padding: 10px 20px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 50px;
		font-weight: 400;
		text-transform: uppercase;
		display: inline-block;
		color: #FFFFFF;
	}

	.energy-solutions-page .section-hero__title {
		font-size: 32px;
		line-height: 1em;
		text-align: left;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 0;
		color: #FFFFFF;
	}

	.energy-solutions-page .section-hero__title span {
		font-weight: 300;
	}

	.energy-solutions-page .section-hero__description {
		font-size: 14px;
		line-height: 1.2em;
		text-align: left;
		color: #FFFFFF;
	}

	.energy-solutions-page .section-hero__img {
		width: 304px;
		height: 304px;
		position: static;
		order: 1;
		margin: 0 auto;
		transform: none;
		z-index: 10;
	}

	.energy-solutions-page .section-hero__img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 0;
		scale: 1;
	}

	/* Блок с карточками решений (guarantees) */
	.energy-solutions-page .section-hero__wrapper-card {
		position: static;
		transform: none;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		margin-top: 60px;
		width: 100%;
		
	}

	.energy-solutions-page .section-hero__wrapper-card .section-hero__fourth-grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
		grid-template-columns: 1fr;
	}

	/* Карточки решений */
	.energy-solutions-page .section-hero__wrapper-card .section-hero__fourth-card {
		width: 100%;
		max-width: 335px;
		height: 220px;
		margin: 0 auto;
		padding: 20px;
		background: linear-gradient(222deg, rgba(140, 140, 140, 1) 0%, rgba(20, 20, 20, 1) 77%);
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 12px;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.energy-solutions-page .section-hero__wrapper-card .section-hero__fourth-card::before {
		display: none;
	}

	.energy-solutions-page .section-hero__wrapper-card .section-hero__fourth-card-title {
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #FFFFFF;
		margin: 0;
		width: 100%;
	}

	.energy-solutions-page .section-hero__wrapper-card .section-hero__fourth-card-badge {
		font-size: 14px;
		line-height: 1.2em;
		font-weight: 700;
		text-align: center;
		color: #FFFFFF;
		padding: 8px 20px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 40px;
		display: inline-block;
		margin-top: auto;
	}

	/* Секция "Как мы работаем" (solution) */
	.energy-solutions-page .section-hero__wrapper-fourth {
		position: static;
		transform: none;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		margin-top: 60px;
		width: 100%;
		
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__wrapper-fourth-header {
		display: flex;
		flex-direction: column;
		gap: 20px;
		
		align-items: flex-start;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__title {
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 700;
		text-align: left;
		color: #FFFFFF;
		margin: 0;
		width: 100%;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-tooltip-triggers {
		display: none;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-tooltip-item {
		position: relative;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-tooltip {
		display: none;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-grid {
		display: flex;
		flex-direction: column;
		gap: 20px;
		grid-template-columns: 1fr;
		
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper {
		width: 100%;
		max-width: 335px;
		margin: 0 auto;
		position: relative;
		height: 100px;
		max-height: 100px;
		overflow: hidden;
		transition: max-height 0.4s ease-in-out, height 0.4s ease-in-out;
		cursor: pointer;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper.active {
		max-height: 500px;
		height: auto;
		overflow: visible;
	}
	
	/* Явно задаем закрытое состояние для wrapper */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:not(.active) {
		max-height: 100px !important;
		height: 100px !important;
		overflow: hidden !important;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper::after {
		content: ""!important;
		position: absolute !important;
		top: auto!important;
		bottom: -25px!important;
		left: 50%!important;
		transform: translateX(-50%)!important;
		width: 15px!important;
		height: 40px!important;
		background: linear-gradient(352deg, #009C3D 16.51%, #13562D 93.27%)!important;
		border-radius: 0!important;
		opacity: 1!important;
		z-index: 0!important;
		pointer-events: none!important;
	}
    .energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(2)::after {
        rotate: none!important;
    }
    .energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(6)::after {
        content: ""!important;
		display: block!important;
		position: absolute !important;
		top: auto!important;
		bottom: -25px!important;
		left: 50%!important;
		transform: translateX(-50%)!important;
		width: 15px!important;
		height: 40px!important;
		background: linear-gradient(352deg, #009C3D 16.51%, #13562D 93.27%)!important;
		border-radius: 0!important;
		opacity: 1!important;
		z-index: 0!important;
		pointer-events: none!important;
    }
    .energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:last-child::after {
        display: none;
    }
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card {
		width: 100%;
		height: 100px;
		max-height: 100px;
		min-height: 100px;
		padding: 16px;
		background: linear-gradient(222deg, rgba(140, 140, 140, 1) 0%, rgba(20, 20, 20, 1) 77%);
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 10px;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		transition: max-height 0.4s ease-in-out, height 0.4s ease-in-out, z-index 0.4s ease-in-out, justify-content 0.4s ease-in-out 0.4s, align-items 0.4s ease-in-out 0.4s;
		z-index: 1;
		box-sizing: border-box;
	}
	
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card.active {
		overflow: visible;
	}
	
	/* Явно задаем закрытое состояние для карточки */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:not(.active) .section-hero__fourth-card,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card:not(.active) {
		height: 100px !important;
		max-height: 100px !important;
		min-height: 100px !important;
		justify-content: center !important;
		align-items: center !important;
		overflow: hidden !important;
		flex-shrink: 0 !important;
		flex-grow: 0 !important;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(210deg, rgba(0, 168, 89, 1) 0%, rgba(4, 63, 35, 1) 78%);
		border-radius: 10px;
		opacity: 0;
		transition: opacity 0.1s ease-in-out;
		z-index: 0;
	}
	
	/* Явно задаем закрытое состояние для ::before (фон) */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:not(.active) .section-hero__fourth-card::before,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card:not(.active)::before {
		opacity: 0 !important;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card p {
		font-family: Geometria, sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.2em;
		letter-spacing: 0.02em;
		color: #FFFFFF;
		text-align: left;
		margin: 0;
		max-height: 0;
		opacity: 0;
		z-index: 10;
		overflow: hidden;
		/* При открытии: задержка 0.2s, чтобы текст появлялся после начала изменения высоты */
		/* При закрытии: без задержки, чтобы текст скрывался сразу */
		transition: max-height 0.4s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, padding-top 0.3s ease-in-out 0.2s, margin-top 0.3s ease-in-out 0.2s;
		position: relative;
		margin-top: 0;
		padding-top: 0;
		flex-shrink: 0;
		flex-grow: 0;
	}
	
	/* Явно задаем закрытое состояние для параграфа */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:not(.active) .section-hero__fourth-card p,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card:not(.active) p {
		max-height: 0 !important;
		opacity: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		flex-shrink: 0 !important;
		flex-grow: 0 !important;
		display: none !important;
		/* При закрытии: без задержки, чтобы текст скрывался сразу */
		transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out, padding-top 0.2s ease-in-out, margin-top 0.2s ease-in-out !important;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card .section-hero__fourth-card-title {
		font-size: 20px;
		line-height: 1em;
		font-weight: 700;
		text-align: center;
		color: #FFFFFF;
		margin: 0;
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		transition: text-align 0.4s ease-in-out 0.4s, font-size 0.4s ease-in-out 0.4s;
		flex-shrink: 0;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card.active {
		max-height: 500px;
		height: auto;
		min-height: 100px;
		z-index: 10;
		align-items: flex-start;
		justify-content: flex-start;
		transition: max-height 0.4s ease-in-out, z-index 0.4s ease-in-out, justify-content 0.4s ease-in-out, align-items 0.4s ease-in-out;
	}
	
	/* Отключаем десктопные hover стили на мобильных */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(1) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(2) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(3) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(4) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(5) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(6) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(7) .section-hero__fourth-card:hover,
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card-wrapper:nth-child(8) .section-hero__fourth-card:hover {
		height: auto;
		max-height: 500px;
		transform: none;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card.active::before {
		opacity: 1;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card.active p {
		max-height: 500px;
		opacity: 1;
		padding-top: 10px;
		margin-top: 0;
		display: block !important;
		height: auto !important;
		min-height: auto !important;
		/* При открытии: задержка 0.2s, чтобы текст появлялся после начала изменения высоты */
		transition: max-height 0.4s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, padding-top 0.3s ease-in-out 0.2s, margin-top 0.3s ease-in-out 0.2s !important;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card.active .section-hero__fourth-card-title {
		text-align: left;
		font-size: 16px;
		transition: text-align 0.4s ease-in-out, font-size 0.4s ease-in-out;
	}
	
	/* При закрытии заголовок меняется только после завершения анимации высоты */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-card:not(.active) .section-hero__fourth-card-title {
		text-align: center;
		font-size: 19px;
	}

	/* Кнопка "Отправить запрос" */
	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-btn {
		width: 100%;
		max-width: 335px;
		height: 50px;
		padding: 18px 22px;
		background: #089C3E;
		border: none;
		border-radius: 5px;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 1em;
		font-weight: 700;
		font-family: 'Geometria', sans-serif;
		text-align: center;
		cursor: pointer;
		transition: all 0.4s ease;
		box-shadow: 0px 0px 25px 0px rgba(0, 168, 89, 0.3);
		margin: 20px auto 0 auto;
		display: block;
	}

	.energy-solutions-page .section-hero__wrapper-fourth .section-hero__fourth-btn:hover {
		background: #00A859;
		cursor: pointer;
	}

	/* Контейнер */
	.energy-solutions-page .container {
		
		max-width: 100%;
	}
}