.mobile-discover-genres,.mobile-bottom-nav{display:none}
@media(max-width:720px){
    body[data-page="home"],body.genre-page{background:#050505;padding-bottom:84px}
    body[data-page="home"] .site-navbar,body.genre-page .site-navbar{background:#050505;border-bottom:0;min-height:78px;padding:14px 16px;gap:14px;flex-wrap:nowrap;position:sticky;top:0}
    body[data-page="home"] .site-navbar .logo,body.genre-page .site-navbar .logo{flex:0 0 58px;max-width:58px}
    body[data-page="home"] .site-navbar .logo img,body.genre-page .site-navbar .logo img{width:58px;height:34px;max-width:58px;object-fit:contain}
    body[data-page="home"] .site-navbar .tools,body.genre-page .site-navbar .tools{display:contents}
    body[data-page="home"] .site-navbar .search,body.genre-page .site-navbar .search{flex:1;order:0;min-width:0;width:auto;border-radius:999px;background:#303030;border:0}
    body[data-page="home"] .site-navbar .search input,body.genre-page .site-navbar .search input{min-height:46px;font-size:16px;border-radius:999px;background:transparent;border:0;padding:11px 16px;color:#eee}
    body[data-page="home"] .site-navbar .profile-dropdown,body[data-page="home"] .site-navbar .auth-btns,body.genre-page .site-navbar .profile-dropdown,body.genre-page .site-navbar .auth-btns{display:none}
    body[data-page="home"] .catalog-hero{display:none}
    body[data-page="home"] .catalog-content{padding:0 12px 20px!important;margin:0!important}
    .mobile-discover-genres{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:0 -12px 16px;padding:3px 16px 8px}
    .mobile-discover-genres::-webkit-scrollbar{display:none}
    .mobile-discover-genres a{white-space:nowrap;padding:9px 17px;border-radius:999px;background:#202020;color:#999;font-size:13px;line-height:1.3;flex-shrink:0}
    .mobile-discover-genres a.is-active{background:#35222a;color:#ff8da3}
    body[data-page="home"] #homeBrowse>:not(.mobile-home-feed){display:none}
    body[data-page="home"] .mobile-home-feed>.catalog-section-head{display:none}
    body[data-page="home"] .mobile-home-feed{margin-bottom:0}
    body[data-page="home"] #homeDramaGrid,body.genre-page .genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-items:start}
    body[data-page="home"] #homeDramaGrid .catalog-card,body.genre-page .genre-grid .catalog-card{background:#141414;border-radius:11px;overflow:hidden;min-width:0;display:block;padding-bottom:12px;border:0}
    body[data-page="home"] #homeDramaGrid .catalog-art,body.genre-page .genre-grid .catalog-art{border-radius:0;aspect-ratio:2/3;border:0;margin:0}
    body[data-page="home"] #homeDramaGrid .catalog-art img,body.genre-page .genre-grid .catalog-art img{width:100%;height:100%;object-fit:cover}
    body[data-page="home"] #homeDramaGrid .catalog-art::after,body.genre-page .genre-grid .catalog-art::after{display:none}
    body[data-page="home"] #homeDramaGrid .catalog-art-title,body.genre-page .genre-grid .catalog-art-title,body[data-page="home"] #homeDramaGrid .catalog-original,body.genre-page .genre-grid .catalog-original,body[data-page="home"] #homeDramaGrid .catalog-play,body.genre-page .genre-grid .catalog-play,body[data-page="home"] #homeDramaGrid .catalog-vip,body.genre-page .genre-grid .catalog-vip{display:none}
    body[data-page="home"] #homeDramaGrid .catalog-episode,body.genre-page .genre-grid .catalog-episode{inset:auto auto 8px 8px;background:#0008;border-radius:5px;font-size:10px;padding:4px 6px;color:#eee}
    body[data-page="home"] #homeDramaGrid .catalog-card h3,body.genre-page .genre-grid .catalog-card h3{font-size:14px;line-height:1.45;font-weight:550;letter-spacing:0;padding:0 10px;margin:11px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;color:#eee}
    body[data-page="home"] #homeDramaGrid .catalog-card>p,body.genre-page .genre-grid .catalog-card>p{padding:0 10px;margin:0;color:#858585;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    body[data-page="home"] .site-footer,body.genre-page .site-footer{display:none}
    .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:85;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#090909f5;border-top:1px solid #ffffff0b;padding:10px 8px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(16px)}
    .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;color:#a5a5aa;font-size:10px}
    .mobile-bottom-nav svg{width:22px;height:22px;fill:currentColor}
    .mobile-bottom-nav a.is-active{color:#ff627f}
    .mobile-bottom-nav a:focus-visible,.mobile-discover-genres a:focus-visible{outline:2px solid #ff627f;outline-offset:2px}
    body.genre-page .account-content{padding:15px 12px 30px}
    body.genre-page .account-back,body.genre-page .account-eyebrow{display:none}
    body.genre-page .account-content h1{font-size:23px}
}