/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 900px) {
  :root {
    --topbar-h: 64px;
  }

  .topbar {
    padding: 0 var(--space-4);
  }

  .topbar .search {
    display: none;
  }

  .catalog {
    padding: var(--space-4);
  }

  .products {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--space-3);
  }
}

@media (max-width: 480px) {
  .ai-launcher .label {
    display: none;
  }

  .kanti-ai {
    right: var(--space-3);
    bottom: 84px;
    width: calc(100vw - 24px);
  }
}