/* Mobile App Optimization */
@media (max-width: 768px) {
    /* 기존 모바일 UI 유지 (하단 탭 제거) */

    /* 1. 헤더 레이아웃 최적화 (여백 축소) */
    .header-inner {
        padding: 0 10px !important;
        /* 좌우 패딩 축소 (32px -> 10px) */
    }

    .brand-wrapper {
        gap: 0.5rem !important;
        /* 로고와 햄버거 사이 간격 축소 (16px -> 8px) */
    }

    .search-container {
        margin: 0 0.5rem !important;
        /* 검색창 좌우 마진 축소 (32px -> 8px) */
    }

    .nav-actions {
        gap: 0.5rem !important;
        /* 우측 아이콘 간격 축소 (16px -> 8px) */
    }

    /* 터치 영역 확대 (UX 개선) */
    button,
    a {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Hero Section 모바일 여백 축소 */
    .hero-section {
        padding-top: 100px;
        /* 모바일: 상단 축소 */
        padding-bottom: 40px;
        /* 모바일: 하단 축소 */
    }
}