.kalendar-page{}

.kalendar-hero-inner{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--space-5);
align-items:center;
}
.kalendar-hero-text{max-width:600px;}
.kalendar-hero-actions{margin-top:var(--space-3);}
.kalendar-hero-image img{width:100%;height:100%;object-fit:cover;}

.kalendar-filter-panel{
display:flex;
flex-wrap:wrap;
gap:var(--space-4);
padding:var(--space-4);
}
.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);}
.filter-pills button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);}
.filter-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;}

.view-toggle{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);}
.view-toggle button{min-height:44px;padding:0 var(--space-3);}
.view-toggle .active{background:var(--color-accent-gold);color:var(--color-text-on-light);}

.calendar-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
}
.event-card{display:flex;flex-direction:column;gap:var(--space-2);}

.kalendar-guide{display:flex;justify-content:center;}
.kalendar-guide .container-narrow{padding:var(--space-5);}

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

@media(max-width:1000px){
.kalendar-hero-inner{grid-template-columns:1fr;}
.calendar-grid{grid-template-columns:1fr;}
.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:600px){
.city-grid{grid-template-columns:1fr;}
}