.merchandise-kit {
	position: relative;
	width: 100%;
	aspect-ratio: 1920 / 1080;
	overflow: hidden;
	background: #fff;
	container-type: inline-size;
	font-family: "Mulish", sans-serif;
	color: #0a0a0a;
}

.merchandise-kit__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.merchandise-kit__label {
	position: absolute;
	left: 52.2396%;
	top: 82.5926%;
	display: flex;
	width: 36.1458%;
	align-items: center;
	gap: 1.25cqw;
}

.merchandise-kit__label h2,
.merchandise-kit__copy {
	margin: 0;
}

.merchandise-kit__label h2 {
	flex: 1;
	font-size: 1.25cqw;
	font-weight: 800;
	line-height: 1.4;
	text-align: right;
	text-transform: uppercase;
}

.merchandise-kit__label span {
	flex: 0 0 2.0833cqw;
	width: 2.0833cqw;
	height: 2.0833cqw;
	border-radius: 50%;
	background: #d2ff00;
}

.merchandise-kit__copy {
	position: absolute;
	left: 40.375%;
	top: 87.5%;
	width: 52%;
	font-size: 1.0417cqw;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
}

.merchandise-gallery {
	background: #fff;
}

@media (max-width: 767px) {
	.merchandise-kit {
		display: flex;
		flex-direction: column;
		aspect-ratio: auto;
		padding-bottom: 44px;
	}

	.merchandise-kit__image,
	.merchandise-kit__label,
	.merchandise-kit__copy {
		position: relative;
		inset: auto;
	}

	.merchandise-kit__image {
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	.merchandise-kit__label {
		order: 1;
		width: auto;
		margin: 28px 20px 0;
		gap: 14px;
	}

	.merchandise-kit__label h2 {
		font-size: 20px;
		text-align: left;
	}

	.merchandise-kit__label span {
		order: -1;
		flex-basis: 24px;
		width: 24px;
		height: 24px;
	}

	.merchandise-kit__copy {
		order: 2;
		width: auto;
		margin: 16px 20px 0;
		font-size: 16px;
		text-align: left;
	}
}