.rxs-product-pill {
	--rxs-pill-card: #48535c;
	--rxs-pill-gold: #ffb81c61;
	--rxs-pill-title: #fff;
	--rxs-pill-text: #c9d1d9;
	--rxs-pill-min-height: 220px;
	--rxs-pill-image-width: 64%;
	--rxs-pill-image-height: 82%;
	--rxs-pill-image-fit: contain;
	--rxs-pill-image-position: right bottom;
	--rxs-pill-title-max-width: min(68%, 430px);
	--rxs-pill-text-max-width: min(64%, 340px);
	--rxs-pill-lift: 3.5px;
	--rxs-pill-zoom: 1.09;
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	min-width: 0;
	min-height: var(--rxs-pill-min-height);
	border-radius: 14px;
	background: var(--rxs-pill-card);
	color: inherit;
	font-family: inherit;
	text-decoration: none !important;
	transform-style: preserve-3d;
	transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
	will-change: transform;
}

.rxs-product-pill,
.rxs-product-pill *,
.rxs-product-pill *::before,
.rxs-product-pill *::after {
	box-sizing: border-box;
}

.rxs-product-pill--gold {
	background: var(--rxs-pill-gold);
}

.rxs-product-pill__image {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: var(--rxs-pill-image-width);
	height: var(--rxs-pill-image-height);
	object-fit: var(--rxs-pill-image-fit);
	object-position: var(--rxs-pill-image-position);
	filter: grayscale(.2) brightness(.88);
	transform: scale(1);
	transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .55s ease;
	will-change: transform;
}

.rxs-product-pill--gold .rxs-product-pill__image {
	filter: grayscale(.1) brightness(.96);
}

.rxs-product-pill__spot {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	background: radial-gradient(340px circle at var(--rxs-pill-mx, 50%) var(--rxs-pill-my, 50%), rgba(255,255,255,.16), transparent 60%);
	transition: opacity .3s ease;
}

.rxs-product-pill--gold .rxs-product-pill__spot {
	background: radial-gradient(360px circle at var(--rxs-pill-mx, 50%) var(--rxs-pill-my, 50%), rgba(255,184,28,.38), transparent 62%);
}

.rxs-product-pill__content {
	position: relative;
	z-index: 3;
	display: flex;
	width: 100%;
	min-height: var(--rxs-pill-min-height);
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 32px 34px;
	pointer-events: none;
}

.rxs-product-pill--center .rxs-product-pill__content {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.rxs-product-pill__title {
	display: block;
	max-width: var(--rxs-pill-title-max-width);
	margin: 0 0 12px;
	color: var(--rxs-pill-title);
	font-size: clamp(21px, 2.1vw, 26px);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.15;
	text-shadow: 0 0 10px rgba(18,24,30,.9);
	transition: transform .3s ease;
}

.rxs-product-pill__text {
	display: block;
	max-width: var(--rxs-pill-text-max-width);
	color: var(--rxs-pill-text);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	text-shadow: 0 0 10px rgba(18,24,30,.85);
}

.rxs-product-pill--gold .rxs-product-pill__text {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}


.rxs-product-pill__arrow {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	margin-top: 22px;
	border: 1.5px solid rgba(255,255,255,.5);
	border-radius: 50%;
	color: #fff;
	opacity: 0;
	transform: translateX(-8px);
	transition: opacity .35s ease, transform .35s ease, background .25s ease;
}

.rxs-product-pill__link-label {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	margin-top: 22px;
	padding: 12px 24px;
	border: 1.5px solid rgba(255,255,255,.7);
	border-radius: 40px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .13em;
	line-height: 1;
	transition: background .3s ease;
}

.rxs-product-pill:hover,
.rxs-product-pill:focus-visible {
	box-shadow: 0 21px 38px -9px rgba(0,0,0,.275);
	outline: none;
}

.rxs-product-pill:hover .rxs-product-pill__image,
.rxs-product-pill:focus-visible .rxs-product-pill__image {
	filter: grayscale(0) brightness(1);
	transform: scale(var(--rxs-pill-zoom));
}

.rxs-product-pill:hover .rxs-product-pill__spot,
.rxs-product-pill:focus-visible .rxs-product-pill__spot {
	opacity: 1;
}

.rxs-product-pill:hover .rxs-product-pill__title,
.rxs-product-pill:focus-visible .rxs-product-pill__title {
	transform: translateX(3px);
}

.rxs-product-pill:hover .rxs-product-pill__arrow,
.rxs-product-pill:focus-visible .rxs-product-pill__arrow {
	opacity: 1;
	transform: translateX(0);
}

.rxs-product-pill:hover .rxs-product-pill__link-label,
.rxs-product-pill:focus-visible .rxs-product-pill__link-label {
	background: rgba(255,255,255,.16);
}

.rxs-product-pill--no-tilt:hover,
.rxs-product-pill--no-tilt:focus-visible {
	transform: translateY(calc(-1 * var(--rxs-pill-lift)));
}

@media (max-width: 640px) {
	.rxs-product-pill__content {
		padding: 28px;
	}

}

@media (prefers-reduced-motion: reduce) {
	.rxs-product-pill,
	.rxs-product-pill__image,
	.rxs-product-pill__title,
	.rxs-product-pill__arrow,
	.rxs-product-pill__spot,
	.rxs-product-pill__link-label {
		transition: none !important;
	}

	.rxs-product-pill:hover,
	.rxs-product-pill:focus-visible {
		transform: none !important;
	}
}