@media (max-width:860px){
.menu-btn{display:block}
.nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);display:none}
.nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch;padding:.5rem 1.25rem 1rem}
.cat,.cols,.fgrid{grid-template-columns:1fr}.cols{gap:2rem}
.hero-net{opacity:.35;right:-120px}
}
@media (max-width:480px){.hero .acts .btn{width:100%;text-align:center}.info li{flex-direction:column;gap:.1rem}}