/* RHEO 18th Anniversary popup — October promo */
.rheo-anniv-popup {
	--rheo-anniv-navy: #071628;
	--rheo-anniv-gold: #c9a24a;
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
	background: rgba(7, 22, 40, 0.72);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.rheo-anniv-popup.is-open {
	opacity: 1;
	visibility: visible;
}

.rheo-anniv-popup__dialog {
	position: relative;
	width: min(560px, 92vw);
	max-height: min(92vh, 720px);
	transform: translateY(12px) scale(0.96);
	opacity: 0;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.rheo-anniv-popup.is-open .rheo-anniv-popup__dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.rheo-anniv-popup__close {
	position: absolute;
	top: -0.55rem;
	right: -0.55rem;
	z-index: 2;
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	background: var(--rheo-anniv-navy);
	color: #fff;
	box-shadow: 0 0 0 2px var(--rheo-anniv-gold);
	font-size: 1.35rem;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease, background 0.2s ease;
}

.rheo-anniv-popup__close:hover,
.rheo-anniv-popup__close:focus-visible {
	transform: scale(1.06);
	background: #0c2a4a;
	outline: none;
}

.rheo-anniv-popup__link {
	display: block;
	border-radius: 4px;
	overflow: hidden;
	line-height: 0;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.rheo-anniv-popup__image {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(85vh, 680px);
	object-fit: contain;
	background: var(--rheo-anniv-navy);
}

body.rheo-anniv-popup-lock {
	overflow: hidden;
}

@media (max-width: 480px) {
	.rheo-anniv-popup {
		padding: 0.75rem;
	}

	.rheo-anniv-popup__close {
		top: 0.35rem;
		right: 0.35rem;
		width: 2.25rem;
		height: 2.25rem;
	}
}