.aura-product-carousel {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: clamp(58px, 7vw, 104px) 0;
	overflow-x: hidden;
	overflow-x: clip;
	background: #ffffff;
	color: var(--aura-color-burgundy);
	padding-top: 40px;
}

.aura-product-carousel__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	padding-inline: clamp(16px, 2vw, 32px);
}

.aura-product-carousel__header {
	max-width: 760px;
	margin: 0 0 clamp(24px, 3vw, 38px);
}

.aura-product-carousel__kicker {
	margin: 0 0 10px;
	color: var(--aura-color-burgundy);
	font-family: var(--aura-font-body, Manrope, sans-serif);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.aura-product-carousel__title {
	margin: 0;
	color: var(--aura-color-burgundy);
	font-family: Fraunces, serif;
	font-size: clamp(30px, 3.8vw, 54px);
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: 0;
}

.aura-product-carousel__track {
	--aura-carousel-control-offset: 0;
	--aura-carousel-shadow: 0 10px 24px rgba(75, 28, 34, 0.08);

	overflow: hidden;
	min-width: 0;
	padding: 0 2px;
}

.aura-product-carousel__items {
	align-items: stretch;
}

.aura-product-carousel__item {
	display: flex;
	height: auto;
}

.aura-product-carousel__item > .aura-product-card {
	width: 100%;
}

.aura-product-carousel .aura-product-card--carousel .aura-product-card__media,
.aura-product-carousel .aura-product-card--related-carousel .aura-product-card__media {
	aspect-ratio: 5 / 7;
}

.aura-product-carousel__pagination {
	margin-top: 24px;
}

.aura-product-carousel__nav {
	top: 38%;
}

@media (max-width: 767px) {
	.aura-product-carousel {
		padding: 48px 0 56px;
	}

	.aura-product-carousel__inner {
		padding-inline: 12px;
	}

	.aura-product-carousel__header {
		margin-bottom: 22px;
	}

	.aura-product-carousel__kicker {
		font-size: 10px;
	}

	.aura-product-carousel__title {
		font-size: 30px;
	}

	.aura-product-carousel__track {
		padding: 0;
		overflow: hidden;
	}

	.aura-product-carousel__pagination {
		margin-top: 20px;
	}
}

@supports not (overflow: clip) {
	.aura-product-carousel {
		overflow-x: hidden;
	}
}
