@media (max-width: 900px){
  .grid{ grid-template-columns:1fr; }
  .home-grid{ grid-template-columns:1fr; }
  .sidebar-sticky{
    position: static;
    top: auto;
  }
}

@media (max-width: 700px){
  .filters{ grid-template-columns:1fr; }
  .cards{ grid-template-columns:1fr; }

  .footer{ text-align:center; }
  .footer-row{ justify-content:center; }
  .footer-links{ justify-content:center; }

  .navbar .inner{
    padding:12px 14px;
  }
}

@media (max-width: 980px){
  .hero-top{ flex-wrap:wrap; }

  .hero-image{
    float:none;
    width:100%;
    margin:14px 0 12px 0;
  }
}

@media (min-width: 980px){
  .ai-fab{
    right:22px;
    bottom:22px;
    height:64px;
    padding:0 18px;
    font-size:15px;
  }
}

/* =========================
   NAVBURGER (MOBILE)
========================= */

/* базовая кнопка (скрыта на десктопе) */
.nav-burger{
  display:none;
  width:42px;
  height:42px;
  border:1px solid var(--border);
  background:var(--card);
  border-radius:12px;
  padding:10px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap:5px;
}

/* 3 полоски */
.nav-burger span{
  display:block;
  width:18px;
  height:2px;
  background:var(--brand);
  border-radius:2px;
}

@media (max-width: 920px){

  /* показываем бургер */
  .nav-burger{
    display:flex;
    margin-left:auto;
  }

  /* чтобы абсолютное меню позиционировалось относительно navbar */
  .navbar .inner{
    position:relative;
  }

  /* выпадающее меню */
  .nav-links{
    position:absolute;
    top: calc(100% + 10px);
    right: 0;
    margin-right: var(--pad);

    width: min(320px, calc(100% - 2*var(--pad))); /* вместо 100vw */
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow);

    padding: 12px;
    display: none;
    flex-direction: column;
    gap: 10px;
    z-index: 50;
  }

  .nav-links.is-open{
    display:flex;
  }

  .nav-links a{
    padding:10px 12px;
    border-radius:12px;
  }

  .nav-links a:hover{
    background: rgba(20,85,135,.06);
    opacity:1;
  }

  .nav-user{
    display:block;
    padding:10px 12px;
    border-radius:12px;
    background: rgba(20,85,135,.04);
  }

  .nav-links form{
    margin-top:4px;
  }

  .nav-links form .btn{
    width:100%;
  }
}