.task-header-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 100px;

	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.task-header-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;

	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
	width: auto;
	box-sizing: border-box;
}

.task-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;

	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.task-info__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;

	width: 100%;
}

.task-info__label {
	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--gray-color);
}

.task-info__title {
	font-size: clamp(1.5em, 2vw, 2.5em);
	font-weight: 700;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.task-info__description {
	font-size: 1em;
	font-weight: 400;
	line-height: 150%;
	font-style: normal;

	color: var(--main-color);

	max-width: 100%;
	overflow-wrap: anywhere;
	word-wrap: break-word;
}

.task-info__skills-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.task-info__skill-tag {
	display: inline-block;
	padding: 6px 12px;
	background: var(--bg-color);
	border: 1px solid var(--border-color, #e0e0e0);
	border-radius: 20px;
	font-size: 0.875em;
	font-weight: 400;
	color: var(--main-color);
}

.task-rewards,
.task-organizer,
.task-skills {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;

	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.task-rewards__header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.task-rewards__title,
.task-organizer__title,
.task-skills__title {
 	font-size: 1em;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	color: var(--main-color);
}

.task-rewards__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;

	border-radius: 50%;

	background-color: var(--highlight-color);
}

.task-rewards__icon .fa-solid {
	font-size: 0.75em;
}

.task-rewards__list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;

	width: 100%;
}

.task-rewards__item {
	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.task-organizer__list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;

	width: 100%;
}

.task-organizer__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;

	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

a.task-organizer__item--link {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a.task-organizer__item--link:hover .task-organizer__name {
	color: var(--accent-color);
	border-bottom-color: var(--accent-color);
}

.task-organizer__item-logo {
	width: 70px;
	min-width: 70px;
	aspect-ratio: 1/1;

	border-radius: 15px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	cursor: pointer;
}

.task-organizer__info{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;

	width: 100%;
	min-width: 0;
}

.task-organizer__details {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;

	width: 100%;
}

.task-organizer__name {
	font-size: 1.125em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);

	border-bottom: 1px solid transparent;

	padding-bottom: 1px;

	transition: all .2s ease;

	cursor: pointer;
}

.task-organizer__description {
	font-size: 0.875em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--gray-color);

	width: 100%;
	max-width: 250px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.task-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;

	flex: 0 0 auto;
	width: min(500px, 100%);
	box-sizing: border-box;
}

.task-timer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(30px, 2vw, 50px);

	width: 100%;

	padding: clamp(40px, 4vw, 50px) clamp(15px, 4vw, 50px) clamp(50px, 4vw, 70px) clamp(15px, 4vw, 50px);
	box-sizing: border-box;
	
	border-radius: clamp(20px, 2vw, 32px);
	background: var(--bg-color);
}

.task-timer__label {
	font-size: 1em;
	font-weight: 500;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.task-timer__countdown {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;

	width: 100%;
}

.task-timer__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;

	min-width: 25%;
}

.task-timer__number {
	font-size: clamp(44px, 4vw, 88px);
	font-weight: 300;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.task-timer__unit {
	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.task-timer--completed {
	gap: clamp(20px, 3vw, 28px);
	padding-bottom: clamp(40px, 4vw, 55px);
}

.task-timer__label--completed {
	text-align: center;
}

.task-timer__winner {
	width: 100%;
	max-width: 100%;
}

.task-timer__winner-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;

	width: 100%;
	padding: 12px 14px;
	box-sizing: border-box;

	border-radius: 16px;
	background: var(--white-color);
	text-decoration: none;
	color: inherit;

	transition: background-color 0.2s ease;
}

.task-timer__winner-card:hover {
	background: var(--highlight-color);
}

.task-timer__winner-thumb {
	flex-shrink: 0;
	width: 72px;
	height: 72px;
	border-radius: 12px;
	background-color: var(--gray-color);
	background-size: cover;
	background-position: center;
}

.task-timer__winner-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}

.task-timer__winner-name {
	font-size: 1.05em;
	font-weight: 500;
	line-height: 1.25;
	color: var(--main-color);
}

.task-timer__winner-caption {
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.3;
	color: var(--gray-color);
}

.task-timer__ended-empty {
	margin: 0;
	padding: 0 8px;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
	color: var(--gray-color);
}

.task-cta {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 30px;

	width: 100%;
}

.task-cta__btn-participants {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}

.task-cta__join-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;

	padding: 15px 25px 16px 25px;
	box-sizing: border-box;
	
	border-radius: 100px;
	background: var(--accent-color);

	color: var(--white-color);

	transition: all .2s ease;

	font-size: 1em;
	font-weight: 500;
	font-style: normal;
}

.task-cta__join-btn:hover {
	background: var(--highlight-color);

	color: var(--accent-color);
}

.task-cta__participants {
	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--gray-color);
}

.task-cta__share-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.task-cta__share-btn span {
	display: block;

	font-size: 1em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--accent-color);

	border-bottom: 1px solid transparent;

	transition: border .2s ease;
}

.task-cta__share-btn:hover span {
	border-bottom: 1px solid var(--accent-color);
}

.task-cta__share-btn .fa-solid {
	font-size: 1.25em;
}



.offer-design-block-header {
	font-size: 1.5em;
	font-weight: 700;
	font-style: normal;
	line-height: normal;

	color: var(--main-color);
}

.offer-design-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
  	gap: clamp(10px, 2vw, 20px);

	width: 100%;
}

.offer-design-item {
	grid-column-end: span 1;

/*	max-width: 460px;*/
	aspect-ratio: 1/1.5;

	position: relative;

	overflow: hidden;

	border-radius: clamp(20px, 2vw, 32px);
	border: 1px solid #F5F5F5;

/*	background-image: url(data:image/gif;base64,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);*/
	background-repeat: no-repeat;
/*	background-size: 20%;*/
	background-color: var(--bg-color);
	background-position: center center;
}

.offer-design-project-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	width: 100%;
}

.offer-design-item-likes-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;

	padding: 8px 15px 10px 15px;
	box-sizing: border-box;

	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;

	border-radius: 100px;
	background: var(--highlight-color);

	transition: all .2s ease
}

.offer-design-item-likes-count {
	font-size: 1.25em;
	font-weight: 500;
	font-style: normal;
	line-height: normal;

	color: var(--accent-color);
}

.offer-design-member-info {
	display: flex;
	align-items: center;
	gap: 15px;

	width: 100%;

	padding: clamp(20px, 3vw, 30px);
	box-sizing: border-box;

	position: absolute;
	top: -150px; left: 0;
	z-index: 2;

	background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%);

	transition: all .2s ease;
}

.offer-design-member-avatar {
	width: 70px;
	aspect-ratio: 1/1;

	border-radius: 15px;
}

.offer-design-member-name-likes {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;

	width: 100%;
}

.offer-design-member-name {
	font-size: clamp(1em, 2vw, 1.125em);
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--white-color);

	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.offer-design-member-likes-supporter-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15px;
}

.offer-design-member-likes-block,
.offer-design-member-supporter-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

.offer-design-member-likes-count,
.offer-design-member-supporter-count {
	font-size: 0.875em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;

	color: var(--white-color);
}

.offer-design-member-likes-block > .fa-solid,
.offer-design-vote-block > .fa-solid {
	font-size: 1.125em;
}

.offer-design-vote-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;

	width: 100%;

	padding: clamp(20px, 3vw, 30px);
	box-sizing: border-box;

	position: absolute;
	bottom: -200px; left: 0;
	z-index: 2;

	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);

	transition: all .2s ease;
}

.offer-design-vote-header {
	font-size: 1.125em;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
	text-align: center;

	color: var(--white-color);

	text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.offer-design-vote-swiper-block {
	width: 100%;
	height: 70px;

	border-radius: 100px;
	overflow: hidden;

	background: rgba(255, 255, 255, 0.40);
}

.offer-design-vote-swiper-background {
	width: 100%;
	height: 100%;

	padding: 5px;
	box-sizing: border-box;

	position: relative;

	transition: background-color 0.3s ease;
}

.swiper-background-locked {
	padding: 0;
	background-color: var(--highlight-color);
}

.swiper-background-locked .offer-design-vote-swiper {
	background: unset;
}

.offer-design-vote-swiper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;

	width: 60px;
	height: 60px;

	position: absolute;
	top: 5px;
	left: 5px;

	border-radius: 100px;
	background: var(--accent-color);

/*	transition: left 0.3s ease;*/

	cursor: pointer;

	font-size: 1.25em;
	font-weight: 500;
	font-style: normal;
	line-height: normal;

	color: var(--accent-color);
}

.offer-design-vote-locker {
	color: var(--white-color);
}


.offer-design-item:hover .offer-design-item-likes-block {
	top: -50px;
}

.offer-design-item:hover .offer-design-member-info {
	top: 0;
}

.offer-design-item:hover .offer-design-vote-block {
	bottom: 0;
}

/* Скрываем слайдер голосования для работ, где пользователь уже проголосовал за другую работу */
.offer-design-item.vote-disabled .offer-design-vote-block {
	display: none !important;
}

.offer-design-item.vote-disabled:hover .offer-design-vote-block {
	display: none !important;
}

@media screen and (max-width: 950px) {
	.task-section {
		padding-top: 20px;
	}
	.task-header-wrapper {
		flex-direction: column;
		gap: 50px;
	}
	.task-header-content {
		flex: 1 1 auto;
		width: 100%;
		max-width: 100%;
	}
	.task-actions {
		width: 100%;
		max-width: min(550px, 100%);
		align-self: center;
	}
	.task-timer__countdown {
		width: 60%;
	}
}

@media screen and (max-width: 600px) {
	.task-timer__countdown {
		width: 100%;
	}
}

/* Заглушка для пустого списка конкурсантов */
.submissions-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 60px 20px;
	text-align: center;
	width: 100%;
	grid-column: 1 / -1;
}

.submissions-empty__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--bg-color, #f8f8f8);
	margin-bottom: 10px;
}

.submissions-empty__icon .fa-solid {
	font-size: 48px;
	color: var(--gray-color, #999);
}

.submissions-empty__title {
	font-size: 1.5em;
	font-weight: 500;
	color: var(--main-color, #333);
	margin: 0;
}

.submissions-empty__description {
	font-size: 1em;
	color: var(--gray-color, #666);
	margin: 0;
	max-width: 400px;
}