.banner_desc{
	width: 100%;
	max-width: 1110px;
	display: block;
	margin: 30px auto;
}
.btns_container {
	display: flex;
	gap: 30px;
	align-items: center;
	justify-content: space-around;
	margin-top: 40px;
	.download-button {
		display: flex;
		align-items: center;
		flex-direction: column;
		.app-version {
			color: #777;
			font-size: 12px;
			text-align:right;
			display:block;
			width: 100%;
		}
	}
}


.features-section {
	margin: 40px 0;
	padding: 30px;
	border-radius: 10px;
	>h2 {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.features-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 20px;
		.feature-item {
			display: flex;
			gap: 15px;
			align-items: flex-start;
			.feature-icon {
				&:before {
					content: url("/local/templates/lazarovstudio/components/bitrix/news.list/template_services_list/stars.svg");
					width: 25px;
					height: 25px;
					display: inline-block;
					vertical-align: middle;
					margin-right: 10px;
				}
			}
		}
	}
}
.feature-content h3 {
	margin: 0 0 8px 0;
	font-size: 18px;
	text-wrap-style: balance;
}

.feature-content p {
	margin: 0;
	line-height: 1.5;
}

.screenshots-section {
	margin: 40px 0;
}

.screenshots-section h2 {
	margin-bottom: 25px;
}

.screenshots-container {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	padding-bottom: 15px;
}

.screenshot {
	flex: 0 0 280px;
	text-align: center;
}

.screenshot img {
	max-width: 100%;
	border-radius: 8px;
	border: 1px solid #ddd;
}

.screenshot p {
	margin-top: 10px;
	color: #666;
}

@media (max-width: 768px) {
	.dictionary-header {
		flex-direction: column;
		text-align: center;
	}

	.dictionary-image {
		margin-bottom: 20px;
	}

	.download-button {
		flex-direction: column;
		align-items: center;
	}
}