.af-links-carousel {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1100px;
	margin: 20px auto;
}

/* Scroll area */
.af-links {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	gap: 40px;
	/* Reserve space for arrows */
	width: calc(100% - 120px);
	margin: 0 60px;
	justify-content: center;
	scrollbar-width: none;
}

	.af-links::-webkit-scrollbar {
		display: none;
	}

	.af-links a,
	.af-links .af-link {
		-webkit-user-drag: none;
		user-select: none;
	}

.af-link {
	transition: transform 0.25s ease;
}

	.af-link:hover {
		transform: scale(1.04);
	}

	.af-link img {
		height: 80px;
		object-fit: contain;
		display: block;
		pointer-events: none;
		user-select: none;
	}

/* Arrows */
.af-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	font-size: 48px;
	color: #9bb3d6;
	cursor: pointer;
	padding: 10px;
	transition: color 0.2s ease;
}

	.af-arrow:hover {
		color: #6f89b0;
	}

	.af-arrow.left {
		left: 0;
	}

	.af-arrow.right {
		right: 0;
	}

	.af-arrow.disabled {
		opacity: 0.25;
		pointer-events: none;
	}

/* dragging cursor */
.af-links.grabbing {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}