.mobile-only {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none !important;
    }

    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: var(--space-24);
    }

    .hero-title {
        font-size: 1.85rem;
        max-width: 100%;
    }

    .hero-subtitle {
        font-size: 0.95rem;
        max-width: 100%;
    }

    .app-detail-hero__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    .app-detail-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-detail-layout__inner {
        grid-template-columns: 1fr;
    }

    .app-detail-layout__sidebar-wrap {
        display: none;
    }

    .app-detail-mobile-cta {
        display: block;
        padding: 16px 0 0;
    }

    .app-detail-sticky-download {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 85;
        padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
        background: rgba(255, 255, 255, 0.96);
        border-top: 1px solid var(--color-border);
        backdrop-filter: blur(12px);
    }

    body.dark-mode .app-detail-sticky-download {
        background: rgba(15, 23, 42, 0.94);
    }

    .app-detail-sticky-download__button {
        width: 100%;
        justify-content: center;
    }

    .app-quick-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-features,
    .app-pros-cons {
        grid-template-columns: 1fr;
    }

    .app-latest-update__row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .app-detail-gallery__track {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 4px 2px 12px;
        scrollbar-width: thin;
    }

    .app-detail-gallery__item {
        flex: 0 0 min(78vw, 280px);
        scroll-snap-align: start;
    }

    .app-gallery-lightbox {
        padding: 16px;
    }

    .app-gallery-lightbox__close {
        top: 12px;
        right: 12px;
        position: fixed;
        z-index: 2;
    }

    .app-detail-info__row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .app-detail-downloads__grid,
    .download-card__actions,
    .cta-buttons__actions {
        flex-direction: column;
    }

    .app-detail-downloads__grid .button,
    .download-card__actions .button,
    .cta-buttons__actions .button,
    .cta-buttons__actions .cta-button {
        width: 100%;
        justify-content: center;
    }

    .single-apps .app-detail-section {
        padding: 18px;
    }

    .single-apps .app-detail-hero__title {
        font-size: 1.65rem;
    }
}