/* ─── Mobile (≤768px) ───────────────────────────────────────────────────── */

@media screen and (max-width: 48em) {
    .nav-download {
        top: 30%;
    }

    .tab-list {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .tab-list::-webkit-scrollbar {
        display: none;
    }

    .download-bar {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px 6px;
    }

    .download {
        margin-top: 0;
    }

    .download-btn {
        padding: 0;
    }

    .pack-header {
        gap: 12px;
        padding: clamp(80px, 10vh, 250px) max(26px, calc(50% - 39.5rem));
    }

    .pack-header-icon {
        width: 120px;
        height: 120px;
    }

    .pack-header-title {
        font-size: 2rem;
    }

    .description .desc-block {
        padding: 40px max(26px, calc(50% - 39.5rem));
    }

    .gallery-wrap {
        --per-page: 1;
    }

    table {
        display: block;
        overflow-x: auto;
    }

    .recommend-block {
        flex-direction: column;
    }

    .recommend-left {
        flex: unset;
    }

    .recommend-carousel {
        max-width: 100%;
    }

    .recommend-wrap {
        --per-page: 1;
    }

    .faq-img {
        width: 60px;
        height: 60px;
    }

    .credits-entry em {
        white-space: normal;
    }

    footer {
        flex-direction: column;
    }
}