.new-products-page {
	--new-products-accent: #f01878;
	--new-products-ink: #17171d;
	--new-products-muted: #686773;
	--new-products-line: #e3e0e7;
	display: flow-root;
	min-height: 60vh;
	padding: 0 0 96px;
	background:
		radial-gradient(circle at 4% 14%, rgb(111 159 19 / 10%), transparent 24rem),
		radial-gradient(circle at 96% 6%, rgb(240 24 120 / 10%), transparent 26rem),
		#faf9fb;
}

.new-products-heading {
	max-width: 1040px;
	margin: 44px auto 48px;
	text-align: center;
}

.new-products-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 44px;
}

.new-products-nav__item {
	--section-color: var(--new-products-accent);
	--section-soft: #fff0f7;
	position: relative;
	display: flex;
	min-height: 122px;
	padding: 22px;
	border: 1px solid var(--new-products-line);
	border-top: 4px solid var(--section-color);
	border-radius: 18px;
	background: linear-gradient(145deg, #fff 42%, var(--section-soft));
	color: var(--new-products-ink);
	flex-direction: column;
	justify-content: flex-end;
	text-decoration: none;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.new-products-nav__item::before {
	position: absolute;
	top: -34px;
	right: -24px;
	width: 96px;
	height: 96px;
	box-sizing: border-box;
	border: 12px solid var(--section-color);
	border-radius: 50%;
	content: '';
	opacity: .82;
}

.new-products-nav__item:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 38px rgb(23 23 29 / 10%);
}

.new-products-nav__item--eco,
.new-products-section--eco {
	--section-color: #6f9f13;
	--section-soft: #eff7dc;
}

.new-products-nav__item--tech,
.new-products-section--tech {
	--section-color: #3d3b3c;
	--section-soft: #efedff;
}

.new-products-nav__item--textile,
.new-products-section--textile {
	--section-color: #ed1878;
	--section-soft: #fff0f7;
}

.new-products-nav__item--other,
.new-products-section--other {
	--section-color: #009ddb;
	--section-soft: #fff3df;
}

.new-products-nav__item span,
.new-products-nav__item small {
	position: relative;
	z-index: 1;
}

.new-products-nav__item span {
	font-size: 1.08rem;
	font-weight: 850;
}

.new-products-nav__item small {
	margin-top: 5px;
	color: var(--new-products-muted);
}

.new-products-nav--compact {
	display: flex;
	margin: -16px 0 48px;
	align-items: center;
	flex-wrap: wrap;
}

.new-products-nav__back,
.new-products-nav__chip {
	padding: 10px 16px;
	border: 1px solid var(--new-products-line);
	border-radius: 999px;
	background: #fff;
	color: var(--new-products-ink);
	font-size: .9rem;
	font-weight: 750;
	text-decoration: none;
}

.new-products-nav__back {
	border-color: var(--new-products-ink);
	background: var(--new-products-ink);
	color: #fff;
}

.new-products-nav__chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.new-products-nav__chip-count {
	color: inherit;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
	opacity: .68;
}

.new-products-nav__chip.is-active,
.new-products-nav__chip:hover {
	border-color: var(--new-products-accent);
	color: var(--new-products-accent);
}

.new-products-section {
	--section-color: var(--new-products-accent);
	--section-soft: #fff0f7;
	margin-bottom: 0;
}

.new-products-section.new-products-section--eco {
	--section-color: #6f9f13;
	--section-soft: #eff7dc;
}

.new-products-section.new-products-section--tech {
	--section-color: #3d3b3c;
	--section-soft: #efedff;
}

.new-products-section.new-products-section--textile {
	--section-color: #ed1878;
	--section-soft: #fff0f7;
}

.new-products-section.new-products-section--other {
	--section-color: #009ddb;
	--section-soft: #fff3df;
}

.new-products-result-count {
	margin: 0 0 20px;
	color: var(--new-products-muted);
	font-size: .92rem;
	font-weight: 750;
}

.new-products-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
}

.new-product-card {
	--card-color: var(--section-color);
	--card-soft: var(--section-soft);
	display: grid;
	min-width: 0;
	min-height: 500px;
	grid-template-columns: minmax(220px, 41%) minmax(0, 1fr);
	border: 1px solid var(--new-products-line);
	border-top: 5px solid var(--card-color);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 10px 30px rgb(23 23 29 / 7%);
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease;
}

.new-product-card.new-product-card--eco {
	--card-color: #6f9f13;
	--card-soft: #eff7dc;
}

.new-product-card.new-product-card--tech {
	--card-color: #3d3b3c;
	--card-soft: #efedff;
}

.new-product-card.new-product-card--textile {
	--card-color: #ed1878;
	--card-soft: #fff0f7;
}

.new-product-card.new-product-card--other {
	--card-color: #009ddb;
	--card-soft: #fff3df;
}

.new-product-card:hover {
	box-shadow: 0 10px 24px rgb(23 23 29 / 9%);
}

.new-product-card__media {
	position: relative;
	min-width: 0;
	background: linear-gradient(155deg, #fff 24%, var(--card-soft));
	overflow: hidden;
}

.new-product-card__image-link {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
}

.new-product-card__image-link > img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 30px 24px;
	object-fit: contain;
	object-position: center;
	transition: transform .35s ease;
}

.new-product-card:hover .new-product-card__image-link > img {
	transform: scale(1.035);
}

.new-product-card__video-placeholder {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	background:
		radial-gradient(circle at 22% 20%, rgb(255 255 255 / 90%) 0 8%, transparent 8.5%),
		radial-gradient(circle at 78% 78%, rgb(255 255 255 / 75%) 0 11%, transparent 11.5%),
		linear-gradient(145deg, #fff 10%, var(--card-soft));
}

.new-product-card__video-placeholder svg {
	width: 86px;
	height: 86px;
	padding: 20px;
	border-radius: 50%;
	background: var(--card-color);
	fill: #fff;
	box-shadow: 0 16px 34px rgb(23 23 29 / 18%);
}

.new-product-card__badge {
	position: absolute;
	top: 17px;
	left: 17px;
	padding: 7px 10px;
	border-radius: 999px;
	background: #e6f4c7;
	color: #3e6100;
	font-size: .69rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.new-product-card__play {
	position: absolute;
	right: 16px;
	bottom: 16px;
	display: inline-flex;
	padding: 8px 13px 8px 8px;
	border: 0;
	border-radius: 999px;
	background: rgb(23 23 29 / 94%);
	color: #fff;
	align-items: center;
	gap: 8px;
	font: inherit;
	font-size: .78rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 8px 22px rgb(0 0 0 / 26%);
}

.new-product-card__play svg {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--card-color);
	fill: #fff;
}

.new-product-card__play:hover,
.new-product-card__play:focus-visible {
	background: #000;
}

.new-product-card__play:focus-visible {
	outline: 3px solid rgb(255 255 255 / 90%);
	outline-offset: 3px;
}

.new-product-card__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.new-product-card__body {
	display: flex;
	padding: 28px 28px 24px;
	flex: 1;
	flex-direction: column;
}

.new-product-card__meta {
	display: flex;
	min-height: 28px;
	margin-bottom: 11px;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.new-product-card__meta > span:not(.new-product-card__brand-logo),
.new-product-card__brand-text-link {
	padding: 4px 8px;
	border-radius: 6px;
	background: var(--card-soft);
	color: #4f4c55;
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.new-product-card__brand-text-link {
	text-decoration: none;
}

.new-product-card__brand-logo {
	display: flex;
	min-height: 28px;
	align-items: center;
}

.new-product-card__brand-logo img {
	display: block;
	width: auto;
	max-width: 84px;
	height: auto;
	max-height: 22px;
	object-fit: contain;
}

a.new-product-card__brand-logo {
	border-radius: 4px;
}

.new-product-card__brand-text-link:hover,
.new-product-card__brand-text-link:focus-visible,
.new-product-card__parameter-link:hover,
.new-product-card__parameter-link:focus-visible {
	color: var(--card-color);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.new-product-card__title {
	display: -webkit-box;
	min-height: 2.34em;
	margin: 0;
	font-size: clamp(1.35rem, 1.55vw, 1.7rem);
	line-height: 1.17;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new-product-card__title a {
	color: var(--new-products-ink);
	text-decoration: none;
}

.new-product-card__title a:hover {
	color: var(--card-color);
}

.new-product-card__description {
	display: -webkit-box;
	min-height: 7.9em;
	margin: 14px 0 18px;
	color: var(--new-products-muted);
	font-size: .95rem;
	line-height: 1.58;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.new-product-card__details {
	display: flex;
	margin-top: auto;
	padding-top: 18px;
	flex-direction: column;
}

.new-product-card__parameters {
	display: grid;
	margin: 0;
	gap: 8px;
}

.new-product-card__parameters div {
	display: grid;
	grid-template-columns: minmax(82px, auto) 1fr;
	gap: 10px;
	font-size: .83rem;
	line-height: 1.4;
}

.new-product-card__parameters dt {
	color: #85818c;
}

.new-product-card__parameters dd {
	margin: 0;
	color: #35323b;
	font-weight: 750;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new-product-card__parameter-link {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	gap: 4px;
	color: inherit;
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, currentcolor 35%, transparent);
	text-underline-offset: 3px;
}

.new-product-card__parameter-link span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new-product-card__parameter-link svg {
	width: 14px;
	height: 14px;
	fill: none;
	flex: 0 0 auto;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.new-product-card__options {
	padding-top: 17px;
	border-top: 1px solid #eeebf0;
	margin-top: 0;
}

.new-product-card__parameters + .new-product-card__options {
	margin-top: 16px;
}

.new-product-card__option-row {
	display: flex;
	min-height: 27px;
	align-items: center;
	gap: 12px;
}

.new-product-card__option-row + .new-product-card__option-row {
	margin-top: 9px;
}

.new-product-card__option-label {
	width: 58px;
	color: #77737e;
	font-size: .76rem;
	font-weight: 700;
}

.new-product-card__swatches,
.new-product-card__sizes {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.new-product-card__swatch {
	display: block;
	width: 22px;
	height: 22px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--swatch-color);
	box-shadow: 0 0 0 1px #c7c3cb;
}

.new-product-card__sizes span:not(.new-product-card__more) {
	min-width: 30px;
	padding: 4px 7px;
	border: 1px solid #d8d4dc;
	border-radius: 5px;
	background: #fff;
	color: #49464f;
	font-size: .7rem;
	font-weight: 750;
	text-align: center;
}

.new-product-card__more {
	color: #716d77;
	font-size: .72rem;
	font-weight: 850;
}

.new-product-card__footer {
	display: flex;
	min-height: 96px;
	padding: 19px 28px;
	border-top: 1px solid var(--new-products-line);
	background: #fcfbfd;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.new-product-card__footer > div {
	display: flex;
	flex-direction: column;
}

.new-product-card__stock {
	color: #6d6872;
	font-size: .73rem;
	font-weight: 700;
}

.new-product-card__price {
	margin-top: 3px;
	color: var(--new-products-ink);
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1.1;
}

.new-product-card__price sup {
	font-size: .6em;
}

.new-product-card__detail {
	display: inline-flex;
	padding: 11px 15px;
	border-radius: 10px;
	background: var(--card-color);
	color: #fff;
	align-items: center;
	gap: 6px;
	font-size: .8rem;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}

.new-product-card__detail svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.new-products-empty {
	padding: 38px;
	border: 1px dashed #d9d5dc;
	border-radius: 18px;
	background: #fff;
	color: var(--new-products-muted);
	text-align: center;
}

body.new-products-video-is-open {
	overflow: hidden;
}

.new-products-video-dialog {
	width: min(1100px, calc(100vw - 32px));
	max-width: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	overflow: visible;
}

.new-products-video-dialog::backdrop {
	background: rgb(12 11 15 / 82%);
	backdrop-filter: blur(4px);
}

.new-products-video-dialog__panel {
	border: 1px solid rgb(255 255 255 / 16%);
	border-radius: 18px;
	background: #111116;
	box-shadow: 0 28px 80px rgb(0 0 0 / 48%);
	overflow: hidden;
}

.new-products-video-dialog__header {
	display: flex;
	min-height: 62px;
	padding: 12px 14px 12px 22px;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.new-products-video-dialog__header h2 {
	margin: 0;
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	font-weight: 800;
	line-height: 1.25;
}

.new-products-video-dialog__close {
	display: grid;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 50%;
	background: rgb(255 255 255 / 8%);
	color: #fff;
	place-items: center;
	cursor: pointer;
}

.new-products-video-dialog__close:hover,
.new-products-video-dialog__close:focus-visible {
	background: rgb(255 255 255 / 18%);
}

.new-products-video-dialog__close:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

.new-products-video-dialog__close svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.8;
}

.new-products-video-dialog__player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
}

.new-products-video-dialog__player iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

@media (max-width: 1180px) {
	.new-product-card {
		grid-template-columns: minmax(190px, 38%) minmax(0, 1fr);
	}

	.new-product-card__body {
		padding: 24px 22px 18px;
	}

	.new-product-card__footer {
		padding: 18px 22px;
	}
}

@media (max-width: 900px) {
	.new-products-grid {
		grid-template-columns: 1fr;
	}

	.new-product-card {
		max-width: 820px;
		min-height: 0;
		margin: 0 auto;
		grid-template-columns: 1fr;
	}

	.new-product-card__media {
		aspect-ratio: 16 / 8;
	}

	.new-product-card__title,
	.new-product-card__description {
		min-height: 0;
	}
}

@media (max-width: 700px) {
	.new-products-page {
		padding-bottom: 60px;
	}

	.new-products-heading {
		margin: 32px auto 36px;
	}

	.new-products-nav {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 38px;
	}

	.new-products-nav__item {
		min-height: 102px;
		padding: 16px;
	}

	.new-products-nav--compact {
		margin-bottom: 38px;
	}

	.new-product-card__media {
		aspect-ratio: 16 / 10;
	}

	.new-product-card__body {
		padding: 24px 20px 18px;
	}

	.new-product-card__footer {
		padding: 18px 20px;
	}

	.new-product-card__price {
		font-size: 1.5rem;
	}
}

@media (max-width: 440px) {
	.new-products-video-dialog {
		width: calc(100vw - 20px);
	}

	.new-products-video-dialog__header {
		padding: 10px 10px 10px 16px;
	}

	.new-products-nav__item span {
		font-size: .92rem;
	}

	.new-products-nav__item small {
		font-size: .72rem;
	}

	.new-product-card__footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.new-product-card__detail {
		justify-content: center;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.new-product-card,
	.new-product-card__image-link > img,
	.new-products-nav__item {
		transition: none;
	}
}