/* Start:/local/templates/qfast/components/bitrix/news.list/news_articles_wight/style.css?17758585208560*/
/* ========== NEWS WIGHT — blog/articles slider (white variant) ========== */

.news-wight {
	--articles-base:           clamp(16px, 1.67dvw, 32px);
	--articles-side-pad-x:     clamp(20px, 4.17dvw, 80px);
	--articles-side-pad-y:     clamp(40px, 7.41dvh, 80px);

	--articles-inner-gap:      clamp(32px, 5.56dvh, 60px);
	--articles-content-gap:    clamp(20px, 3.7dvh, 40px);

	--articles-card-w:         clamp(360px, 29.38dvw, 564px);
	--articles-card-pad:       var(--articles-base);
	--articles-card-gap:       var(--articles-base);
	--articles-card-radius:    clamp(16px, 1.56dvw, 30px);
	--articles-cards-gap:      clamp(16px, 1.3dvw, 25px);

	--articles-image-radius:   clamp(6px, 0.42dvw, 8px);
	--articles-image-pad-y:    clamp(10px, 1.57dvh, 17px);
	--articles-image-pad-x:    clamp(12px, 0.99dvw, 19px);

	--articles-tag-pad-y:      clamp(6px, 0.74dvh, 8px);
	--articles-tag-pad-x:      clamp(12px, 1.04dvw, 20px);
	--articles-card-text-gap:  clamp(8px, 0.63dvw, 12px);

	--articles-progress-h:     clamp(6px, 0.93dvh, 10px);

	--articles-fs-title:       clamp(32px, 2.5dvw, 48px);
	--articles-fs-subtitle:    clamp(14px, 1.04dvw, 20px);
	--articles-fs-tag:         clamp(12px, 0.83dvw, 16px);
	--articles-fs-card-title:  clamp(18px, 1.25dvw, 24px);
	--articles-fs-card-desc:   clamp(14px, 1.04dvw, 20px);

	--articles-subtitle-w:     clamp(180px, 11.61dvw, 223px);

	position: relative;
	background: #FFFFFF;
	overflow: clip;
	padding: var(--articles-side-pad-y) var(--articles-side-pad-x);
	padding-top: calc(var(--section-gap) + var(--section-overlap));
}

.news-wight__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: var(--articles-inner-gap);
}

.news-wight__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news-wight__title {
	color: #094141;
	font-size: var(--articles-fs-title);
	font-family: Inter, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 110%;
	margin: 0;
	white-space: nowrap;
}

.news-wight__subtitle {
	max-width: var(--articles-subtitle-w);
	color: #094141;
	font-size: var(--articles-fs-subtitle);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05dvw;
	margin: 0;
}

.news-wight__content {
	display: flex;
	flex-direction: column;
	gap: var(--articles-content-gap);
}

.news-wight__cards {
	display: flex;
	gap: var(--articles-cards-gap);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	margin-inline: calc(var(--articles-side-pad-x) * -1);
	padding: 10px var(--articles-side-pad-x) 4px;
	scroll-padding-inline: var(--articles-side-pad-x);
}
.news-wight__cards::-webkit-scrollbar { display: none; }

.news-wight__card {
	flex: 0 0 var(--articles-card-w);
	scroll-snap-align: start;
	background: #F5F5F5;
	border-radius: var(--articles-card-radius);
	padding: var(--articles-card-pad);
	display: flex;
	flex-direction: column;
	gap: var(--articles-card-gap);
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease;
}
.news-wight__card:hover {
	transform: translateY(-4px);
}

.news-wight__card-image {
	position: relative;
	width: 100%;
	aspect-ratio: 500 / 400;
	background: #C8C8C8;
	border-radius: var(--articles-image-radius);
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: var(--articles-image-pad-y) var(--articles-image-pad-x);
}
.news-wight__card-image picture {
	position: absolute;
	inset: 0;
	display: block;
}
.news-wight__card-image-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.news-wight__card-image > .news-wight__tag { position: relative; z-index: 1; }

.news-wight__tag {
	padding: var(--articles-tag-pad-y) var(--articles-tag-pad-x);
	border-radius: 1000px;
	font-size: var(--articles-fs-tag);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.04dvw;
	white-space: nowrap;
}

.news-wight__tag--category {
	background: #E2F397;
	color: #094141;
}

.news-wight__tag--time {
	background: white;
	color: #094141;
}

.news-wight__card-text {
	display: flex;
	flex-direction: column;
	gap: var(--articles-card-text-gap);
}

.news-wight__card-title {
	color: #094141;
	font-size: var(--articles-fs-card-title);
	font-family: Inter, sans-serif;
	font-weight: 900;
	line-height: 110%;
}

.news-wight__card-desc {
	color: #094141;
	font-size: var(--articles-fs-card-desc);
	font-family: Inter, sans-serif;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.05dvw;
}

.news-wight__progress {
	position: relative;
	height: var(--articles-progress-h);
	background: #EAEAEA;
	border-radius: 1000px;
	cursor: pointer;
}

.news-wight__progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 33%;
	background: #094141;
	border-radius: 1000px;
	cursor: grab;
}

.news-wight__progress-bar:active {
	cursor: grabbing;
}

@media (max-width: 1599px) {
	.news-wight {
		--articles-side-pad-x:    20px;
		--articles-side-pad-y:    60px;
		--articles-inner-gap:     40px;
		--articles-content-gap:   20px;
		--articles-cards-gap:     24px;
		--articles-card-w:        368px;
		--articles-card-pad:      24px;
		--articles-card-gap:      24px;
		--articles-card-radius:   24px;
		--articles-card-text-gap: 8px;
		--articles-image-pad-y:   10px;
		--articles-image-pad-x:   10px;
		--articles-progress-h:    6px;
		--articles-subtitle-w:    160px;
		--articles-fs-tag:        14px;
	}

	.news-wight__subtitle { letter-spacing: -0.7px; }
	.news-wight__card-image { aspect-ratio: 1 / 1; }
	.news-wight__tag { letter-spacing: -0.7px; }
}

@media (max-width: 767px) {
	.news-wight {
		--articles-side-pad-x:    20px;
		--articles-side-pad-y:    60px;
		padding-top:              calc(var(--section-gap) + var(--section-overlap));
		padding-bottom:           80px;
		--articles-inner-gap:     40px;
		--articles-content-gap:   20px;
		--articles-cards-gap:     12px;
		--articles-card-w:        308px;
		--articles-card-pad:      12px;
		--articles-card-gap:      24px;
		--articles-card-radius:   12px;
		--articles-card-text-gap: 8px;
		--articles-image-pad-y:   10px;
		--articles-image-pad-x:   10px;
		--articles-subtitle-w:    none;
		--articles-fs-tag:        12px;
	}

	.news-wight__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.news-wight__title { white-space: normal; }
	.news-wight__subtitle { letter-spacing: -0.7px; }

	.news-wight__card { padding: 12px 12px 32px; }
	.news-wight__card-image { aspect-ratio: 1 / 1; }

	.news-wight__tag {
		letter-spacing: -0.6px;
		padding: 4px 12px;
	}

	.news-wight__progress { display: none; }
}

@media (max-aspect-ratio: 3/4) and (min-width: 768px) {
	.news-wight {
		--articles-side-pad-x:    3dvw;
		--articles-side-pad-y:    5dvw;
		--articles-inner-gap:     3dvw;
		--articles-content-gap:   2.5dvw;
		--articles-cards-gap:     2.5dvw;
		--articles-card-w:        45dvw;
		--articles-card-pad:      2.5dvw;
		--articles-card-gap:      2.5dvw;
		--articles-card-radius:   3dvw;
		--articles-image-radius:  1.5dvw;
		--articles-image-pad-y:   1.5dvw;
		--articles-image-pad-x:   1.5dvw;
		--articles-tag-pad-y:     1dvw;
		--articles-tag-pad-x:     2dvw;
		--articles-card-text-gap: 1.2dvw;
		--articles-progress-h:    0.8dvw;
		--articles-subtitle-w:    60dvw;
		--articles-fs-title:      4dvw;
		--articles-fs-subtitle:   1.8dvw;
		--articles-fs-tag:        1.6dvw;
		--articles-fs-card-title: 2.4dvw;
		--articles-fs-card-desc:  1.8dvw;
	}

	.news-wight__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 2dvw;
	}
}

@media (max-aspect-ratio: 3/4) and (max-width: 767px) {
	.news-wight {
		--articles-side-pad-x:    5dvw;
		--articles-side-pad-y:    8dvw;
		padding-top:              calc(var(--section-gap) + var(--section-overlap));
		padding-bottom:           10dvh;
		--articles-inner-gap:     6dvw;
		--articles-content-gap:   4dvw;
		--articles-cards-gap:     3dvw;
		--articles-card-w:        75dvw;
		--articles-card-pad:      4dvw;
		--articles-card-gap:      4dvw;
		--articles-card-radius:   4dvw;
		--articles-image-radius:  2dvw;
		--articles-image-pad-y:   2.5dvw;
		--articles-image-pad-x:   2.5dvw;
		--articles-tag-pad-y:     1.5dvw;
		--articles-tag-pad-x:     3dvw;
		--articles-card-text-gap: 2dvw;
		--articles-subtitle-w:    100%;
		--articles-fs-title:      7dvw;
		--articles-fs-subtitle:   3.5dvw;
		--articles-fs-tag:        3dvw;
		--articles-fs-card-title: 4.5dvw;
		--articles-fs-card-desc:  3.5dvw;
	}
}

/* End */
/* /local/templates/qfast/components/bitrix/news.list/news_articles_wight/style.css?17758585208560 */