/**
 * Küçük telefon — iPhone 7/8/SE (375px) ve benzeri
 * Kompakt, dokunmaya uygun, alt menü + güvenli alan
 */

@media (max-width: 414px) {
    .app-header {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        padding-top: calc(0.45rem + env(safe-area-inset-top, 0px));
        padding-bottom: 0.45rem;
    }

    .app-logo a {
        font-size: 1.14rem;
    }

    .nav-profile-avatar {
        width: 34px;
        height: 34px;
    }

    .app-main-inner,
    .dashboard-content,
    .page-content {
        padding: 0.72rem 0.7rem 0.8rem;
    }

    html.ios-app-shell body:not(.msg-page) .app-main-inner,
    html.ios-app-shell body:not(.msg-page) .dashboard-content,
    html.ios-app-shell body:not(.msg-page) .page-content {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        padding-top: 0.72rem;
        padding-bottom: 0.85rem;
    }

    html.ios-app-shell body.msg-page:not(.msg-thread-page) .app-main-inner,
    html.ios-app-shell body.msg-page:not(.msg-thread-page) .dashboard-content,
    html.ios-app-shell body.msg-page:not(.msg-thread-page) .page-content {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        padding-top: 0.72rem;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .page-header {
        margin-bottom: 0.65rem;
    }

    .page-header h1,
    .browse-solo-title {
        font-size: 1.1rem;
        line-height: 1.2;
    }

    .page-header p {
        font-size: 0.8rem;
        line-height: 1.4;
    }


    .browse-hero-card {
        border-radius: 11px;
    }

    .browse-hero-badge {
        top: 0.45rem;
        right: 0.45rem;
        font-size: 0.58rem;
        padding: 0.14rem 0.42rem;
    }

    .browse-hero-fav {
        top: 0.45rem;
        left: 0.45rem;
        width: 1.85rem;
        height: 1.85rem;
    }





    .job-list,
    .jobs-grid {
        gap: 0.48rem;
    }

    .job-id-card {
        height: 16.75rem;
        min-height: 16.75rem;
        max-height: 16.75rem;
        padding: 0.58rem 0.6rem 0.55rem;
        border-radius: 11px;
    }

    .job-id-avatar {
        width: 36px;
        height: 36px;
    }

    .job-id-venue {
        font-size: 0.78rem;
    }

    .job-id-title {
        font-size: 0.72rem;
    }

    .mob-tabbar {
        padding: 0.32rem 0.38rem calc(0.38rem + env(safe-area-inset-bottom, 0px));
        gap: 0.1rem;
    }

    .mob-tab {
        min-height: 48px;
        padding: 0.28rem 0.18rem;
        border-radius: 10px;
        font-size: 0.58rem;
    }

    .mob-tab svg {
        width: 21px;
        height: 21px;
    }

    .mob-tabbar-5 .mob-tab {
        font-size: 0.54rem;
    }

    .mob-tabbar-5 .mob-tab svg {
        width: 19px;
        height: 19px;
    }

    /* YouTube — alttan tam geniş sheet */
    .hanisin-yt-modal {
        padding: 0;
        align-items: flex-end;
    }

    .hanisin-yt-modal-dialog {
        width: 100%;
        max-height: min(94vh, 94dvh);
        border-radius: 18px 18px 0 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        animation: hanisin-yt-sheet-in 0.24s ease-out;
    }

    @keyframes hanisin-yt-sheet-in {
        from {
            opacity: 0.92;
            transform: translateY(14px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .hanisin-yt-modal-head {
        padding: 0.7rem 0.8rem 0.5rem;
    }

    .hanisin-yt-modal-title {
        font-size: 0.88rem;
        line-height: 1.25;
    }

    .hanisin-yt-modal-hint {
        font-size: 0.7rem;
    }

    .hanisin-yt-modal-close {
        min-width: 40px;
        min-height: 40px;
    }

    .hanisin-yt-modal-player .profile-yt-facade-play-icon {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 1.25rem;
    }

    .hanisin-yt-modal-foot {
        padding: 0.55rem 0.8rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
    }

    .profile-yt-player,
    .profile-video-embed-frame.profile-yt-player {
        max-width: 100%;
        border-radius: 10px;
    }

    .profile-yt-player-youtube {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
    }

    .profile-yt-facade-hint {
        font-size: 0.72rem;
    }

    .profile-card {
        padding: 0.95rem;
        border-radius: 12px;
    }

    .profile-identity-card {
        padding: 1.15rem 1rem;
    }

    .profile-avatar {
        width: 88px;
        height: 88px;
    }

    .dash-hero {
        padding: 0.85rem;
        border-radius: 12px;
    }

    .dash-avatar {
        width: 50px;
        height: 50px;
    }

    .dash-name {
        font-size: 1.05rem;
    }

    .dash-stats {
        gap: 0.42rem;
    }

    .dash-stat {
        padding: 0.75rem 0.55rem;
        border-radius: 11px;
    }

    .dash-stat-value {
        font-size: 1.35rem;
    }

    .filter-bar {
        padding: 0.65rem;
        border-radius: 11px;
    }

    .btn {
        font-size: 0.88rem;
    }

    .btn-sm {
        min-height: 40px;
        font-size: 0.8rem;
    }
}

/* Çok dar — iPhone SE 1. nesil, eski Android */
@media (max-width: 360px) {
    .app-main-inner,
    .dashboard-content,
    .page-content {
        padding-left: 0.62rem;
        padding-right: 0.62rem;
    }

    .browse-hero-media {
        max-height: 118px;
    }

    .browse-hero-body {
        min-height: 6.1rem;
    }

    .browse-tab-label {
        font-size: 0.66rem;
    }

    .mob-tab span:not(.mob-tab-badge) {
        max-width: 4.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .job-id-card {
        height: 16.25rem;
        min-height: 16.25rem;
        max-height: 16.25rem;
    }
}

    .mob-tabbar-6 .mob-tab {
        font-size: 0.5rem;
    }

    .mob-tabbar-6 .mob-tab svg {
        width: 18px;
        height: 18px;
    }