.jrf-ops-bundle-notice {
	border-left: 4px solid #d11f2f;
	margin: 1rem 0;
	padding: 0.75rem 1rem;
	background: #fff8f0;
	color: #1b1b1b;
}

.jrf-ops-bundle-panel {
	margin: 1.5rem 0;
	background: #171717;
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.jrf-ops-bundle-panel__inner {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.jrf-ops-bundle-panel__eyebrow {
	margin: 0 0 0.35rem;
	color: #f4c95d;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.jrf-ops-bundle-panel__title {
	margin: 0;
	color: #ffffff;
	font-size: clamp(1.65rem, 2.5vw, 2.35rem);
	line-height: 1.05;
}

.jrf-ops-bundle-panel__countdown {
	margin: 1rem 0 0.65rem;
	font-size: clamp(1.05rem, 2vw, 1.35rem);
	font-weight: 700;
}

.jrf-ops-countdown__value {
	display: inline-block;
	min-width: 2ch;
	color: #f4c95d;
	font-variant-numeric: tabular-nums;
	text-align: right;
}

.jrf-ops-countdown--inline .jrf-ops-countdown__part {
	white-space: nowrap;
}

.jrf-ops-countdown--circles {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(0.55rem, 2vw, 1rem);
	width: 100%;
	max-width: 32rem;
}

.jrf-ops-countdown__unit {
	display: inline-flex;
	flex: 0 1 8.25rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	min-width: 6.5rem;
	border: 0.7rem solid #e3be32;
	border-radius: 50%;
	background: #313332;
	box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 0.18);
	color: #ffffff;
	line-height: 1;
}

.jrf-ops-countdown__unit--hours {
	border-color: #36b0e3;
}

.jrf-ops-countdown__unit--minutes {
	border-color: #75bf44;
}

.jrf-ops-countdown__unit--seconds {
	border-color: #66c5af;
}

.jrf-ops-countdown__unit .jrf-ops-countdown__value {
	min-width: 0;
	color: #ffffff;
	font-size: clamp(1.65rem, 5vw, 2.5rem);
	font-weight: 700;
	text-align: center;
}

.jrf-ops-countdown__unit .jrf-ops-countdown__label {
	margin-top: 0.35rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.jrf-ops-countdown--closed {
	justify-content: center;
	color: inherit;
}

.jrf-ops-bundle-panel__meta {
	max-width: 48rem;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.98rem;
	line-height: 1.45;
}

.jrf-ops-bundle-panel__action {
	margin: 1.25rem 0 0;
}

.jrf-ops-bundle-panel__button {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0 1rem;
	background: #d11f2f;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

.jrf-ops-bundle-panel__button:hover,
.jrf-ops-bundle-panel__button:focus {
	background: #f4c95d;
	color: #171717;
}

.jrf-ops-bundle-panel--closed .jrf-ops-bundle-panel__button {
	background: #555555;
}

@media (max-width: 520px) {
	.jrf-ops-countdown__unit {
		flex-basis: 6.75rem;
		min-width: 5.75rem;
		border-width: 0.55rem;
	}

	.jrf-ops-bundle-panel__button {
		justify-content: center;
		width: 100%;
	}
}