/**
 * Ana sayfa: giriş alanı ve anma bölümü.
 * Sıra modüllerin kendi sırasıdır: giriş + Fenerbahçe özeti (modül 0) → Son Duyurular → Son Yazılar → Anma.
 */

/* Giriş alanı */
.ufb-hero {
	position: relative;
	overflow: hidden;
	margin-bottom: var(--ufb-section);
	padding: clamp(32px, 5vw, 64px) clamp(22px, 5vw, 64px);
	border-radius: var(--ufb-radius);
	background: var(--ufb-navy);
	color: var(--ufb-on-dark);
	text-align: left;
}

.ufb-hero::after {
	content: "";
	position: absolute;
	top: -30%;
	right: -3%;
	width: 34%;
	height: 160%;
	background: repeating-linear-gradient(90deg, var(--ufb-yellow) 0 30px, transparent 30px 60px);
	transform: skewX(-16deg);
	pointer-events: none;
}

.ufb-hero > * {
	position: relative;
	z-index: var(--ufb-z-raised);
}

.ufb-hero__eyebrow {
	margin: 0 0 10px;
	color: var(--ufb-yellow);
	font: 700 var(--ufb-fs-sm) var(--ufb-font-ui);
	letter-spacing: 2px;
	text-transform: uppercase;
}

.ufb-hero .ufb-hero__title {
	max-width: 13em;
	margin: 0;
	color: var(--ufb-on-dark);
	font: 800 var(--ufb-fs-hero) / .98 var(--ufb-font-display);
	text-align: left;
	text-transform: uppercase;
}

.ufb-hero__lead {
	max-width: 44ch;
	margin: var(--ufb-space-4) 0 26px;
	color: #dfe4f0;
	font-size: clamp(17px, 1vw + 14px, 20px);
	line-height: 1.45;
}

.ufb-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ufb-space-3);
}

@media (max-width: 860px) {
	.ufb-hero::after {
		width: 42%;
		opacity: .14;
	}
}

/* Anma görseli */
#gridlove-module-3 .ufb-anma-gorsel {
	max-width: 420px;
	margin: 0 auto var(--ufb-space-5);
}

#gridlove-module-3 .ufb-anma-gorsel img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ufb-radius);
}