/* Responsive Styles - Media Queries */

@media (max-width: 768px) {
    .hero-title { font-size: 2.5rem; }
    .nav { display: none; }
    .mobile-menu-btn { display: flex; flex-direction: column; gap: 6px; }
    .mobile-menu-btn span { width: 24px; height: 2px; background: var(--color-text); transition: var(--transition-base); }
    .values-grid { grid-template-columns: 1fr; }
    .services-categories { grid-template-columns: 1fr; gap: 16px; margin-bottom: 28px; }
    .category-card-inner { padding: 24px 20px 20px; }
    .category-icon { font-size: 2rem; margin-bottom: 12px; }
    .services-grid { grid-template-columns: 1fr; gap: 20px; }
    .structure-section .row { flex-direction: column; gap: 40px; }
    .featured-event { flex-direction: column; text-align: center; padding: 30px; }
    .header-actions { display: none; }
    .modal-content { padding: 30px 20px; }
    .event-detail-header { flex-direction: column; text-align: center; }
    .event-info-grid { grid-template-columns: 1fr; }
    .past-events-grid { grid-template-columns: 1fr; }
    .past-event-photo { width: 60px; height: 60px; min-width: 60px; max-width: 60px; min-height: 60px; max-height: 60px; -webkit-flex: 0 0 60px; flex: 0 0 60px; }
    .photo-more { width: 60px; height: 60px; min-width: 60px; -webkit-flex: 0 0 60px; flex: 0 0 60px; }
}