/* Slotoro affiliate banners — wide in-flow + side strips */
.fa-affiliate-wide {
	width: 100%;
}

.fa-affiliate-wide__link {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	border-radius: 1rem;
	border: 1px solid rgb(255 255 255 / 0.08);
	box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.35);
	transition: border-color 0.2s ease;
}

.fa-affiliate-wide__link:hover {
	border-color: rgb(34 197 94 / 0.45);
}

.fa-affiliate-wide__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

.fa-affiliate-wide__disclaimer {
	margin-top: 0.5rem;
	text-align: center;
	font-size: 10px;
	line-height: 1.4;
	color: var(--muted-foreground, #94a3b8);
}

.fa-side-ad-left,
.fa-side-ad-right {
	display: none;
	position: fixed;
	top: 50%;
	z-index: 39;
	transform: translateY(-50%);
}

.fa-side-ad-left {
	left: max(0.5rem, calc((100vw - 80rem) / 2 - 10.5rem));
}

.fa-side-ad-right {
	right: max(0.5rem, calc((100vw - 80rem) / 2 - 10.5rem));
}

@media (min-width: 1536px) {
	.fa-side-ad-left,
	.fa-side-ad-right {
		display: block;
	}
}

.fa-side-ad-left a,
.fa-side-ad-right a {
	display: block;
	line-height: 0;
}

.fa-side-ad-left img,
.fa-side-ad-right img {
	display: block;
	width: 9.5rem;
	height: auto;
	object-fit: cover;
	border-radius: 0.75rem;
	box-shadow: 0 12px 28px -6px rgb(0 0 0 / 0.45);
}

@media (min-width: 1800px) {
	.fa-side-ad-left img,
	.fa-side-ad-right img {
		width: 11rem;
	}
}

/* Top-of-page affiliate banner */
.fa-page-top-banner {
	margin: 0 0 1.5rem;
	width: 100%;
}

.fa-page-top-banner__link {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	border-radius: 1rem;
	border: 1px solid rgb(255 255 255 / 0.08);
	box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.35);
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.fa-page-top-banner__link:hover {
	border-color: rgb(34 197 94 / 0.45);
	transform: translateY(-1px);
}

.fa-page-top-banner__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 640px) {
	.fa-page-top-banner {
		margin-bottom: 1rem;
	}

	.fa-page-top-banner__link {
		border-radius: 0.75rem;
	}
}
