.turnaje-page {}

.turnaje-hero {
position: relative;
}

.turnaje-hero-bg {
width: 100%;
height: 60vh;
object-fit: cover;
}

.turnaje-hero-panel {
max-width: 520px;
display: flex;
flex-direction: column;
gap: var(--space-3);
margin-top: -120px;
}

.turnaje-highlights {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: var(--space-4);
}

.highlight { min-width: 0; }

.turnaje-list {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: var(--space-4);
}

.turnaje-filter {
max-width: 700px;
margin-inline: auto;
display: flex;
flex-direction: column;
gap: var(--space-3);
}

.turnaje-map {
display: grid;
grid-template-columns: 40% 60%;
gap: var(--space-5);
align-items: center;
}

.turnaje-map-text { min-width: 0; }
.turnaje-map-image img { width: 100%; border-radius: var(--radius-sm); }

.turnaje-types {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: var(--space-4);
}

.turnaje-nav {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: var(--space-4);
}

.turnaje-nav a {
display: block;
text-align: left;
}

@media (max-width: 900px) {
.turnaje-highlights { grid-template-columns: 1fr; }
.turnaje-list { grid-template-columns: 1fr; }
.turnaje-map { grid-template-columns: 1fr; }
.turnaje-types { grid-template-columns: 1fr; }
.turnaje-nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
.turnaje-hero-panel { margin-top: var(--space-4); }
}