/* ============================================
   ZETRE - Media Centre Mobile (max-width: 767px)
   ============================================ */

.page-hero {
    padding: calc(56px + var(--space-6)) 0 var(--space-10);
}

.page-hero-content h1 { font-size: var(--text-2xl); }
.page-hero-content p { font-size: var(--text-sm); }
.page-hero-shape { width: 250px; height: 250px; top: -100px; right: -60px; }
.hero-wave svg { height: 30px; }

/* Tabs scrollable on mobile */
.media-tabs {
    gap: 0;
}

.media-tab {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    min-height: 44px;
}

/* Featured news stacked */
.news-featured {
    flex-direction: column;
}

.news-img-placeholder {
    min-height: 180px !important;
}

.news-featured-content {
    padding: var(--space-5);
}

.news-featured-content h2 {
    font-size: var(--text-lg);
}

.news-meta {
    flex-wrap: wrap;
    gap: var(--space-3);
}

/* News grid single column */
.news-grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
}

.news-card-img { height: 140px; }
.news-card-img .news-img-placeholder { min-height: 140px; }

/* Press items compact */
.press-item {
    padding: var(--space-4);
    gap: var(--space-3);
}

.press-date {
    min-width: 52px;
    height: 52px;
}

.press-day { font-size: var(--text-base); }
.press-content h3 { font-size: var(--text-base); }

/* Events compact */
.event-card {
    padding: var(--space-4);
}

.event-card h3 { font-size: var(--text-base); }

/* Gallery 2 columns */
.gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}

.gallery-item {
    aspect-ratio: 1;
}

.gallery-overlay {
    transform: translateY(0);
    padding: var(--space-3);
}

.gallery-overlay h4 { font-size: var(--text-sm); }