/* PWA shell styles extracted from header.php */
@media all and (display-mode: standalone) {
    header,
    .site-header,
    #masthead,
    footer,
    .site-footer,
    #colophon,
    .sticky.top-0 {
        display: none !important;
    }

    html {
        font-size: 80% !important;
    }

    .pwa-header,
    .pwa-bottom-nav {
        display: block !important;
    }

    body {
        padding-top: 130px;
        padding-bottom: 90px;
    }
}

.pwa-header,
.pwa-bottom-nav {
    display: none;
}

@media (display-mode: standalone) {
    header,
    #masthead,
    footer,
    #colophon,
    .site-footer,
    .site-header,
    .pwa-header,
    .pwa-bottom-nav,
    #pwa-top-bar,
    #site-preloader {
        display: none !important;
    }

    #filter-trigger {
        top: 20px !important;
        right: 20px !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }

    body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-wrapper {
        min-height: 100vh;
        margin: 0 !important;
        padding: 0 !important;
    }

    * {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    *::-webkit-scrollbar {
        display: none;
    }
}