@media(max-width:768px){
    :root{
        --nav-h:60px;
        --page-x:16px;
    }

    .navbar{
        height:var(--nav-h);
        min-height:var(--nav-h);
        max-height:var(--nav-h);
        z-index:1000;
        pointer-events:auto;
    }

    .navbar .nav-right,
    .navbar .nav-toggle,
    .navbar .search-btn,
    .navbar .nav-notifications__toggle,
    .navbar .nav-user__toggle,
    .navbar .nav-submit-icon{
        pointer-events:auto;
    }

    .navbar .nav-inner{
        --nav-m-slot-left:40px;
        --nav-m-slot-right:60px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        position:relative;
        min-width:0;
    }

    .navbar .nav-inner:has(.nav-notifications){
        --nav-m-slot-right:140px;
    }

    .navbar .nav-toggle{
        display:flex;
        position:relative;
        z-index:3;
        flex:0 0 auto;
        flex-shrink:0;
        pointer-events:auto;
    }

    .nav-menu{display:none}

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

    .nav-mobile-only{display:inline-flex!important}

    .navbar .logo{
        position:absolute;
        left:calc(50% + (var(--nav-m-slot-left) - var(--nav-m-slot-right)) / 2);
        top:50%;
        transform:translate(-50%,-50%);
        z-index:2;
        max-width:calc(100% - var(--nav-m-slot-left) - var(--nav-m-slot-right) - 8px);
        min-width:0;
        gap:8px;
        pointer-events:auto;
        overflow:hidden;
    }

    .navbar .logo-text{
        min-width:0;
        overflow:hidden;
    }

    .navbar .logo-text-line{
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .navbar .nav-right{
        margin-left:0;
        gap:6px;
        position:relative;
        z-index:3;
        flex:0 0 auto;
        flex-shrink:0;
        min-width:0;
    }

    .nav-notifications__panel{
        position:fixed;
        top:calc(var(--nav-h) + 6px);
        left:var(--page-x);
        right:var(--page-x);
        width:auto;
        max-width:none;
        z-index:1105;
    }

    .nav-user__toggle{
        height:27px;
        padding:0 4px 0 2px;
        gap:3px;
    }

    .nav-user__name{
        display:none;
    }

    .nav-user__avatar{
        width:20px;
        height:20px;
    }

    .nav-user__chevron{
        width:14px;
        height:14px;
    }

    .search-btn,
    .nav-notifications__toggle,
    .nav-submit-icon.nav-mobile-only{
        display:inline-flex!important;
        width:27px;
        height:27px;
    }

    .nav-submit-icon.nav-mobile-only .icon{
        width:13px;
        height:13px;
    }

    .nav-submit-btn{
        height:27px;
        padding:0 8px;
        font-size:9px;
    }

    .navbar .logo img{
        width:38px;
        height:38px;
    }

    @media (max-width:400px){
        .navbar .logo-text{
            display:none;
        }

        .navbar .logo{
            gap:0;
        }
    }

    .footer-brand .logo{
        grid-column:auto;
        grid-row:auto;
        justify-self:auto;
        align-self:auto;
        max-width:none;
    }

    .footer-brand .logo img{
        width:48px;
        height:48px;
    }

    .nav-backdrop,
    .nav-drawer{display:block}

    .search-panel.is-open{
        max-height:120px;
        z-index:1003;
    }

    .search-panel .search-form.pnv-site-search__form{
        flex-direction:row;
        align-items:center;
        gap:8px;
    }

    .search-panel .pnv-site-search__field{
        flex:1 1 auto;
        min-width:0;
    }

    .search-panel .search-input{
        width:100%;
        height:44px;
        padding:0 14px;
        font-size:14px;
    }

    .search-panel .search-submit,
    .search-panel .pnv-site-search__submit{
        flex:0 0 44px;
        width:44px;
        min-width:44px;
        height:44px;
        padding:0;
        font-size:0;
        line-height:0;
        justify-content:center;
        gap:0;
    }

    .search-panel .search-submit .icon,
    .search-panel .pnv-site-search__submit .icon,
    .search-panel .search-submit svg,
    .search-panel .pnv-site-search__submit svg{
        width:20px;
        height:20px;
    }

    .hero{min-height:420px}
    .hero .container{padding-top:32px;padding-bottom:40px}
    .hero-subtitle{font-size:14px;margin-top:14px}
    .hero-buttons .btn{
        width:100%;
        justify-content:center;
    }

    .section-accent{display:none}

    .section-head{
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:10px;
    }

    .section-title-row{
        flex:none;
        width:100%;
    }

    .section-title-wrap{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
        width:100%;
    }

    .section-link{
        align-self:flex-start;
    }

    .feed-grid,.inv-grid,.expert-grid,.stats-bar{grid-template-columns:1fr}
    .expert-photo{width:112px}
    .expert-card{min-height:160px}
    .stats-bar .stat-item{
        border-right:none!important;
        border-bottom:1px solid rgba(41,151,255,.28);
        padding:18px 16px;
    }
    .stats-bar .stat-item:nth-last-child(-n+2){border-bottom:1px solid rgba(41,151,255,.28)}
    .stats-bar .stat-item:last-child{border-bottom:none}
    .footer-grid{
        grid-template-columns:1fr;
        gap:32px;
        padding:40px 0 32px;
    }

    .footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start;
        text-align:left;
    }
}