/* Media query for mobile */
@media (max-width: 768px) {
    .magazine {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        width: 100% !important;
        max-width: 100vw;
    }

    .page {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        width: 100% !important;
    }

    .page-image {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }

    .controls:not(.mobile-controls) {
        display: none;
    }

    .mobile-controls {
        display: flex;
    }

    .thumbnail-grid {
        grid-template-columns: repeat(auto-fill, minmax(20vw, 1fr)) !important;
    }


}