.case-page__header {
	flex-direction: column;
	align-items: start;
}
/* Мобильные стили для страницы проектов (max-width: 768px) */
@media (max-width: 768px) {
	.case-page {
		padding-top: 109px;
		padding-bottom: 40px;
		min-height: auto;
		overflow-x: hidden;
	}

	.case-page .container {
		padding: 0 20px;
	}

	.case-page__content {
		gap: 20px;
	}

	/* Заголовок */
	.case-page__header {
		margin-bottom: 0;
		gap: 8px;
	}

	.case-page__header-decoration {
		gap: 8px;
	}

	.case-page__header-decoration span {
		width: 6px;
		height: 6px;
		min-width: 6px;
		min-height: 6px;
	}

	.case-page__title {
		font-size: 28px;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: 0.02em;
	}

	/* Фильтры */
	.case-page__filters {
		flex-direction: row;
		gap: 15px;
		flex-wrap: wrap;
		margin-bottom: 0;
		position: relative;
	}

	.case-page__select-wrapper {
		width: auto;
		flex: 0 0 auto;
		position: static;
	}

	.case-page__select-btn {
		width: auto;
		height: 50px;
		padding: 14px 20px;
		font-size: 12px;
		line-height: 1.2;
		justify-content: space-between;
	}

	.case-page__select-btn svg {
		width: 14px;
		height: 14px;
		flex-shrink: 0;
	}

	.case-page__select-dropdown {
		width: 100vw !important;
		min-width: auto !important;
		max-width: 100vw !important;
		top: calc(100% + 8px);
		left: calc(50% - 50vw) !important;
		right: auto;
		border-radius: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
		position: absolute;
	}

	.case-page__select-dropdown--open {
		transform: translateY(0) !important;
	}

	.case-page__select-item {
		padding: 12px 20px;
		font-size: 20px;
		line-height: 1.2;
	}


	/* Карточки проектов */
	.case-page__projects {
		gap: 40px;
		margin-top: 0;
	}

	.case-page__project-card {
		gap: 20px;
		width: 100%;
	}

	.case-page__project-image {
		width: 100%;
		height: 200px;
		border-radius: 20px;
		overflow: hidden;
	}

	.case-page__project-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.case-page__project-content {
		gap: 14px;
		max-width: 100%;
	}

	.case-page__project-badges {
		gap: 0;
		flex-wrap: wrap;
	}

	.case-page__badge {
		font-size: 12px;
		line-height: 1.2;
		padding: 0;
		background: transparent;
		color: #FFFFFF;
	}

	.case-page__badge:not(:last-child)::after {
		content: ' / ';
		margin: 0 4px;
		color: #FFFFFF;
	}

	.case-page__project-title {
		font-size: 18px;
		font-weight: 900;
		line-height: 1.2;
		letter-spacing: 0.02em;
		margin: 0;
	}

	.case-page__project-description {
		font-size: 14px;
		line-height: 1.2;
		color: #E3E3E3;
		margin: 0;
	}

	.case-page__project-btn {
		width: auto;
		padding: 18px 22px;
		height: 50px;
		font-size: 16px;
		line-height: 1.2;
		border-radius: 50px;
		margin-top: 0;
	}

	/* Пагинация */
	.case-page__pagination {
		margin-top: 0;
		gap: 0;
		justify-content: center;
		align-items: center;
	}

	.case-page__pagination-btn {
		display: none; /* Скрываем кнопки "Предыдущая" и "Далее" на мобильных */
	}

	.case-page__pagination-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.case-page__pagination-number {
		width: 40px;
		height: 40px;
		padding: 0;
		font-size: 14px;
		line-height: 1.2;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.case-page__pagination-number--active {
		background: #FFFFFF;
		color: #089C3E;
		opacity: 1;
		box-shadow: 0px 0px 25px 0px rgba(0, 168, 89, 0.3);
	}

	.case-page__pagination-number:not(.case-page__pagination-number--active) {
		opacity: 0.6;
		color: #E3E3E3;
		background: transparent;
	}

	/* Пустое состояние */
	.case-page__empty {
		padding: 40px 20px;
		font-size: 16px;
		text-align: center;
	}

	/* Фоновые элементы */
	.case-page__bg-overlay {
		display: block;
	}

	.case-page__bg-image {
		display: block;
	}

	.case-page .section-hero__glow {
		display: block;
	}
	.case-modal__content {
		margin-top: 20px;
	}
}