/* Category page mobile optimizations */
@media (max-width: 767.98px) {

    /* Hero section */
    .category-hero-title {
        font-size: 1.2rem;
        line-height: 1.3;
        margin-bottom: 8px;
        padding: 0 15px;
        word-break: break-word;
        overflow-wrap: break-word;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .category-hero-subtitle {
        font-size: 0.8rem;
        line-height: 1.2;
        padding: 0 20px;
    }

    /* Section titles */
    .section-title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }

    /* App cards */
    .app-grid .park-app-card {
        margin-bottom: 10px;
    }

    .app-grid .park-app-card .park-card-title {
        font-size: 0.85rem;
        line-height: 1.2;
        margin-bottom: 3px;
        height: auto;
        max-height: 2.4em;
    }

    .app-grid .park-app-card .park-card-developer {
        font-size: 0.7rem;
        line-height: 1.1;
        margin-bottom: 0;
    }

    .park-app-icon {
        width: 60px;
        height: 60px;
    }

    /* Category cards */
    .category-card {
        padding: 8px;
    }

    .category-card-icon {
        width: 36px;
        height: 36px;
        margin-bottom: 6px;
    }

    .category-card-icon img {
        width: 24px;
        height: 24px;
    }

    .category-card-name {
        font-size: 0.8rem;
        line-height: 1.1;
    }

    /* Category grid */
    .category-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        padding: 0 5px;
    }

    /* Buttons */
    #show-more-btn {
        font-size: 0.9rem;
        padding: 8px 20px;
    }
}